1 2 3 4<!DOCTYPE html> 5<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> 6<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> 7<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> 8<!--[if gt IE 8]><!--> 9<html class="no-js" lang="it-IT"> 10<!--<![endif]--> 11<head> 12 13 14 <link href="/-/media/project/loreal/brand-sites/garnier/emea/it/ico/favicon-new.png?rev=054a6d259e3c4461bb94dfeb15621956" rel="shortcut icon" /> 15 16 17<!-- Inizio informativa di consenso dei cookie OneTrust per garnier.it --> 18
19<script async src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" data-document-language="true" type="text/javascript" charset="UTF-8" data-domain-script="ba0f0984-1fe5-43b9-aa78-5d0315d0c097" ></script>
vendor: 2 bytes, line 19
19
20<script type="text/javascript"> 21function OptanonWrapper() { } 22</script>
22 23<!-- Fine informativa di consenso dei cookie OneTrust per garnier.it --> 24 25 <meta name="viewport" content="width=device-width, initial-scale=1" charset="utf-8" /> 26 <link rel="stylesheet" type="text/css" defer href="/themes/garnier/bundle.css?v=12.6.0-release00000005"> 27
27<script type="text/javascript" defer fetchpriority="high" src="/themes/Garnier/bundle.js?v=12.6.0-release00000005"></script>
27 28 <link rel="stylesheet" type="text/css" href="/themes/garnier/gothamfonts.css" /> 29 <link href="https://www.garnier.it/termini-di-utilizzo" rel="canonical" /> 30 31 32 <!-- SalesforceLivechat Script Block --> 33 <link rel="stylesheet" type="text/css" href="https://www.garnier.it/-/media/feature/loreal/livechat/chatit.css?rev=b564dbb5b2ae48968304e558546ff7b0">
34<script> window.sprChatSettings = window.sprChatSettings || {}; window.sprChatSettings = {"appId":"62de7d50c642730fa3f42513_app_1355575"}; </script>
34
34<script> (function(){var t=window,e=t.sprChat,a=e&&!!e.loaded,n=document,r=function(){r.m(arguments)};r.q=[],r.m=function(t){r.q.push(t)},t.sprChat=a?e:r;var o=function(){var e=n.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://prod-live-chat.sprinklr.com/api/livechat/handshake/widget/"+t.sprChatSettings.appId,e.onerror=function(){t.sprChat.loaded=!1},e.onload=function(){t.sprChat.loaded=!0};var a=n.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)};"function"==typeof e?a?e("update",t.sprChatSettings):o():"loading"!==n.readyState?o():n.addEventListener("DOMContentLoaded",o)})() </script>
34 35 36 37 <title>Termini di Utilizzo - Termini Generali & Condizioni - Garnier</title> 38 39 40 41 42 43 44 45 46 47 48<meta property="og:title" content="Termini di Utilizzo - Termini Generali & Condizioni - Garnier"><meta property="og:url" content="https://www.garnier.it/termini-di-utilizzo"><meta property="og:description" content="Learn about Garnier's Terms of Use Policy including general terms & conditions, privacy, your Garnier account, product availability and copy right infringement."> 49 50 51<meta name="description" content="Learn about Garnier's Terms of Use Policy including general terms & conditions, privacy, your Garnier account, product availability and copy right infringement."> 52 53 54<meta name="twitter:description" content="Learn about Garnier's Terms of Use Policy including general terms & conditions, privacy, your Garnier account, product availability and copy right infringement."><meta name="twitter:title" content="Termini di Utilizzo - Termini Generali & Condizioni - Garnier"><meta name="twitter:card" content="summary_large_image"> 55 56 <meta name="viewport" content="width=device-width, initial-scale=1" /> 57<link rel="preconnect" crossorigin="anonymous" href="https://www.googletagmanager.com/gtm.js?id=GTM-PHMSHX" as="script"> 58
58<script type="text/plain" class="optanon-category-2"> 59 if (window.eventBus) { 60 window.eventBus.$emit('optanonCategory2', true); 61 62 } 63 </script>
63 64
64<script type="text/plain" class="optanon-category-3"> 65 if (window.eventBus) { 66 window.eventBus.$emit('optanonCategory3', true); 67 68 } 69 </script>
69 70
70<script type="text/plain" class="optanon-category-4"> 71 if (window.eventBus) { 72 window.eventBus.$emit('optanonCategory4', true); 73 74 } 75 </script>
75 76
76<script type="text/javascript"> 77 var dataLayer = window["dataLayer"] || []; 78 dataLayer.push({"brand":"GAR","language":"it","country":"it","geoIPLocation":"FI","siteTypeLevel":"main","pageCategory":"content page::service","uiLoggedStatus":"not logged","masterVersion":"3.2","breadCrumb":"home \u003e termini-di-utilizzo","factory":"WSF","website_type":"NON-DTC","product_category":""}); 79 </script>
79 80
80<script type="application/json" id="refapp-global-tagging-configuration"> 81 { 82 "globalVars": { 83 "[page category]": "content page::service" 84 } 85 } 86 </script>
86 87 <!-- Google Tag Manager --> 88 <link rel="dns-prefetch" href="https://www.googletagmanager.com"> 89 <link rel="dns-prefetch" href="https://www.google-analytics.com"> 90
90<script type="text/javascript">
vendor: 375 bytes, lines 90-95
90 91 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 92 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 93 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 94 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 95 })(window,document,'script','dataLayer', '
95GTM-PHMSHX
vendor: 13 bytes, lines 95-96
95'); 96
96</script>
96 97 <!-- End Google Tag Manager --> 98 <!--Jebbit Quiz Tagging Script--> 99
99<script type="text/javascript"> 100 setTimeout(function () { 101 function iFramePush(message) { 102 try { 103 if (typeof message.data['event'] != 'undefined') 104 dataLayer.push(message.data); 105 } catch (e) { } 106 } 107 window.addEventListener("message", iFramePush, false); 108 }, 5000); 109 </script>
109 110 <!--End Jebbit Quiz Tagging Script--> 111 112 113 114 115</head> 116<body class="default-device wireframe-images bodyclass gotham-fonts"> 117 118
118<script>document.querySelector('html').classList.remove('no-js')</script>
118 119 <div style="display: none"><?xml version="1.0" encoding="utf-8" ?> 120<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 121 <symbol viewBox="0 0 300 300" id="account" xmlns="http://www.w3.org/2000/svg"> 122 <path class="aacls-1" d="M237.39 210.37a307.06 307.06 0 00-55.22-35.72 1.74 1.74 0 01-1-1.56v-14.85a59.65 59.65 0 10-63.19 0v14.85a1.74 1.74 0 01-1 1.56 307.07 307.07 0 00-55.22 35.72 19.07 19.07 0 00-6.94 14.72v26.7h189.51v-26.7a19.07 19.07 0 00-6.94-14.72z" /> 123 </symbol> 124 <symbol viewBox="0 0 300 300" id="arrow-down" xmlns="http://www.w3.org/2000/svg"> 125 <path class="abcls-1" d="M150.79 192.57L86.53 130l20.29-20.84 43.41 42.27 42.28-43.41 20.83 20.29z" /> 126 </symbol> 127 <symbol viewBox="0 0 300 300" id="arrow-next" xmlns="http://www.w3.org/2000/svg"> 128 <path class="acst0" d="M102.4 298.8l-48.8-47.5 99-101.7-101.7-99L98.4 1.8l150.5 146.5z" /> 129 </symbol> 130 <symbol viewBox="0 0 300 300" id="arrow-previous" xmlns="http://www.w3.org/2000/svg"> 131 <path class="adst0" d="M197.3 298.3l48.6-47.4-98.6-101.3 101.3-98.7-47.4-48.6-149.9 146z" /> 132 </symbol> 133 <symbol viewBox="0 0 272.93 295" id="arrow-reset" xmlns="http://www.w3.org/2000/svg"> 134 <path class="aecls-1" d="M235.34 229.03a119.3 119.3 0 11-7-169.53l-20.48 21.72 65.08 2.72-8.51-63.84-17.22 18.89a147.35 147.35 0 10-99.56 256h5.53a146.29 146.29 0 00102.64-46.95 14 14 0 00-20.5-19z" /> 135 </symbol> 136 <svg viewBox="0 0 16 16" id="arrow-right" fill="none" xmlns="http://www.w3.org/2000/svg"> 137 <path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="2"/> 138 </svg> 139 <symbol viewBox="0 0 300 300" id="arrow-slider-next" xmlns="http://www.w3.org/2000/svg"> 140 <path class="afcls-1" d="M115.45 81.31l70.41 68.56-68.56 70.41" /> 141 </symbol> 142 <symbol viewBox="0 0 300 300" id="arrow-slider-previous" xmlns="http://www.w3.org/2000/svg"> 143 <path class="agcls-1" d="M185.86 81.31l-70.41 68.56 68.56 70.41" /> 144 </symbol> 145 <svg width="30" height="30" id="arrow-top-rounded" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> 146 <path d="M22.5 18.75L15 11.25L7.5 18.75" stroke="#156031" stroke-width="2.5"/> 147 </svg> 148 149 <symbol viewBox="0 0 300 300" id="arrows-updown" xmlns="http://www.w3.org/2000/svg"> 150 <path d="M75 50.9l75 75-21.4 21.4-38.4-38.4v139H59.8v-139l-38.4 38.4L0 125.9zm150 197l75-75-21.4-21.5-38.4 38.5v-139h-30.4v139l-38.4-38.5-21.4 21.5z" /> 151 </symbol> 152 <symbol fill="none" viewBox="0 0 201 98" id="back-arrow-quiz" xmlns="http://www.w3.org/2000/svg"> 153 <path d="M47.5 1L1 48.5 47.5 97 59 86 30.5 57h170V40.5h-170l28.5-28L47.5 1z" fill="#CBCBCB" stroke="#CBCBCB" /> 154 </symbol> 155 <symbol viewBox="0 0 20 20" id="before-after" xmlns="http://www.w3.org/2000/svg"> 156 <path d="M10.909 0v20H9.091V0zM8.182 0v1.818H1.488v16.364h6.694V20H0V0zM20 18.182V20h-1.818v-1.818zm-2.727 0V20h-1.818v-1.818zm-2.728 0V20h-2.727v-1.818zM20 14.545v1.819h-1.818v-1.819zm0-3.636v1.818h-1.818v-1.818zm0-3.636v1.818h-1.818V7.273zm0-3.637v1.819h-1.818V3.636zM14.545 0v1.818h-2.727V0zm2.728 0v1.818h-1.818V0zM20 0v1.818h-1.818V0z" data-name="00_Global-Guidelines/Icons/02_20px-Med-Icon/Before-After" /> 157 </symbol> 158 <symbol viewBox="0 0 300 300" id="burger" xmlns="http://www.w3.org/2000/svg"> 159 <path class="alcls-1" d="M45 85.3h210v27.54H45zm0 51.63h210v27.54H45zm0 51.64h210v27.54H45z" /> 160 </symbol> 161 <symbol viewBox="0 0 300 300" id="cart" xmlns="http://www.w3.org/2000/svg"> 162 <path class="amcls-1" d="M222.57 49.15l-5.18 27.91L31 78l23.21 104.43 143.61.21-6.46 34.82H65.86v17.41h17.7a14.51 14.51 0 1028.43 0h47a14.51 14.51 0 1028.43 0h17.7l35.49-168.31H269V49.15z" /> 163 </symbol> 164 <symbol viewBox="0 0 300 300" id="chat" xmlns="http://www.w3.org/2000/svg"> 165 <path class="ancls-1" d="M211.82 63H87.68a42.42 42.42 0 00-42.43 42.43V144a42.39 42.39 0 0040.4 42.32V234a2.37 2.37 0 004 1.77l54-49.42c.51-.46-.27.82-.27.15h68.51a42.42 42.42 0 0042.36-42.5v-38.61A42.42 42.42 0 00211.82 63z" /> 166 </symbol> 167 <symbol viewBox="0 0 300 300" id="chat-with-dots" xmlns="http://www.w3.org/2000/svg"> 168 <path d="M211.9 63.6H88.4c-23.3 0-42.2 18.9-42.2 42.2v38.4c0 22.5 17.7 41 40.2 42.1v47.3c0 1.3 1 2.4 2.4 2.4.6 0 1.2-.2 1.6-.6l53.6-49.1c.5-.4-.3.8-.3.1h68.1c23.3 0 42.1-18.9 42.1-42.2v-38.4c.1-23.3-18.8-42.1-42-42.2z" /> 169 <circle cx="108" cy="126.2" r="11.2" fill="#fff" /> 170 <circle cx="156.7" cy="126.2" r="11.2" fill="#fff" /> 171 <circle cx="205.4" cy="126.2" r="11.2" fill="#fff" /> 172 </symbol> 173 <symbol viewBox="0 0 15 15" id="close" xmlns="http://www.w3.org/2000/svg"> 174 <path class="apst0" d="M.4 1.1l13.5 13.5 1-1L1.4.1l-1 1z" /> 175 <path class="apst0" d="M14.9 1.1L1.4 14.6l-1-1L13.9.1l1 1z" /> 176 </symbol> 177 <symbol viewBox="0 0 80 48" id="email" xmlns="http://www.w3.org/2000/svg"> 178 <path class="aqcls-1" d="M74 0H6a6 6 0 00-6 6v36a6 6 0 006 6h68a6 6 0 006-6V6a6 6 0 00-6-6zm1.78 42.88L57.5 26.69 76 12.59V42a1.88 1.88 0 01-.22.88zM4 42V12.49l18 13.77-18 16A1.79 1.79 0 014 42zm21.3-13.27l10.52 8a7.94 7.94 0 004.24 1.55 8 8 0 004.25-1.55l10-7.59L71.01 44H8.06zM6 4h68a2 2 0 012 2v1.57L42 33.24a4.4 4.4 0 01-2 .84 4.44 4.44 0 01-2-.84L4 7.46V6a2 2 0 012-2z" /> 179 </symbol> 180 <symbol viewBox="0 0 300 300" id="facebook" xmlns="http://www.w3.org/2000/svg"> 181 <path class="arcls-1" d="M51.78 52.23v196.83h196.83V52.23zM183 109.64h-15.77c-5.05 0-8.83 2.07-8.83 7.29V126H183l-2 24.6h-22.6v65.61h-24.6v-65.57h-16.4V126h16.4v-15.73c0-16.58 8.73-25.24 28.38-25.24H183z" /> 182 </symbol> 183 <symbol viewBox="0 0 300 300" id="google" xmlns="http://www.w3.org/2000/svg"> 184 <path class="ascls-1" d="M51.68 52.23v196.83h196.83V52.23zm71.08 136.69a38.28 38.28 0 110-76.55 36.7 36.7 0 0125.65 10l-10.39 10a21.57 21.57 0 00-15.25-5.9 24.17 24.17 0 000 48.34c15.15 0 20.83-10.88 21.71-16.51h-21.72v-13.12h36.14a34.43 34.43 0 01.61 6.34c-.01 21.86-14.66 37.4-36.75 37.4zm92.94-32.8h-16.4v16.4h-10.93v-16.4H172v-10.94h16.4v-16.4h10.9v16.4h16.4z" /> 185 </symbol> 186 <symbol viewBox="0 0 300 300" id="home" xmlns="http://www.w3.org/2000/svg"> 187 <path class="atcls-1" d="M149.48 51.52l-84.04 68.76v129.88h168.08V120.28l-84.04-68.76z" /> 188 <path class="atcls-1" d="M233.52 251.66H65.44a1.5 1.5 0 01-1.5-1.5V120.28a1.5 1.5 0 01.55-1.16l84-68.76a1.5 1.5 0 011.9 0l84 68.76a1.5 1.5 0 01.55 1.16v129.88a1.5 1.5 0 01-1.42 1.5zm-166.58-3H232V121l-82.52-67.54L66.94 121z" /> 189 </symbol> 190 <symbol viewBox="0 0 49 49" id="info" xmlns="http://www.w3.org/2000/svg"> 191 <path class="aucls-1" d="M24.5 4A20.5 20.5 0 114 24.5 20.53 20.53 0 0124.5 4m0-4A24.5 24.5 0 1049 24.5 24.5 24.5 0 0024.5 0z" /> 192 <path class="aucls-1" d="M20.07 35.63h.3c.26 0 .52-.06.78-.11a11.31 11.31 0 005.29-3.08 13.47 13.47 0 001.58-1.94c.11-.16-.05-.5-.08-.75-.23.06-.52 0-.68.2-.58.55-1.11 1.16-1.69 1.72a6 6 0 01-1.21.92c-.51.28-.87 0-.8-.57a4.9 4.9 0 01.29-1.06c.73-1.9 1.49-3.78 2.2-5.68a33.75 33.75 0 001.26-3.88 2 2 0 00-1.81-2.62 6.26 6.26 0 00-1.93.08c-2.66.53-4.52 2.26-6.15 4.29a.62.62 0 00-.17.33.93.93 0 00.15.59.57.57 0 00.55 0 11.52 11.52 0 00.93-.92c.59-.58 1.16-1.17 1.77-1.71.32-.27.75-.53 1.15-.21s.14.74 0 1.11c-.91 2.21-1.88 4.41-2.74 6.65a26.83 26.83 0 00-1.23 4.1c-.39 1.63.47 2.54 2.24 2.54zm6.87-23.53a3 3 0 00-3 2.9 2.36 2.36 0 002.55 2.41 3 3 0 003.01-2.91 2.37 2.37 0 00-2.56-2.4z" /> 193 <path class="aucls-1" d="M20.07 35.63c-1.77 0-2.63-.91-2.29-2.57a26.83 26.83 0 011.23-4.1c.86-2.24 1.83-4.44 2.74-6.65.15-.37.42-.79 0-1.11s-.83-.06-1.15.21c-.61.54-1.18 1.13-1.77 1.71a11.52 11.52 0 01-.93.92.57.57 0 01-.55 0 .93.93 0 01-.15-.59.62.62 0 01.17-.33c1.63-2 3.49-3.76 6.15-4.29a6.26 6.26 0 011.98-.05 2 2 0 011.85 2.58 33.75 33.75 0 01-1.26 3.88c-.71 1.9-1.47 3.78-2.2 5.68a4.9 4.9 0 00-.29 1.06c-.07.58.29.85.8.57a6 6 0 001.21-.92c.58-.56 1.11-1.17 1.69-1.72.16-.15.45-.14.68-.2 0 .25.19.59.08.75a13.47 13.47 0 01-1.58 1.95 11.31 11.31 0 01-5.33 3.09c-.26 0-.52.08-.78.11zm6.87-23.53a2.37 2.37 0 012.56 2.4 3 3 0 01-3.08 2.87 2.36 2.36 0 01-2.55-2.41 3 3 0 013.07-2.86z" /> 194 </symbol> 195 <symbol viewBox="0 0 300 300" id="instagram" xmlns="http://www.w3.org/2000/svg"> 196 <path class="avcls-1" d="M172.07 150.64a21.87 21.87 0 11-21.87-21.87 21.87 21.87 0 0121.87 21.87zm31.54-26.51c.31 6.91.38 9 .38 26.51s-.07 19.59-.38 26.51c-.82 17.63-9.1 26.09-26.89 26.89-6.92.31-9 .39-26.52.39s-19.6-.07-26.51-.38c-17.83-.81-26.09-9.28-26.89-26.89-.32-6.93-.39-9-.39-26.52s.07-19.59.39-26.51c.81-17.65 9.1-26.09 26.89-26.89 6.92-.32 9-.39 26.51-.39s19.6.07 26.51.38c17.78.77 26.08 9.26 26.9 26.91zm-19.72 26.51a33.69 33.69 0 10-33.69 33.69 33.69 33.69 0 0033.68-33.69zm9.2-35a7.87 7.87 0 10-7.87 7.87 7.88 7.88 0 007.87-7.89zm55.52-63.4v196.82H51.78V52.23zm-32.8 98.41c0-17.81-.07-20.05-.39-27-1.07-23.8-14.31-37.07-38.16-38.16-7-.33-9.23-.4-27.06-.4s-20 .07-27 .39C99.31 86.52 86.08 99.74 85 123.59c-.32 7-.39 9.24-.39 27.06s.07 20.05.39 27c1.1 23.83 14.32 37.08 38.17 38.17 7 .32 9.23.39 27 .39s20.05-.07 27.06-.39c23.8-1.09 37.09-14.31 38.16-38.17.34-6.96.41-9.19.41-27.01z" /> 197 </symbol> 198 <symbol viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="awlds-ripple" style="background:0 0" id="loading-animation" xmlns="http://www.w3.org/2000/svg"> 199 <circle cx="50" cy="50" r="40" fill="none" stroke="#eef7db" stroke-width="3"> 200 <animate attributeName="r" calcMode="spline" values="0;40" keyTimes="0;1" dur="1.2" keySplines="0 0.2 0.8 1" begin="-0.6s" repeatCount="indef
200inite" /> 201 <animate attributeName="opacity" calcMode="spline" values="1;0" keyTimes="0;1" dur="1.2" keySplines="0.2 0 0.8 1" begin="-0.6s" repeatCount="indefinite" /> 202 </circle> 203 <circle cx="50" cy="50" r="25.953" fill="none" stroke="#B4C832" stroke-width="3"> 204 <animate attributeName="r" calcMode="spline" values="0;40" keyTimes="0;1" dur="1.2" keySplines="0 0.2 0.8 1" begin="0s" repeatCount="indefinite" /> 205 <animate attributeName="opacity" calcMode="spline" values="1;0" keyTimes="0;1" dur="1.2" keySplines="0.2 0 0.8 1" begin="0s" repeatCount="indefinite" /> 206 </circle> 207 </symbol> 208 <symbol viewBox="0 0 300 300" id="location" xmlns="http://www.w3.org/2000/svg"> 209 <path class="axcls-1" d="M202.67 77.74a61.43 61.43 0 00-52.56-30.18c-44 0-72.44 46.17-55 85.58 17.4 40.13 36.93 79.9 55 119.67l29.83-65c9.23-19.89 21.31-40.84 27.34-62.15 4.63-15.96 4.27-32.66-4.61-47.92zM150.12 136a29.83 29.83 0 1129.83-29.83A29.83 29.83 0 01150.12 136z" /> 210 </symbol> 211 <symbol viewBox="0 0 15 15" id="minus" xmlns="http://www.w3.org/2000/svg"> 212 <path class="ayst0" d="M17.2 8H-1.9V6.6h19.1V8z" /> 213 </symbol> 214 <symbol viewBox="0 0 300 300" id="pinterest" xmlns="http://www.w3.org/2000/svg"> 215 <path class="azcls-1" d="M51.78 52.23v196.83h196.83V52.23zm98.41 164a65.54 65.54 0 01-19.43-2.93c2.67-4.35 6.67-11.5 8.15-17.21l4.09-15.56c2.14 4.08 8.39 7.53 15 7.53 19.79 0 34-18.2 34-40.81 0-21.68-17.69-37.89-40.45-37.89-28.31 0-43.35 19-43.35 39.7 0 9.63 5.13 21.6 13.32 25.42 1.24.57 1.9.32 2.2-.88l1.82-7.44a2 2 0 00-.46-1.89c-2.71-3.28-4.88-9.33-4.88-15 0-14.48 11-28.47 29.62-28.47 16.12 0 27.4 11 27.4 26.7 0 17.75-9 30-20.63 30-6.45 0-11.27-5.32-9.72-11.86 1.85-7.8 5.44-16.21 5.44-21.85 0-5-2.71-9.24-8.3-9.24-6.59 0-11.88 6.82-11.88 15.94a23.71 23.71 0 002 9.74s-6.5 27.5-7.69 32.62c-1.32 5.67-.8 13.63-.23 18.81a65.61 65.61 0 1123.93 4.52z" /> 216 </symbol> 217 <symbol viewBox="0 0 15 15" id="plus" xmlns="http://www.w3.org/2000/svg"> 218 <path class="bast0" d="M7-2.2v19.1h1.4V-2.2H7z" /> 219 <path class="bast0" d="M17.2 8H-1.9V6.6h19.1V8z" /> 220 </symbol> 221 <symbol fill="none" viewBox="0 0 24 24" id="arrowhead-previous" xmlns="http://www.w3.org/2000/svg"> 222 <path d="M15 6l-6 6 6 6" stroke="#21362C" stroke-width="2"/> 223 </symbol> 224 <symbol fill="none" viewBox="0 0 24 24" id="arrowhead-next" xmlns="http://www.w3.org/2000/svg"> 225 <path d="M9 18l6-6-6-6" stroke="#21362C" stroke-width="2"/> 226 </symbol> 227 <symbol fill="none" viewBox="0 0 18 18" id="arrowhead-S-right" xmlns="http://www.w3.org/2000/svg"> 228 <path d="M6.75 13.5l4.5-4.5-4.5-4.5" stroke="currentColor" stroke-width="2"/> 229 </symbol>
230 <symbol viewBox="0 0 126 135" id="rounded-arrow-quiz" xmlns="http://www.w3.org/2000/svg"> 231 <path d="M17.636 76h-16.5c-2 20 18 56.5 61.5 57.5s61-39.5 62-55-3-49-37-64c-27.2-12-51.666-1.667-60.5 5V1h-16l-2 46.5 48.5 2.5V33h-18.5c8.8-8 23.667-8 30-7 36 5.6 41.334 37.333 39.5 52.5-4 16-20.2 46.1-53 38.5-32.8-7.6-39-30.5-38-41z"/> 232 </symbol> 233 <symbol viewBox="0 0 300 300" id="search" xmlns="http://www.w3.org/2000/svg"> 234 <path class="bccls-1" d="M244.92 225.37l-46.61-46.61a79.54 79.54 0 10-22.5 20.83L223.25 247zM77.72 132.2a56.6 56.6 0 1156.6 56.6 56.66 56.66 0 01-56.6-56.6z" /> 235 </symbol> 236 <symbol viewBox="0 0 300 300" id="share" xmlns="http://www.w3.org/2000/svg"> 237 <circle cx="151" cy="150.5" r="99" /> 238 <path fill="#fff" d="M176.6 172.2c-5.1 0-10.1 1.7-14.1 4.9L129.9 159c1.6-4.7 1.6-9.8 0-14.6l34.3-19.2c10.7 6.9 24.9 3.8 31.8-6.9 6.9-10.7 3.8-24.9-6.9-31.8-10.7-6.9-24.9-3.8-31.8 6.9-2.4 3.7-3.7 8.1-3.6 12.5 0 3.4.7 6.8 2.3 9.8l-33 18.4c-9.7-8.2-24.2-7.1-32.4 2.6s-7.1 24.2 2.6 32.4c8.6 7.3 21.3 7.3 29.8 0l32.2 17.8c-1 2.6-1.5 5.4-1.5 8.1-.1 12.7 10.1 23.1 22.8 23.2 12.7.1 23.1-10.1 23.2-22.8s-10.1-23.1-22.8-23.2c-.2.1-.2.1-.3 0z" /> 239 </symbol> 240 <symbol viewBox="0 0 155.139 155.139" id="sign-in-facebook" xmlns="http://www.w3.org/2000/svg"> 241 <path d="M89.584 155.139V84.378h23.742l3.562-27.585H89.584V39.184c0-7.984 2.208-13.425 13.67-13.425l14.595-.006V1.08C115.325.752 106.661 0 96.577 0 75.52 0 61.104 12.853 61.104 36.452v20.341H37.29v27.585h23.814v70.761h28.48z" fill="#fff" /> 242 </symbol> 243 <symbol viewBox="0 0 300 300" id="star" xmlns="http://www.w3.org/2000/svg"> 244 <path class="bfcls-1" d="M83.59 252l66.65-48.32L216.76 252l-25.38-78.33 66.48-48.25h-82.19l-25.43-78.25-25.41 78.25H42.48l66.54 48.25L83.59 252z" /> 245 </symbol> 246 <symbol viewBox="0 0 29 21.96" id="tryon-camera" xmlns="http://www.w3.org/2000/svg"> 247 <path class="bgcls-1" d="M21.78 4l-2.34-4H9.56L7.22 4H0v18h29V4zM28 21H1V5h6.79l2.34-4h8.74l2.34 4H28z" /> 248 <path class="bgcls-1" d="M14.5 9.55a2.5 2.5 0 11-2.5 2.5 2.5 2.5 0 012.5-2.5m0-1a3.5 3.5 0 103.5 3.5 3.5 3.5 0 00-3.5-3.5z" /> 249 <path class="bgcls-1" d="M14.5 5.52A6.5 6.5 0 118 12a6.51 6.51 0 016.5-6.5m0-1A7.5 7.5 0 1022 12a7.5 7.5 0 00-7.5-7.5z" /> 250 </symbol> 251 <symbol viewBox="0 0 22.4 19" id="tryon-reload" xmlns="http://www.w3.org/2000/svg"> 252 <path class="bhcls-1" d="M12.4 0A9.57 9.57 0 003 8.3L.82 5.22 0 5.79l3.11 4.5 4.5-3.11-.56-.82-3 2.14a8.56 8.56 0 018.4-7.5c4.94 0 9 3.57 9 8.5s-4 8.5-9 8.5a9 9 0 01-5.88-2.21l-.58.82A9.89 9.89 0 0012.45 19c5.49 0 10-4 10-9.5S17.9 0 12.4 0z" /> 253 </symbol> 254 <symbol viewBox="0 0 29 25" id="tryon-upload" xmlns="http://www.w3.org/2000/svg"> 255 <path class="bicls-1" d="M18.37 13.16L14.5 9.29l-3.87 3.87.71.71L14 11.21V25h1V11.21l2.66 2.66.71-.71z" /> 256 <path class="bicls-1" d="M29 0H0v18h10.63v-1H1V1h27v16h-9.63v1H29V0z" /> 257 </symbol> 258 <symbol viewBox="0 0 300 300" id="twitter" xmlns="http://www.w3.org/2000/svg"> 259 <path class="bjcls-1" d="M50.78 52.23v196.83h196.83V52.23zM205.47 128c1.71 37.87-26.53 80.09-76.52 80.09A76.16 76.16 0 0187.68 196a54.17 54.17 0 0039.86-11.15 26.94 26.94 0 01-25.14-18.7 27.07 27.07 0 0012.15-.46A27 27 0 0193 138.93a26.78 26.78 0 0012.19 3.37 27 27 0 01-8.33-35.95 76.44 76.44 0 0055.49 28.13 26.94 26.94 0 0145.88-24.55 53.87 53.87 0 0017.1-6.53 27 27 0 01-11.83 14.89 54 54 0 0015.46-4.24A55 55 0 01205.47 128z" /> 260 </symbol> 261 <symbol viewBox="0 0 107 59" id="up-arrow" xmlns="http://www.w3.org/2000/svg"> 262 <path d="M107.4 54.9L53.9.3.4 54.9 4 58.6 53.9 7.7l49.9 50.9z" /> 263 </symbol> 264 <symbol viewBox="0 0 300 300" id="video" xmlns="http://www.w3.org/2000/svg"> 265 <path class="blcls-1" d="M126.93 113.88v79.35l66.13-39.67-66.13-39.68z" /> 266 <path class="blcls-1" d="M150.07 47.75a102.5 102.5 0 10102.5 102.5 102.5 102.5 0 00-102.5-102.5zm0 181.85a79.35 79.35 0 1179.35-79.35 79.35 79.35 0 01-79.35 79.35z" /> 267 </symbol> 268 <symbol viewBox="0 0 20 20" id="video-pdp" xmlns="http://www.w3.org/2000/svg"> 269 <path d="M10 0A10 10 0 110 10 10 10 0 0110 0zm0 2.259A7.741 7.741 0 1017.741 10 7.741 7.741 0 0010 2.259zM7.8 6.4l6.4 3.9-6.4 3.9z" data-name="00_Global-Guidelines/Icons/02_20px-Med-Icon/Video" /> 270 </symbol> 271 <symbol viewBox="0 0 300 300" id="youtube" xmlns="http://www.w3.org/2000/svg"> 272 <path class="bncls-1" d="M164.68 168.31c-2.36 0-4.39 1.51-5.88 3.32V156.1h-6.68v48.22h6.68v-2.72a7.58 7.58 0 006.28 3.18c4.4 0 6-3.42 6-7.82v-19.74c.04-4.82-1.56-8.91-6.4-8.91zm-.36 27.69a4.07 4.07 0 01-.57 2.45c-.73 1-2.3.91-3.39.37l-1.57-1.25v-22.18l1.37-1.08a2.75 2.75 0 013.45.58 4.45 4.45 0 01.71 2.73zM142 126v-17.34c0-2.05.94-3.56 2.9-3.56 2.13 0 3 1.47 3 3.56V126c0 2-1 3.53-2.9 3.53s-3-1.53-3-3.53zm-15.16 37.07h-7.71v41.23h-7.45v-41.19H104v-7h22.87zm12.16 5.68h6.62v35.58H139v-3.93a14.42 14.42 0 01-3.81 3.31c-3.57 2-8.46 2-8.46-5.22v-29.74h6.61V196c0 1.44.34 2.39 1.76 2.39s3.08-1.66 3.89-2.67zM50.78 52.23v196.83h196.83V52.23zM161 98.32h6.95v28.63c0 1.51.36 2.52 1.85 2.52s3.24-1.74 4.08-2.8V98.32h6.95v37.36h-6.95v-4.13c-3 3.58-5.93 4.67-8 4.67-3.72 0-4.85-3-4.85-6.67V98.32zM145.07 98a9.75 9.75 0 0110 10v18.31c0 6.27-4.4 10-10 10-6.73 0-10.18-3.42-10.18-10V108c0-6 4.11-10 10.18-10zM116.9 85l5.4 20.24 5-20.24h7.95l-9.1 3
2720.1v20.54h-7.82v-20.51L109 85zm69.65 130.5c-14.23 1-60.5 1-74.71 0-15.4-1-17.2-10.39-17.31-34.81.11-24.46 1.93-33.76 17.31-34.81 14.21-1 60.48-1 74.71 0 15.4 1 17.2 10.39 17.31 34.81-.11 24.49-1.92 33.78-17.31 34.84zm-.39-47.67c-6 0-10 4.28-10 10.46v16c0 6.41 3.23 11 9.55 11 7 0 9.91-4.15 9.91-11v-2.67h-6.81v2.47c0 3.1-.16 5-3 5s-2.89-2.31-2.89-5v-6.71h12.65v-9.05c0-6.44-3.06-10.47-9.4-10.47zm2.6 14h-5.84v-3.6c0-2.44.51-4.17 3-4.17s2.89 1.76 2.89 4.17z" /> 273 </symbol> 274 <symbol viewBox="0 0 300 300" id="zoom-minus" xmlns="http://www.w3.org/2000/svg"> 275 <path class="bocls-1" d="M245.21 226l-46.83-46.83a79.92 79.92 0 10-22.61 20.93l47.67 47.67zm-168-93.61a56.87 56.87 0 1156.87 56.87 56.93 56.93 0 01-56.86-56.89z" /> 276 <path class="bocls-1" d="M106.28 142.92v-14.98h59.91v14.98z" /> 277 </symbol> 278 <symbol viewBox="0 0 300 300" id="zoom-plus" xmlns="http://www.w3.org/2000/svg"> 279 <path class="bpcls-1" d="M245.21 226l-46.83-46.83a79.92 79.92 0 10-22.61 20.93l47.67 47.67zm-168-93.61a56.87 56.87 0 1156.87 56.87 56.93 56.93 0 01-56.86-56.89z" /> 280 <path class="bpcls-1" d="M166.19 127.94h-22.47v-22.47h-14.97v22.47h-22.47v14.97h22.47v22.47h14.97v-22.47h22.47v-14.97z" /> 281 </symbol> 282 <symbol viewBox="0 0 40 40" id="co2" xmlns="http://www.w3.org/2000/svg"> 283 <g fill="none" fill-rule="evenodd"> 284 <circle stroke="#969696" fill="#FFF" cx="20" cy="20" r="19.5" /> 285 <path d="M10.954 16.745c1.133 0 2.056.626 2.67 1.809h3.043c-.745-2.96-3.043-4.803-5.729-4.803a5.674 5.674 0 00-4.19 1.776A6.09 6.09 0 005 19.873c0 1.776.55 3.264 1.634 4.465 1.099 1.244 2.653 1.94 4.272 1.911 2.767 0 4.952-1.776 5.712-4.701H13.56c-.614 1.116-1.57 1.725-2.654 1.725-1.585 0-3.01-1.472-3.01-3.383a3.213 3.213 0 01.897-2.244 2.937 2.937 0 012.161-.901M23.775 13.75a6.214 6.214 0 00-4.427 1.762 6.111 6.111 0 00-1.848 4.36c0 1.781.58 3.273 1.727 4.477a6.052 6.052 0 004.531 1.9 6.193 6.193 0 004.48-1.882 6.226 6.226 0 001.761-4.443c-.028-3.398-2.798-6.145-6.224-6.173m-.017 9.513c-1.676 0-3.198-1.458-3.198-3.357a3.15 3.15 0 011.583-2.752 3.203 3.203 0 013.195 0 3.15 3.15 0 011.583 2.752c0 1.967-1.42 3.357-3.163 3.357M35 21.274c0-1.003-.787-1.69-2.083-1.69-1.264 0-2.075.833-2.084 2.16h1.473c0-.04-.008-.09-.008-.13 0-.526.242-.825.61-.825.36 0 .578.235.578.639 0 .81-.87 1.764-2.62 2.767v1.222h4.118V24.13H32.9c1.397-.874 2.1-1.925 2.1-2.856" fill="#969696" fill-rule="nonzero" /> 286 </g> 287 </symbol> 288 <symbol viewBox="0 0 40 40" id="picto-water" xmlns="http://www.w3.org/2000/svg"> 289 <g fill="none" fill-rule="evenodd"> 290 <circle stroke="#969696" fill="#FFF" cx="20" cy="20" r="19.5" /> 291 <path d="M20.412 7.7a.542.542 0 00-.838 0c-1.78 2.346-8.434 11.516-8.434 15.836.025 4.958 3.982 8.964 8.854 8.964 4.872 0 8.83-4.006 8.854-8.964 0-4.32-6.653-13.49-8.435-15.836m2.32 21.622a.774.774 0 01-.337.051.89.89 0 01-.787-.462c-.153-.396.04-.834.45-1.025 3.319-1.231 3.036-4.924 2.98-4.976a.75.75 0 01.371-.695.915.915 0 01.847-.052c.272.123.45.369.47.645.224 1.641-.45 5.18-3.994 6.514" fill="#969696" fill-rule="nonzero" /> 292 </g> 293 </symbol> 294 <symbol viewBox="0 0 40 40" id="picto-tryon" xmlns="http://www.w3.org/2000/svg"> 295 <path fill="#004532" d="M0 0h40v40H0z" /> 296 <path d="M25.7 0c-.1.2-.2.4-.3.5-.8 1.1-1.8 2.2-2.8 3.2C24 4.2 34 7.6 36.5 17.8c2.4 10.1-4.3 15.8-4.6 16.1-.3.3-.8.2-1.1-.1-.3-.3-.2-.8.1-1.1 3.1-2.9 4.7-7.1 4.5-11.3-.7 2.8-1.7 5.4-3.1 7.9-1.1 1.9-2.5 3.6-4.2 5.1V40h-1.6v-4.5c-1.9 1.2-4.2 1.9-6.5 1.9h.4c.1.1.1.2.1.4v1.6c0 .3-.2.6-.5.6s-.5-.3-.5-.6v-1.6c0-.1 0-.3.1-.4-2-.1-4-.6-5.7-1.7V40h-1.6v-5.5c-4.6-3.9-7-11-7.5-16.1C1.6 21.7.6 25 1.7 28.1c1.9 5 5.5 4 5.7 3.9.3-.1.6 0 .9.2.2.2.3.5.3.8-.1.3-.3.5-.6.6-.5.1-1 .2-1.5.2-1.8 0-4.7-1-6.4-5.1 0-.1-.1-.3-.1-.6v-2.9-2.3c0-2.2 2.4-4.9 5.6-7.6 1-.9 2.5-2 4.3-3.3 4.5-3.4 11.2-8.3 13.7-12h2.1zM0 34c.1.1.1.2.2.3.1.2 2.8 4.4 10 4 .4 0 .8.3.8.8s-.3.8-.7.9h-.9c-5 0-9-2.7-9.4-3.5v-1.2V34zm40-4v4c-1 1.9-2.3 3.6-3.9 4.9-.1 0-.2.1-.3.1-.3 0-.5-.1-.7-.4-.2-.4-.1-.9.2-1.1 2.3-1.9 3.9-4.6 4.7-7.5zM21.6 4.8c-.4.3-.7.6-1.1 1v1.3c0 .3-.2.6-.5.6s-.5-.3-.5-.6v-.4c-2.7 2.4-5.6 4.6-8.5 6.8-1.7 1.3-3.2 2.4-4.2 3.3l-.4.4C6.6 23.1 10.6 36 20 36c10.1 0 14.4-13.7 14.4-19.3C31.4 8 21.7 5 21.6 4.8zM20 32.4c.3 0 .5.3.5.6v1.6c0 .3-.2.6-.5.6s-.5-.3-.5-.6V33c0-.3.2-.6.5-.6zm1.3-5.4c.2 0 .5.1.6.3 0 0 .7.6 1 .9.1.1.1.1.2.1.4.1.9.1.9.3 0 .3 0 .5-.9.6-.1 1-1.7 1.8-3.1 1.8s-3-.8-3.1-1.9c-.9-.1-.9-.3-.9-.6 0-.2.4-.1.9-.3.1 0 .1 0 .1-.1l1.1-.9c.2
296-.1.5-.2.7-.3.4 0 .8.1 1.2.4.4-.2.8-.3 1.3-.3zm-1.2 1.4H20c-.1 0-.4.1-.5.1-.1 0-.1.1-.3.1-.2.1-.3.1-.5.1l-.1.1c0 .2.6.1 1.4.1.8 0 1.4.1 1.3-.1 0-.1 0-.1-.1-.1-.2 0-.3-.1-.5-.1-.1 0-.2-.1-.3-.1-.2-.1-.3-.1-.5-.1h.2zM19 23.2c.4.4.7.6 1 .6.4 0 .7-.2 1.1-.6.2-.2.6-.2.8 0s.2.6 0 .8c-.4.5-.9.7-1.3.9v1.3c0 .3-.2.6-.5.6s-.5-.3-.5-.6v-1.3c-.5-.1-.9-.5-1.4-.9-.2-.2-.2-.6 0-.8.2-.3.5-.2.8 0zm1-4c.3 0 .5.3.5.6v1.6c0 .3-.2.6-.5.6s-.5-.3-.5-.6v-1.6c0-.3.2-.6.5-.6zM13.1 14c1.4 0 2.6.7 3.7 1.9.2.2.2.5 0 .7-.2.2-.5.2-.6 0-.6-.7-1.3-1.2-2-1.4.3.3.5.7.5 1.2 0 .9-.8 1.6-1.7 1.6-.9 0-1.7-.7-1.7-1.6 0-.4.1-.8.4-1-.2.1-.3.2-.5.4l-.1.1-.3.3c-.2.2-.4.4-.6.5-.6.4-1.3.4-2 .2-.2-.1-.4-.4-.3-.6.1-.3.3-.4.6-.3.5 0 1-.1 1.4-.3.1-.1.2-.1.3-.3l.1-.1.3-.3c.7-.7 1.4-1 2.5-1zm13.8 0c1.1 0 1.8.3 2.5 1l.3.3.1.1.3.3c.4.2.9.3 1.3.1.2-.1.5.1.6.3.1.3 0 .5-.3.6-.7.3-1.4.2-2-.2-.2-.1-.4-.3-.6-.5-.1 0-.3-.3-.3-.3l-.1-.1c-.2-.1-.3-.3-.5-.4.2.3.4.6.4 1 0 .9-.8 1.6-1.7 1.6-.9 0-1.7-.7-1.7-1.6 0-.5.2-.9.5-1.2-.7.2-1.4.7-2 1.4-.2.2-.5.2-.6 0-.2-.2-.2-.5 0-.7 1.1-1 2.4-1.7 3.8-1.7zm-6.9.4c.3 0 .5.3.5.6v1.6c0 .3-.2.6-.5.6s-.5-.3-.5-.6V15c0-.3.2-.6.5-.6zM31 0c4 2.5 7.2 6.4 9 11v5C38.2 9 34.2 3.5 28.8.7c-.3-.2-.6-.4-.8-.7h3zM20 9.6c.3 0 .5.3.5.6v1.6c0 .3-.2.6-.5.6s-.5-.3-.5-.6v-1.6c0-.3.2-.6.5-.6zM12 0C8.4 3.5 4.4 6.5 0 9v-.4-1.3C3.4 5.1 6.6 2.6 9.7 0H12zm8 0c.3 0 .5.3.5.6v1.6c0 .3-.2.6-.5.6s-.5-.3-.5-.6V.6c0-.3.2-.6.5-.6z" 297 fill="#fff" /> 298 <path opacity=".5" fill="#004532" d="M20 0h20v40H20z" /> 299 </symbol> 300 <symbol viewBox="0 0 30 25" id="picto-camera" xmlns="http://www.w3.org/2000/svg"> 301 <path d="M15.15 2a1.62 1.62 0 011.281.64l2.021 2.619h4.045c1.377 0 2.5 1.148 2.503 2.56v12.446c0 1.416-1.123 2.568-2.503 2.568H2.503C1.123 22.833 0 21.681 0 20.265V7.822c0-1.416 1.123-2.568 2.503-2.568h4.046l2.026-2.616c.306-.399.77-.633 1.271-.638zM12.5 8a6 6 0 100 12 6 6 0 000-12zm0 2a4 4 0 110 8 4 4 0 010-8z" fill-rule="evenodd" /> 302 </symbol> 303 <symbol viewBox="0 0 15 20" id="picto-upload" xmlns="http://www.w3.org/2000/svg"> 304 <path d="M15 14v1.2H0V14h15zM7.497 2L12.3 7.486H8.869v5.485h-2.74V7.486H2.7L7.497 2z" fill-rule="evenodd" /> 305 </symbol> 306 <symbol fill="none" viewBox="0 0 25 25" id="warning-icon" xmlns="http://www.w3.org/2000/svg"> 307 <path d="M12.5 25C19.404 25 25 19.404 25 12.5S19.404 0 12.5 0 0 5.596 0 12.5 5.596 25 12.5 25z" fill="#DF733D"/> 308 <path d="M11.92 14.192h1.344l.752-7.072V6.8h-2.848v.32l.752 7.072zM11.296 18h2.592v-2.56h-2.592V18z" fill="#fff"/> 309 </symbol> 310 <symbol fill="none" viewBox="0 0 18 16" id="filters" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 0c1.306 0 2.417.835 2.83 2H18v2H7.83a3.001 3.001 0 01-5.66 0H0V2h2.17A3.001 3.001 0 015 0zm0 4a1 1 0 100-2 1 1 0 000 2zm8 12a3.001 3.001 0 01-2.83-2H0v-2h10.17a3.001 3.001 0 015.66 0H18v2h-2.17A3.001 3.001 0 0113 16zm0-4a1 1 0 100 2 1 1 0 000-2z" fill="#21362C"/></symbol> 311 312 <symbol fill="none" viewBox="0 0 24 24" id="info-revamp" xmlns="http://www.w3.org/2000/svg"><path d="M11.063 6.668h1.88v1.87h-1.88v-1.87zm0 3.56h1.78v7.44h-1.73l-.05-7.44z" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.063 10.228l.05 7.44h1.73v-7.44h-1.78zm0-3.56v1.87h1.88v-1.87h-1.88z" fill="#21362C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.668c-5.799 0-10.5 4.701-10.5 10.5s4.701 10.5 10.5 10.5 10.5-4.701 10.5-10.5-4.701-10.5-10.5-10.5zM.5 12.168C.5 5.817 5.649.668 12 .668s11.5 5.149 11.5 11.5-5.149 11.5-11.5 11.5S.5 18.519.5 12.168z" fill="#21362C"/></symbol> 313 <symbol fill="none" viewBox="0 0 16 17" id="arrow-right-breadcrumb" xmlns="http://www.w3.org/2000/svg"><path d="M5.53 13.166l5-5-5-5" stroke="#21362C"/></symbol> 314 315</svg> 316 317<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none" id="newchat"> 318 <path d="M6 16.135H7V15.5324L6.46733 15.2509L6 16.135ZM6 20H5V21H6V20ZM6.58333 20V21H6.97803L7.26633 20.7304L6.58333 20ZM9.79167 17V16H9.39697L9.10867 16.2696L9.79167 17ZM3 9.5C3 5.91015 5.91015 3 9.5 3V1C4.80558 1 1 4.80558 1 9.5H3ZM6.46733 15.2509C4.40308 14.1597 3 11.9929 3 9.5H1C1 12.7632 2.83911 15.5952 5.53267 17.019L6.46733 15.2509ZM5 16.135V20H7V16.135H5ZM6 21H6.58333V19H6V21ZM7.26633 20.7304L10.4747 17.7304L9.10867 16.2696L5.90034 19.2696L7.26633 20.7304ZM12.5 16H9.79167V18H12.5V16ZM19 9.5C19 13.0899 16.0899 16 12.5 16V18C17.1944 18 21 14.1944 21 9.5H19ZM12.5 3C16.0899 3 19 5.91015 19 9.5H21C21 4.80558 17.1944 1 12.5 1V3ZM9.5 3H12.5V1H9.5V3Z" fill="white"/> 319</svg> 320<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" id="newsearch"> 321 <circle cx="10.875" cy="10.875" r="7.875" stroke="white" stroke-width="2"/> 322 <path d="M16.5 16.5L21 21" stroke="white" stroke-width="2" stroke-linejoin="round"/> 323</svg> 324<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" id="newaccount"> 325 <g clip-path="url(#clip0_77070_5919)"> 326 <path d="M10 11C12.7614 11 15 8.76142 15 6C15 3.23858 12.7614 1 10 1C7.23858 1 5 3.23858 5 6C5 8.76142 7.23858 11 10 11Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/> 327 <rect x="2" y="14" width="15.9973" height="22" rx="4" stroke="white" stroke-width="2"/> 328 </g> 329 <defs> 330 <clipPath id="clip0_77070_5919"> 331 <rect width="20" height="20" fill="white"/> 332 </clipPath> 333 </defs> 334</svg> 335 336<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" id="downarrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 337 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 338 <g id="27-New-Atoms-down" transform="translate(-50.000000, -234.000000)"> 339 <g id="New-Arrow/Down" transform="translate(50.000000, 234.000000)"> 340 <rect id="frame-30-down" x="0" y="0" width="30" height="30"></rect> 341 <path d="M9.66893667,24.6083133 C10.1911855,25.1305622 11.033
3411786,25.1305622 11.5554275,24.6083133 L20.4123419,15.7513989 C20.8280094,15.3357314 20.8280094,14.6642686 20.4123419,14.2486011 L11.5554275,5.39168665 C11.0331786,4.86943778 10.1911855,4.86943778 9.66893667,5.39168665 C9.1466878,5.91393552 9.1466878,6.75592859 9.66893667,7.27817746 L17.3854301,15.0053291 L9.65827853,22.7324807 C9.1466878,23.2440714 9.1466878,24.0967226 9.66893667,24.6083133 Z" class="svg-mobile-res" id="ðŸâ¹-Icon-Color-Down" fill="#005c43" transform="translate(15.000000, 15.000000) rotate(-270.000000) translate(-15.000000, -15.000000) "></path> 342 </g> 343 </g> 344 </g> 345</svg> 346<svg class="icon" aria-hidden="true" width="30px" height="30px" viewBox="0 0 30 30" version="1.1" id="NewArrowleft" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 347 <g id="Find-Your-Match" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 348 <g id="27-New-Atoms-left" transform="translate(-170.000000, -234.000000)"> 349 <g id="New-Arrow/left" transform="translate(170.000000, 234.000000)"> 350 <rect id="frame-30-left" x="0" y="0" width="30" height="30"></rect> 351 <path d="M9.66893667,24.6083133 C10.1911855,25.1305622 11.0331786,25.1305622 11.5554275,24.6083133 L20.4123419,15.7513989 C20.8280094,15.3357314 20.8280094,14.6642686 20.4123419,14.2486011 L11.5554275,5.39168665 C11.0331786,4.86943778 10.1911855,4.86943778 9.66893667,5.39168665 C9.1466878,5.91393552 9.1466878,6.75592859 9.66893667,7.27817746 L17.3854301,15.0053291 L9.65827853,22.7324807 C9.1466878,23.2440714 9.1466878,24.0967226 9.66893667,24.6083133 Z" id="ðŸâ¹-Icon-Color-Left" 352 fill="#005c43" transform="translate(15.000000, 15.000000) scale(-1, 1) translate(-15.000000, -15.000000) "></path> 353 </g> 354 </g> 355 </g> 356</svg> 357 358 359<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="new-arrowdown"> 360<path d="M20 8L12 16L4 8" stroke="black" stroke-width="2"/> 361</svg> 362<svg width="16" height="16" viewBox="0 0 16 16" id="new-chat-with-dots" fill="none" xmlns="http://www.w3.org/2000/svg"> 363<path d="M3.66667 11.4233H4.16667V11.122L3.90033 10.9813L3.66667 11.4233ZM3.66667 14H3.16667V14.5H3.66667V14ZM4.05555 14V14.5H4.2529L4.39705 14.3652L4.05555 14ZM6.19443 12V11.5H5.99708L5.85293 11.6348L6.19443 12ZM1.5 7C1.5 4.51472 3.51472 2.5 6 2.5V1.5C2.96243 1.5 0.5 3.96243 0.5 7H1.5ZM3.90033 10.9813C2.47172 10.2261 1.5 8.72613 1.5 7H0.5C0.5 9.11126 1.68974 10.9439 3.433 11.8653L3.90033 10.9813ZM3.16667 11.4233V14H4.16667V11.4233H3.16667ZM3.66667 14.5H4.05555V13.5H3.66667V14.5ZM4.39705 14.3652L6.53593 12.3652L5.85293 11.6348L3.71406 13.6348L4.39705 14.3652ZM9 11.5H6.19443V12.5H9V11.5ZM13.5 7C13.5 9.48528 11.4853 11.5 9 11.5V12.5C12.0376 12.5 14.5 10.0376 14.5 7H13.5ZM9 2.5C11.4853 2.5 13.5 4.51472 13.5 7H14.5C14.5 3.96243 12.0376 1.5 9 1.5V2.5ZM6 2.5H9V1.5H6V2.5Z" fill="#21362C"/> 364<rect x="5" y="7" width="1" height="1" fill="#21362C"/> 365<rect x="7" y="7" width="1" height="1" fill="#21362C"/> 366<rect x="9" y="7" width="1" height="1" fill="#21362C"/> 367</svg> 368<svg width="16" height="16" viewBox="0 0 16 16" fill="none" id="new-search-arrow-next" xmlns="http://www.w3.org/2000/svg"> 369 <path d="M5.5293 13L10.5293 8L5.5293 3" stroke-width="2"/> 370 </svg> 371<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="new-arrowup"> 372 <path d="M20 16L12 8L4 16" stroke="#21362C" stroke-width="2"/> 373</svg> 374<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="pin"> 375 <path d="M19 10.3636C19 16.0909 12 21 12 21C12 21 5 16.0909 5 10.3636C5 8.41068 5.7375 6.53771 7.05025 5.15676C8.36301 3.77581 10.1435 3 12 3C13.8565 3 15.637 3.77581 16.9497 5.15676C18.2625 6.53771 19 8.41068 19 10.3636Z" stroke="#21362C" stroke-width="2" stroke-linecap="round" stroke-linejoin="bevel" /> 376 <path d="M12 12C13.1046 12 14 11.1046 14 10C14 8.89543 13.1046 8 12 8C10.8954 8 10 8.89543 10 10C10 11.1046 10.8954 12 12 12Z" stroke="#21362C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 377</svg> 378<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="goback-arrow"> 379 <path d="M15 6L9 12L15 18" stroke="#156031" stroke-width="2"/> 380</svg> 381 382<svg 383 width="56" 384 height="56"
385 viewBox="0 0 56 56" 386 fill="none" 387 xmlns="http://www.w3.org/2000/svg" id="qrplayicon"> 388 <path 389 d="M52 28C52 41.2491 41.2602 52 28 52C14.7398 52 4 41.2491 4 28C4 14.7509 14.7398 4 28 4C41.2602 4 52 14.7398 52 28ZM24.5762 19.8476V36.1524L36.71 28L24.5762 19.8476Z" 390 fill="white" 391 /> 392 <defs> 393 <filter 394 id="filter0_d_78516_480" 395 x="0" 396 y="0" 397 width="56" 398 height="56" 399 filterUnits="userSpaceOnUse" 400 color-interpolation-filters="sRGB" 401 > 402 <feFlood flood-opacity="0" result="BackgroundImageFix" /> 403 <feColorMatrix 404 in="SourceAlpha" 405 type="matrix" 406 values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" 407 result="hardAlpha" 408 /> 409 <feOffset /> 410 <feGaussianBlur stdDeviation="2" /> 411 <feComposite in2="hardAlpha" operator="out" /> 412 <feColorMatrix 413 type="matrix" 414 values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" 415 /> 416 <feBlend 417 mode="normal" 418 in2="BackgroundImageFix" 419 result="effect1_dropShadow_78516_480" 420 /> 421 <feBlend 422 mode="normal" 423 in="SourceGraphic" 424 in2="effect1_dropShadow_78516_480" 425 result="shape" 426 /> 427 </filter> 428 <clipPath id="clip0_78516_480"> 429 <rect width="56" height="56" fill="white" /> 430 </clipPath> 431 </defs> 432 </svg>
433<svg width="10" height="11" viewBox="0 0 10 11" xmlns="http://www.w3.org/2000/svg" id="qrstar"> 434 <path d="M2.11211 9.64399C2.05753 9.82077 2.12342 10.0125 2.27512 10.1185C2.42682 10.2244 2.62956 10.2201 2.77669 10.1079L5.00284 8.4109L7.22434 10.1077C7.37139 10.22 7.57416 10.2244 7.72597 10.1186C7.87777 10.0128 7.9438 9.82105 7.88931 9.64422L7.03064 6.85764L9.27281 5.1465C9.4179 5.03578 9.47622 4.84487 9.41778 4.67197C9.35934 4.49907 9.19715 4.38268 9.01465 4.38268H6.26488L5.40966 1.61556C5.35455 1.43725 5.18968 1.31565 5.00305 1.31567C4.81642 1.31569 4.65158 1.43732 4.59651 1.61565L3.74198 4.38268H0.986328C0.803785 4.38268 0.641577 4.49911 0.583165 4.67205C0.524753 4.845 0.583151 5.03593 0.728312 5.14661L2.97239 6.85767L2.11211 9.64399Z" stroke-width="0.851075" stroke-linejoin="round"/> 435</svg> 436 437 438<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="searchicon"> 439 <circle cx="10.875" cy="10.875" r="7.875" stroke="#21362C" stroke-width="2" /> 440 <path d="M16.5 16.5L21 21" stroke="#21362C" stroke-width="2" stroke-linejoin="round" /> 441</svg> 442 443 444<svg id="closeicon" 445 width=" 24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 446 <path d="M19 5L5 19" stroke="#21362C" stroke-width="2" stroke-linejoin="round" /> 447 <path d="M5 5L19 19" stroke="#21362C" stroke-width="2" stroke-linejoin="round" /> 448</svg> 449</div> 450 451 <!-- Google Tag Manager (noscript) --> 452 <noscript> 453 <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHMSHX" 454 height="0" width="0" title="Tag manager" style="display:none;visibility:hidden"></iframe> 455 </noscript> 456 <!-- End Google Tag Manager (noscript) --> 457 458 <!-- #wrapper --> 459 <div id="wrapper"> 460 <div id="main-container" key="main_container_key"> 461 <!-- #header --> 462 <div id="header" class="main clearfix"> 463 464 465 466<div data-qr-page-section="hide-on-qr"> 467 <ul id="jump-to-content" prefix="jump-to-content" tabindex="-1" slot="skiplinks" class="jump-to-content"> 468 <li><a href="#sidebar-toggle" rel="nofollow">VAI AL MENU</a></li> 469 <li><a href="#content" rel="nofollow">VAI AL CONTENUTO</a></li> 470 <li><a href="#footer" rel="nofollow">VAI AL FOOTER</a></li> 471</ul> 472 473 <header v-cloak id="new-main__header" class="new-header" role="banner"> 474 <newheadernavigation :new-header="true"> 475 476 477 478 <div v-cloak slot="navbar" slot-scope="props" class="navbar navbar-default nav-center navbar-fixed-top"> 479 <input type="checkbox" name="nav-toggle" id="nav-toggle" tabindex="-1" aria-hidden="true"> 480 <label for="nav-toggle">Toggle nav</label> 481 <span id="wordbreak"></span> 482 <div class="site-header__wrapper"> 483 484<newhamburger title="Menu" 485 aria-label-close-text="Close Text" 486 aria-label-expanded-text="Expand Text"> 487</newhamburger> 488 489 <input type="hidden" id="hdnFlag" value="True" /> 490 491 492 <nav id="fourLevelMenuNavi" class="four-level-menu__container hidefourLevelMenu closedMenu" aria-hidden="true" tabindex="-1" inert> 493 <four-level-hamburger-menu> 494 <template slot="fourlevelmenu" slot-scope="props"> 495 <ul> 496 497 <li class="levelOneMenu" :class="[0 === props.slotProps.clickActiveLevelOne ? 'isActiveLevelone':'']"> 498 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelOne(0)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"cura della pelle::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"cura della pelle","link_url":"undefined","breadCrumb":"cura della pelle","step":"1/3","event_detail":"regular"}">
499 <span class="list_title"> 500 CURA DELLA PELLE 501 </span> 502 503 504 505<div class="arrowContainer"> 506 <span class="menu-rig-arrow"> 507 <div class="svg-container"> 508 <svg width="24" height="24" 509 viewBox="0 0 24 24" fill="none" 510 xmlns="http://www.w3.org/2000/svg"> 511 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 512 stroke="#000" stroke-width="1.6" 513 stroke-linecap="square"></path> 514 </svg> 515 </div> 516 </span> 517 <span class="menu-opened-arrow"> 518 <div class="svg-container"> 519 <svg width="24" height="24" 520 viewBox="0 0 24 24" fill="none" 521 xmlns="http://www.w3.org/2000/svg"> 522 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 523 stroke="#000" stroke-width="2" 524 stroke-linecap="square"></path> 525 </svg> 526 </div> 527 </span> 528</div> 529 530 </button> 531 532 <div class="level-two__wrapper" id="level-two__wrapper_0"> 533 <div class="level-two__topper"> 534 <button class="level-two__topper-back" tabindex="0" aria-label="Back to main menu" v-on:click="props.slotProps.backtoLOneMenu()" v-on:keydown.enter="props.slotProps.backtoLOneMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLOneMenu()"> 535 <div class="svg-container"> 536 <svg width="24" height="24" viewBox="0 0 24 24" 537 fill="none" xmlns="http://www.w3.org/2000/svg"> 538 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 539 stroke="#000" stroke-width="1.6" 540 stroke-linecap="square" /> 541 </svg> 542 </div> 543 </button> 544 <div class="level-two__topper_title"> 545 CURA DELLA PELLE 546 </div> 547 </div> 548 <div class="level-two__wrapper-scrollable"> 549 <div class="level-two-menu"> 550 <ul> 551 552 <li class="levelTwoMenu" :class="[0 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 553 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(0)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"tipo di prodotto::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"tipo di prodotto","link_url":"undefined","breadCrumb":"cura della pelle::tipo di prodotto","step":"2/3","event_detail":"regular"}"> 554 <!-- conditional for new badge --> 555 <span class="list_title"> 556 TIPO DI PRODOTTO 557 </span> 558 559 560 561 562 563<div class="arrowContainer"> 564 <span class="menu-rig-arrow"> 565 <div class="svg-container"> 566 <svg width="24" height="24"
567 viewBox="0 0 24 24" fill="none" 568 xmlns="http://www.w3.org/2000/svg"> 569 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 570 stroke="#000" stroke-width="1.6" 571 stroke-linecap="square"></path> 572 </svg> 573 </div> 574 </span> 575 <span class="menu-opened-arrow"> 576 <div class="svg-container"> 577 <svg width="24" height="24" 578 viewBox="0 0 24 24" fill="none" 579 xmlns="http://www.w3.org/2000/svg"> 580 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 581 stroke="#000" stroke-width="2" 582 stroke-linecap="square"></path> 583 </svg> 584 </div> 585 </span> 586</div> 587 588 </button> 589 590 <div class="level-three__wrapper" id="level-three__wrapper_0"> 591 <div class="level-three__topper"> 592 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 593 <div class="svg-container"> 594 <svg width="24" height="24"
595 viewBox="0 0 24 24" fill="none" 596 xmlns="http://www.w3.org/2000/svg"> 597 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 598 stroke="#000" stroke-width="1.6" 599 stroke-linecap="square" /> 600 </svg> 601 </div> 602 </button> 603 <div class="level-two__topper_title"> 604 TIPO DI PRODOTTO 605 </div> 606 </div> 607 608 609 <div class="level-three__wrapper_scrollerable"> 610 <ul> 611 612 <li class="levethreeList"> 613 <div class="mainSub__link levelFourMainMenu "> 614 <a href="https://www.garnier.it/shop-products/viso/acqua-micellare" 615 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::tipo di prodotto::acqua micellare","click_area":"burger menu","breadcrumb":"cura della pelle::tipo di prodotto::acqua micellare","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"acqua micellare::https://www.garnier.it/shop-products/viso/acqua-micellare","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"acqua micellare","link_url":"https://www.garnier.it/shop-products/viso/acqua-micellare","breadCrumb":"cura della pelle::tipo di prodotto::acqua micellare","step":"3/3","event_detail":"regular"}" class="menu-tag"> 616 Acqua Micellare 617 </a> 618 </div> 619 </li> 620 621 <li class="levethreeList"> 622 <div class="mainSub__link levelFourMainMenu "> 623 <a href="https://www.garnier.it/shop-products/viso/detergenti-viso" 624 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::tipo di prodotto::detergenti","click_area":"burger menu","breadcrumb":"cura della pelle::tipo di prodotto::detergenti","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"detergenti::https://www.garnier.it/shop-products/viso/detergenti-viso","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"detergenti","link_url":"https://www.garnier.it/shop-products/viso/detergenti-viso","breadCrumb":"cura della pelle::tipo di prodotto::detergenti","step":"3/3","event_detail":"regular"}" class="menu-tag"> 625 Detergenti 626 </a> 627 </div> 628 </li> 629 630 <li class="levethreeList"> 631 <div class="mainSub__link levelFourMainMenu "> 632 <a href="https://www.garnier.it/shop-products/viso/sieri-viso" 633 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::tipo di prodotto::sieri","click_area":"burger menu","breadcrumb":"cura della pelle::tipo di prodotto::sieri","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"sieri::https://www.garnier.it/shop-products/viso/sieri-viso","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"sieri","link_url":"https://www.garnier.it/shop-products/viso/sieri-viso","breadCrumb":"cura della pelle::tipo di prodotto::sieri","step":"3/3","event_detail":"regular"}" class="menu-tag"> 634 Sieri 635 </a> 636 </div> 637 </li> 638 639 <li class="levethreeList"> 640 <div class="mainSub__link levelFourMainMenu "> 641 <a href="https://www.garnier.it/shop-products/viso/creme-viso-con-spf" 642 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::tipo di prodotto::creme viso con spf","click_area":"burger menu","breadcrumb":"cura della pelle::tipo di prodotto::creme viso con spf","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"creme viso con spf::https://www.garnier.it/shop-products/viso/creme-viso-con-spf","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"creme viso con spf","link_url":"https://www.garnier.it/shop-products/viso/creme-viso-con-spf","breadCrumb":"cura della pelle::tipo di prodotto::creme viso con spf","step":"3/3","event_detail":"regular"}" class="menu-tag"> 643 Creme Viso con SPF 644 </a> 645 </div> 646 </li> 647 648 <li class="levethreeList"> 649 <div class="mainSub__link levelFourMainMenu "> 650 <a href="https://www.garnier.it/skinactive/pure-active/patch-brufoli" 651 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::tipo di prodotto::pimple patch","click_area":"burger menu","breadcrumb":"cura della pelle::tipo di prodotto::pimple patch","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"pimple patch::https://www.garnier.it/skinactive/pure-active/patch-brufoli","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"pimple patch","link_url":"https://www.garnier.it/skinactive/pure-active/patch-brufoli","breadCrumb":"cura della pelle::tipo di prodotto::pimple patch","step":"3/3","event_detail":"regular"}" class="menu-tag"> 652 Pimple Patch 653 </a> 654 </div> 655 </li> 656 657 <li class="levethreeList"> 658 <div class="mainSub__link levelFourMainMenu "> 659 <a href="https://www.garnier.it/shop-products/viso/maschere-viso" 660 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::tipo di prodotto::maschere viso","click_area":"burger menu","breadcrumb":"cura della pelle::tipo di prodotto::maschere viso","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"maschere viso::https://www.garnier.it/shop-products/viso/maschere-viso","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"maschere viso","link_url":"https://www.garnier.it/shop-products/viso/maschere-viso","breadCrumb":"cura della pelle::tipo di prodotto::maschere viso","step":"3/3","event_detail":"regular"}" class="menu-tag"> 661 Maschere Viso 662 </a> 663 </div> 664 </li> 665 666 <li class="levethreeList"> 667 <div class="mainSub__link levelFourMainMenu "> 668 <a href="https://www.garnier.it/shop-products/viso/idratanti" 669 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::tipo di prodotto::idratanti","click_area":"burger menu","breadcrumb":"cura della pelle::tipo di prodotto::idratanti","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"idratanti::https://www.garnier.it/shop-products/viso/idratanti","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"idratanti","link_url":"https://www.garnier.it/shop-products/viso/idratanti","breadCrumb":"cura della pelle::tipo di prodotto::idratanti","step":"3/3","event_detail":"regular"}" class="menu-tag"> 670 Idratanti 671 </a> 672 </div> 673 </li> 674 675 <li class="levethreeList"> 676 <div class="mainSub__link levelFourMainMenu "> 677 <a href="https://www.garnier.it/shop-products/skinactive-bb-cream" 678 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::tipo di prodotto::bb cream","click_area":"burger menu","breadcrumb":"cura della pelle::tipo di prodotto::bb cream","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"bb cream::https://www.garnier.it/shop-products/skinactive-bb-cream","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"bb cream","link_url":"https://www.garnier.it/shop-products/skinactive-bb-cream","breadCrumb":"cura della pelle::tipo di prodotto::bb cream","step":"3/3","event_detail":"regular"}" class="menu-tag"> 679 BB Cream 680 </a> 681 </div> 682 </li> 683 684 <li class="levethreeList"> 685 <div class="mainSub__link levelFourMainMenu "> 686 <a href="https://www.garnier.it/shop-products/viso/trattamenti-liquidi" 687 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::tipo di prodotto::trattamenti liquidi","click_area":"burger menu","breadcrumb":"cura della pelle::tipo di prodotto::trattamenti liquidi","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"trattamenti liquidi::https://www.garnier.it/shop-products/viso/trattamenti-liquidi","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"trattamenti liquidi","link_url":"https://www.garnier.it/shop-products/viso/trattamenti-liquidi","breadCrumb":"cura della pelle::tipo di prodotto::trattamenti liquidi","step":"3/3","event_detail":"regular"}" class="menu-tag"> 688 Trattamenti Liquidi 689 </a> 690 </div> 691 </li> 692 </ul> 693 694 695 </div> 696 697 698 </div> 699 </li> 700 701 <li class="levelTwoMenu" :class="[1 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 702 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(1)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"ingredienti::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"ingredienti","link_url":"undefined","breadCrumb":"cura della pelle::ingredienti","step":"2/3","event_detail":"regular"}"> 703 <!-- conditional for new badge -->
704 <span class="list_title"> 705 INGREDIENTI 706 </span> 707 708 709 710 711 712<div class="arrowContainer"> 713 <span class="menu-rig-arrow"> 714 <div class="svg-container"> 715 <svg width="24" height="24" 716 viewBox="0 0 24 24" fill="none" 717 xmlns="http://www.w3.org/2000/svg"> 718 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 719 stroke="#000" stroke-width="1.6" 720 stroke-linecap="square"></path> 721 </svg> 722 </div> 723 </span> 724 <span class="menu-opened-arrow"> 725 <div class="svg-container"> 726 <svg width="24" height="24" 727 viewBox="0 0 24 24" fill="none" 728 xmlns="http://www.w3.org/2000/svg"> 729 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 730 stroke="#000" stroke-width="2" 731 stroke-linecap="square"></path> 732 </svg> 733 </div> 734 </span> 735</div> 736 737 </button> 738 739 <div class="level-three__wrapper" id="level-three__wrapper_1"> 740 <div class="level-three__topper"> 741 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 742 <div class="svg-container"> 743 <svg width="24" height="24"
744 viewBox="0 0 24 24" fill="none" 745 xmlns="http://www.w3.org/2000/svg"> 746 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 747 stroke="#000" stroke-width="1.6" 748 stroke-linecap="square" /> 749 </svg> 750 </div> 751 </button> 752 <div class="level-two__topper_title"> 753 INGREDIENTI 754 </div> 755 </div> 756 757 <div class="level-three-image_container-xs"> 758 <picture> 759 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/nav-skincare-ingredient.png?rev=-1&cx=0&cy=0&cw=414&ch=208&hash=6FD58BF972FF305CA5B42352A06E7BCA" /> 760 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/nav-skincare-ingredient.png?rev=-1&cx=0&cy=0&cw=800&ch=308&hash=165CB9308E0D3E2448E1C8F2F4BE30DB" /> 761 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/nav-skincare-ingredient.png?rev=-1&cx=0&cy=0&cw=360&ch=600&hash=71A6AC8DCEF55451FB3C78B7492A78D6" alt="" /> 762 <a href="https://www.garnier.it/ingredienti/vitamina-c" target="" 763 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::ingredienti::scopri nostra vitamina c","click_area":"burger menu","breadcrumb":"cura della pelle::ingredienti::scopri nostra vitamina c","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"scopri nostra vitamina c::https://www.garnier.it/ingredienti/vitamina-c","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"scopri nostra vitamina c","link_url":"https://www.garnier.it/ingredienti/vitamina-c","breadCrumb":"cura della pelle::ingredienti::scopri nostra vitamina c","step":"3/3","event_detail":"image"}"> 764 </a> 765 </picture> 766 <a class="levelFourLink menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::ingredienti::scopri nostra vitamina c","click_area":"burger menu","breadcrumb":"cura della pelle::ingredienti::scopri nostra vitamina c","event_detail":"image"}" 767 href="https://www.garnier.it/ingredienti/vitamina-c" 768 target="" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"scopri nostra vitamina c::https://www.garnier.it/ingredienti/vitamina-c","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"
768scopri nostra vitamina c","link_url":"https://www.garnier.it/ingredienti/vitamina-c","breadCrumb":"cura della pelle::ingredienti::scopri nostra vitamina c","step":"3/3","event_detail":"image"}"> 769 <span class="ctaLinkText"> 770 Scopri nostra vitamina C 771 </span> 772 </a> 773 </div> 774 775 <div class="level-three__wrapper_scrollerable"> 776 <ul> 777 778 <li class="levethreeList"> 779 <div class="mainSub__link levelFourMainMenu "> 780 <a href="https://www.garnier.it/ingredienti/acido-ialuronico" 781 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::ingredienti::acido ialuronico","click_area":"burger menu","breadcrumb":"cura della pelle::ingredienti::acido ialuronico","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"acido ialuronico::https://www.garnier.it/ingredienti/acido-ialuronico","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"acido ialuronico","link_url":"https://www.garnier.it/ingredienti/acido-ialuronico","breadCrumb":"cura della pelle::ingredienti::acido ialuronico","step":"3/3","event_detail":"regular"}" class="menu-tag"> 782 Acido Ialuronico 783 </a> 784 </div> 785 </li> 786 787 <li class="levethreeList"> 788 <div class="mainSub__link levelFourMainMenu "> 789 <a href="https://www.garnier.it/ingredienti/acido-salicilico" 790 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::ingredienti::acido salicilico","click_area":"burger menu","breadcrumb":"cura della pelle::ingredienti::acido salicilico","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"acido salicilico::https://www.garnier.it/ingredienti/acido-salicilico","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"acido salicilico","link_url":"https://www.garnier.it/ingredienti/acido-salicilico","breadCrumb":"cura della pelle::ingredienti::acido salicilico","step":"3/3","event_detail":"regular"}" class="menu-tag"> 791 Acido Salicilico 792 </a> 793 </div> 794 </li> 795 796 <li class="levethreeList"> 797 <div class="mainSub__link levelFourMainMenu "> 798 <a href="https://www.garnier.it/ingredienti/micelle" 799 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::ingredienti::micelle","click_area":"burger menu","breadcrumb":"cura della pelle::ingredienti::micelle","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"micelle::https://www.garnier.it/ingredienti/micelle","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"micelle","link_url":"https://www.garnier.it/ingredienti/micelle","breadCrumb":"cura della pelle::ingredienti::micelle","step":"3/3","event_detail":"regular"}" class="menu-tag"> 800 Micelle 801 </a> 802 </div> 803 </li> 804 805 <li class="levethreeList"> 806 <div class="mainSub__link levelFourMainMenu "> 807 <a href="https://www.garnier.it/ingredienti/niacinamide" 808 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::ingredienti::niacinamide","click_area":"burger menu","breadcrumb":"cura della pelle::ingredienti::niacinamide","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"niacinamide::https://www.garnier.it/ingredienti/niacinamide","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"niacinamide","link_url":"https://www.garnier.it/ingredienti/niacinamide","breadCrumb":"cura della pelle::ingredienti::niacinamide","step":"3/3","event_detail":"regular"}" class="menu-tag"> 809 Niacinamide 810 </a> 811 </div> 812 </li> 813 </ul> 814 815 816 <div class="mainSub__link"> 817 <a href="https://www.garnier.it/ingredienti" target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::ingredienti::vedi tutto: ingredienti","click_area":"burger menu","breadcrumb":"cura della pelle::ingredienti::vedi tutto: ingredienti","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"vedi tutto: ingredienti::https://www.garnier.it/ingredienti","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"vedi tutto: ingredienti","link_url":"https://www.garnier.it/ingredienti","breadCrumb":"cura della pelle::ingredienti::vedi tutto: ingredienti","step":"3/3","event_detail":"regular"}" class="menu-tag"> 818 VEDI TUTTO: INGREDIENTI 819 </a> 820 </div> 821 </div> 822 823 824 <div class="level-four__wrapper"> 825 <div class="level-four-image_container"> 826 <picture class="level-four-image_container--img"> 827 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/nav-skincare-ingredient.png?rev=-1&cx=0&cy=0&cw=414&ch=208&hash=6FD58BF972FF305CA5B42352A06E7BCA" /> 828 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/nav-skincare-ingredient.png?rev=-1&cx=0&cy=0&cw=800&ch=308&hash=165CB9308E0D3E2448E1C8F2F4BE30DB" /> 829 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/nav-skincare-ingredient.png?rev=-1&cx=0&cy=0&cw=360&ch=600&hash=71A6AC8DCEF55451FB3C78B7492A78D6" alt="" /> 830 <a href="https://www.garnier.it/ingredienti/vitamina-c" target="" 831 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::ingredienti::scopri nostra vitamina c","click_area":"burger menu","breadcrumb":"cura della pelle::ingredienti::scopri nostra vitamina c","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"
831scopri nostra vitamina c::https://www.garnier.it/ingredienti/vitamina-c","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"scopri nostra vitamina c","link_url":"https://www.garnier.it/ingredienti/vitamina-c","breadCrumb":"cura della pelle::ingredienti::scopri nostra vitamina c","step":"3/3","event_detail":"image"}"> 832 </a> 833 </picture> 834 <a class="levelFourLink menu-tag" style="--ctaTextColor : #000000;" 835 href="https://www.garnier.it/ingredienti/vitamina-c" 836 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::ingredienti::scopri nostra vitamina c","click_area":"burger menu","breadcrumb":"cura della pelle::ingredienti::scopri nostra vitamina c","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"scopri nostra vitamina c::https://www.garnier.it/ingredienti/vitamina-c","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"scopri nostra vitamina c","link_url":"https://www.garnier.it/ingredienti/vitamina-c","breadCrumb":"cura della pelle::ingredienti::scopri nostra vitamina c","step":"3/3","event_detail":"image"}"> 837 <span class="ctaLinkText"> 838 Scopri nostra vitamina C 839 </span> 840 </a> 841 </div> 842 </div> 843 </div> 844 </li> 845 846 <li class="levelTwoMenu" :class="[2 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 847 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(2)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"bisogni della pelle::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"bisogni della pelle","link_url":"undefined","breadCrumb":"cura della pelle::bisogni della pelle","step":"2/3","event_detail":"regular"}"> 848 <!-- conditional for new badge --> 849 <span class="list_title"> 850 BISOGNI DELLA PELLE 851 </span> 852 853 854 855 856 857<div class="arrowContainer"> 858 <span class="menu-rig-arrow"> 859 <div class="svg-container"> 860 <svg width="24" height="24"
861 viewBox="0 0 24 24" fill="none" 862 xmlns="http://www.w3.org/2000/svg"> 863 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 864 stroke="#000" stroke-width="1.6" 865 stroke-linecap="square"></path> 866 </svg> 867 </div> 868 </span> 869 <span class="menu-opened-arrow"> 870 <div class="svg-container"> 871 <svg width="24" height="24" 872 viewBox="0 0 24 24" fill="none" 873 xmlns="http://www.w3.org/2000/svg"> 874 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 875 stroke="#000" stroke-width="2" 876 stroke-linecap="square"></path> 877 </svg> 878 </div> 879 </span> 880</div> 881 882 </button> 883 884 <div class="level-three__wrapper" id="level-three__wrapper_2"> 885 <div class="level-three__topper"> 886 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 887 <div class="svg-container"> 888 <svg width="24" height="24"
889 viewBox="0 0 24 24" fill="none" 890 xmlns="http://www.w3.org/2000/svg"> 891 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 892 stroke="#000" stroke-width="1.6" 893 stroke-linecap="square" /> 894 </svg> 895 </div> 896 </button> 897 <div class="level-two__topper_title"> 898 BISOGNI DELLA PELLE 899 </div> 900 </div> 901 902 903 <div class="level-three__wrapper_scrollerable"> 904 <ul> 905 906 <li class="levethreeList"> 907 <div class="mainSub__link levelFourMainMenu "> 908 <a href="https://www.garnier.it/search-page/search?query=macchie+scure" 909 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::bisogni della pelle::macchie scure","click_area":"burger menu","breadcrumb":"cura della pelle::bisogni della pelle::macchie scure","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"macchie scure::https://www.garnier.it/search-page/search?query=macchie+scure","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"macchie scure","link_url":"https://www.garnier.it/search-page/search?query=macchie+scure","breadCrumb":"cura della pelle::bisogni della pelle::macchie scure","step":"3/3","event_detail":"regular"}" class="menu-tag"> 910 Macchie Scure 911 </a> 912 </div> 913 </li> 914 915 <li class="levethreeList"> 916 <div class="mainSub__link levelFourMainMenu "> 917 <a href="https://www.garnier.it/bisogni/pelle/brufoli" 918 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::bisogni della pelle::brufoli e imperfezioni","click_area":"burger menu","breadcrumb":"cura della pelle::bisogni della pelle::brufoli e imperfezioni","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"brufoli e imperfezioni::https://www.garnier.it/bisogni/pelle/brufoli","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"brufoli e imperfezioni","link_url":"https://www.garnier.it/bisogni/pelle/brufoli","breadCrumb":"cura della pelle::bisogni della pelle::brufoli e imperfezioni","step":"3/3","event_detail":"regular"}" class="menu-tag"> 919 Brufoli e imperfezioni 920 </a> 921 </div> 922 </li> 923 924 <li class="levethreeList"> 925 <div class="mainSub__link levelFourMainMenu "> 926 <a href="https://www.garnier.it/bisogni/pelle/punti-neri" 927 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::bisogni della pelle::punti neri","click_area":"burger menu","breadcrumb":"cura della pelle::bisogni della pelle::punti neri","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"punti neri::https://www.garnier.it/bisogni/pelle/punti-neri","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"punti neri","link_url":"https://www.garnier.it/bisogni/pelle/punti-neri","breadCrumb":"cura della pelle::bisogni della pelle::punti neri","step":"3/3","event_detail":"regular"}" class="menu-tag"> 928 Punti Neri 929 </a> 930 </div> 931 </li> 932 933 <li class="levethreeList"> 934 <div class="mainSub__link levelFourMainMenu "> 935 <a href="https://www.garnier.it/shop-products/viso/pelle-mista-grassa" 936 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::bisogni della pelle::pelle mista e grassa","click_area":"burger menu","breadcrumb":"cura della pelle::bisogni della pelle::pelle mista e grassa","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"pelle mista e grassa::https://www.garnier.it/shop-products/viso/pelle-mista-grassa","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"pelle mista e grassa","link_url":"https://www.garnier.it/shop-products/viso/pelle-mista-grassa","breadCrumb":"cura della pelle::bisogni della pelle::pelle mista e grassa","step":"3/3","event_detail":"regular"}" class="menu-tag"> 937 Pelle mista e grassa 938 </a> 939 </div> 940 </li> 941 942 <li class="levethreeList"> 943 <div class="mainSub__link levelFourMainMenu "> 944 <a href="https://www.garnier.it/shop-products/viso/pelle-normale" 945 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::bisogni della pelle::pelle normale","click_area":"burger menu","breadcrumb":"cura della pelle::bisogni della pelle::pelle normale","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"pelle normale::https://www.garnier.it/shop-products/viso/pelle-normale","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"pelle normale","link_url":"https://www.garnier.it/shop-products/viso/pelle-normale","breadCrumb":"cura della pelle::bisogni della pelle::pelle normale","step":"3/3","event_detail":"regular"}" class="menu-tag"> 946 Pelle Normale 947 </a> 948 </div> 949 </li> 950 951 <li class="levethreeList"> 952 <div class="mainSub__link levelFourMainMenu "> 953 <a href="https://www.garnier.it/shop-products/viso/pelle-secca" 954 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::bisogni della pelle::pelle secca","click_area":"burger menu","breadcrumb":"cura della pelle::bisogni della pelle::pelle secca","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"pelle secca::https://www.garnier.it/shop-products/viso/pelle-secca","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"pelle secca","link_url":"https://www.garnier.it/shop-products/viso/pelle-secca","breadCrumb":"cura della pelle::bisogni della pelle::pelle secca","step":"3/3","event_detail":"regular"}" class="menu-tag"> 955 Pelle Secca 956 </a> 957 </div> 958 </li> 959 960 <li class="levethreeList"> 961 <div class="mainSub__link levelFourMainMenu "> 962 <a href="https://www.garnier.it/shop-products/viso/pelle-sensibile" 963 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::bisogni della pelle::pelle sensibile","click_area":"burger menu","breadcrumb":"cura della pelle::bisogni della pelle::pelle sensibile","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"pelle sensibile::https://www.garnier.it/shop-products/viso/pelle-sensibile","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"pelle sensibile","link_url":"https://www.garnier.it/shop-products/viso/pelle-sensibile","breadCrumb":"cura della pelle::bisogni della pelle::pelle sensibile","step":"3/3","event_detail":"regular"}" class="menu-tag"> 964 Pelle sensibile 965 </a> 966 </div> 967 </li> 968 </ul> 969 970 971 </div> 972 973 974 </div> 975 </li> 976 977 <li class="levelTwoMenu" :class="[3 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 978 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(3)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"le gamme::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"le gamme","link_url":"undefined","breadCrumb":"cura della pelle::le gamme","step":"2/3","event_detail":"regular"}"> 979 <!-- conditional for new badge -->
980 <span class="list_title"> 981 LE GAMME 982 </span> 983 984 985 986 987 988<div class="arrowContainer"> 989 <span class="menu-rig-arrow"> 990 <div class="svg-container"> 991 <svg width="24" height="24" 992 viewBox="0 0 24 24" fill="none" 993 xmlns="http://www.w3.org/2000/svg"> 994 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 995 stroke="#000" stroke-width="1.6" 996 stroke-linecap="square"></path> 997 </svg> 998 </div> 999 </span> 1000 <span class="menu-opened-arrow"> 1001 <div class="svg-container"> 1002 <svg width="24" height="24" 1003 viewBox="0 0 24 24" fill="none" 1004 xmlns="http://www.w3.org/2000/svg"> 1005 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 1006 stroke="#000" stroke-width="2" 1007 stroke-linecap="square"></path> 1008 </svg> 1009 </div> 1010 </span> 1011</div> 1012 1013 </button> 1014 1015 <div class="level-three__wrapper" id="level-three__wrapper_3"> 1016 <div class="level-three__topper"> 1017 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 1018 <div class="svg-container"> 1019 <svg width="24" height="24"
1020 viewBox="0 0 24 24" fill="none" 1021 xmlns="http://www.w3.org/2000/svg"> 1022 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1023 stroke="#000" stroke-width="1.6" 1024 stroke-linecap="square" /> 1025 </svg> 1026 </div> 1027 </button> 1028 <div class="level-two__topper_title"> 1029 LE GAMME 1030 </div> 1031 </div> 1032 1033 1034 <div class="level-three__wrapper_scrollerable"> 1035 <ul> 1036 1037 <li class="levethreeList"> 1038 <div class="mainSub__link levelFourMainMenu "> 1039 <a href="https://www.garnier.it/skinactive/acqua-micellare" 1040 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::le gamme::acqua micellare","click_area":"burger menu","breadcrumb":"cura della pelle::le gamme::acqua micellare","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"acqua micellare::https://www.garnier.it/skinactive/acqua-micellare","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"acqua micellare","link_url":"https://www.garnier.it/skinactive/acqua-micellare","breadCrumb":"cura della pelle::le gamme::acqua micellare","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1041 Acqua Micellare 1042 </a> 1043 </div> 1044 </li> 1045 1046 <li class="levethreeList"> 1047 <div class="mainSub__link levelFourMainMenu "> 1048 <a href="https://www.garnier.it/hyaluron" 1049 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::le gamme::hyaluron","click_area":"burger menu","breadcrumb":"cura della pelle::le gamme::hyaluron","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"hyaluron::https://www.garnier.it/hyaluron","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"hyaluron","link_url":"https://www.garnier.it/hyaluron","breadCrumb":"cura della pelle::le gamme::hyaluron","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1050 Hyaluron 1051 </a> 1052 </div> 1053 </li> 1054 1055 <li class="levethreeList"> 1056 <div class="mainSub__link levelFourMainMenu "> 1057 <a href="https://www.garnier.it/skinactive/pure-active" 1058 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::le gamme::pure active","click_area":"burger menu","breadcrumb":"cura della pelle::le gamme::pure active","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"pure active::https://www.garnier.it/skinactive/pure-active","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"pure active","link_url":"https://www.garnier.it/skinactive/pure-active","breadCrumb":"cura della pelle::le gamme::pure active","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1059 Pure Active 1060 </a> 1061 </div> 1062 </li> 1063 1064 <li class="levethreeList"> 1065 <div class="mainSub__link levelFourMainMenu "> 1066 <a href="https://www.garnier.it/vitamina-c" 1067 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::le gamme::vitamina c","click_area":"burger menu","breadcrumb":"cura della pelle::le gamme::vitamina c","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"vitamina c::https://www.garnier.it/vitamina-c","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"vitamina c","link_url":"https://www.garnier.it/vitamina-c","breadCrumb":"cura della pelle::le gamme::vitamina c","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1068 Vitamina C 1069 </a> 1070 </div> 1071 </li> 1072 1073 <li class="levethreeList"> 1074 <div class="mainSub__link levelFourMainMenu "> 1075 <a href="https://www.garnier.it/skinactive/hydra-bomb" 1076 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::le gamme::maschere in tessuto","click_area":"burger menu","breadcrumb":"cura della pelle::le gamme::maschere in tessuto","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"maschere in tessuto::https://www.garnier.it/skinactive/hydra-bomb","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"maschere in tessuto","link_url":"https://www.garnier.it/skinactive/hydra-bomb","breadCrumb":"cura della pelle::le gamme::maschere in tessuto","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1077 Maschere in Tessuto 1078 </a> 1079 </div> 1080 </li> 1081 </ul> 1082 1083 1084 <div class="mainSub__link"> 1085 <a href="https://www.garnier.it/skinactive" target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::le gamme::vedi tutto: le gamme","click_area":"burger menu","breadcrumb":"cura della pelle::le gamme::vedi tutto: le gamme","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"vedi tutto: le gamme::https://www.garnier.it/skinactive","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"vedi tutto: le gamme","link_url":"https://www.garnier.it/skinactive","breadCrumb":"cura della pelle::le gamme::vedi tutto: le gamme","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1086 VEDI TUTTO: LE GAMME 1087 </a> 1088 </div> 1089 </div> 1090 1091 1092 </div> 1093 </li> 1094 1095 <li class="levelTwoMenu" :class="[4 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 1096 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(4)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"guide & consigli::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"guide & consigli","link_url":"undefined","breadCrumb":"cura della pelle::guide & consigli","step":"2/3","event_detail":"regular"}"> 1097 <!-- conditional for new badge -->
1098 <span class="list_title"> 1099 GUIDE & CONSIGLI 1100 </span> 1101 1102 1103 1104 1105 1106<div class="arrowContainer"> 1107 <span class="menu-rig-arrow"> 1108 <div class="svg-container"> 1109 <svg width="24" height="24" 1110 viewBox="0 0 24 24" fill="none" 1111 xmlns="http://www.w3.org/2000/svg"> 1112 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1113 stroke="#000" stroke-width="1.6" 1114 stroke-linecap="square"></path> 1115 </svg> 1116 </div> 1117 </span> 1118 <span class="menu-opened-arrow"> 1119 <div class="svg-container"> 1120 <svg width="24" height="24" 1121 viewBox="0 0 24 24" fill="none" 1122 xmlns="http://www.w3.org/2000/svg"> 1123 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 1124 stroke="#000" stroke-width="2" 1125 stroke-linecap="square"></path> 1126 </svg> 1127 </div> 1128 </span> 1129</div> 1130 1131 </button> 1132 1133 <div class="level-three__wrapper" id="level-three__wrapper_4"> 1134 <div class="level-three__topper"> 1135 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 1136 <div class="svg-container"> 1137 <svg width="24" height="24"
1138 viewBox="0 0 24 24" fill="none" 1139 xmlns="http://www.w3.org/2000/svg"> 1140 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1141 stroke="#000" stroke-width="1.6" 1142 stroke-linecap="square" /> 1143 </svg> 1144 </div> 1145 </button> 1146 <div class="level-two__topper_title"> 1147 GUIDE & CONSIGLI 1148 </div> 1149 </div> 1150 1151 1152 <div class="level-three__wrapper_scrollerable"> 1153 <ul> 1154 1155 <li class="levethreeList"> 1156 <div class="mainSub__link levelFourMainMenu "> 1157 <a href="https://www.garnier.it/bisogni/pelle" 1158 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::guide & consigli::tutti i bisogni della pelle","click_area":"burger menu","breadcrumb":"cura della pelle::guide & consigli::tutti i bisogni della pelle","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"tutti i bisogni della pelle::https://www.garnier.it/bisogni/pelle","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"tutti i bisogni della pelle","link_url":"https://www.garnier.it/bisogni/pelle","breadCrumb":"cura della pelle::guide & consigli::tutti i bisogni della pelle","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1159 Tutti i Bisogni della Pelle 1160 </a> 1161 </div> 1162 </li> 1163 1164 <li class="levethreeList"> 1165 <div class="mainSub__link levelFourMainMenu "> 1166 <a href="https://www.garnier.it/magazine/pelle-perfetta" 1167 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::guide & consigli::tips e consigli per la pelle","click_area":"burger menu","breadcrumb":"cura della pelle::guide & consigli::tips e consigli per la pelle","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"tips e consigli per la pelle::https://www.garnier.it/magazine/pelle-perfetta","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"tips e consigli per la pelle","link_url":"https://www.garnier.it/magazine/pelle-perfetta","breadCrumb":"cura della pelle::guide & consigli::tips e consigli per la pelle","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1168 Tips e Consigli per la Pelle 1169 </a> 1170 </div> 1171 </li> 1172 1173 <li class="levethreeList"> 1174 <div class="mainSub__link levelFourMainMenu "> 1175 <a href="https://www.garnier.it/magazine/beauty-routine" 1176 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::guide & consigli::tips e consigli beauty","click_area":"burger menu","breadcrumb":"cura della pelle::guide & consigli::tips e consigli beauty","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"tips e consigli beauty::https://www.garnier.it/magazine/beauty-routine","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"tips e consigli beauty","link_url":"https://www.garnier.it/magazine/beauty-routine","breadCrumb":"cura della pelle::guide & consigli::tips e consigli beauty","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1177 Tips e Consigli Beauty 1178 </a> 1179 </div> 1180 </li> 1181 </ul> 1182 1183 1184 </div> 1185 1186 1187 </div> 1188 </li> 1189 </ul> 1190 1191 1192 <div class="mainSub__link"> 1193 <a href='https://www.garnier.it/shop-products/viso' target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::vedi tutto: cura della pelle","click_area":"burger menu","breadcrumb":"cura della pelle::vedi tutto: cura della pelle","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"vedi tutto: cura della pelle::https://www.garnier.it/shop-products/viso","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"vedi tutto: cura della pelle","link_url":"https://www.garnier.it/shop-products/viso","breadCrumb":"cura della pelle::vedi tutto: cura della pelle","step":"2/3","event_detail":"regular"}" class="menu-tag"> 1194 VEDI TUTTO: CURA DELLA PELLE 1195 </a> 1196 </div> 1197 </div> 1198 1199 <div class="level-two-image_container"> 1200 <picture> 1201 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/newdmi_garnier_skincoachai_websitepush_herobanner07_intl_oct25.jpg?rev=-1&cx=0&cy=0&cw=414&ch=344&hash=9832752A2E317763C5A6CD9849437F3B" /> 1202 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/newdmi_garnier_skincoachai_websitepush_herobanner07_intl_oct25.jpg?rev=-1&cx=0&cy=0&cw=800&ch=482&hash=243F906636F586C2A77CC61D5C29EA6B" /> 1203 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/newdmi_garnier_skincoachai_websitepush_herobanner07_intl_oct25.jpg?rev=-1&cx=0&cy=0&cw=360&ch=324&hash=8361DE1731A8C9834322271A8FEE005B" alt="" /> 1204 <a href="https://www.garnier.it/skincoach-diagnosis" target="" 1205 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::","click_area":"burger menu","breadcrumb":"cura della pelle::","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"diagnosi cutanea skincoach ai::https://www.garnier.it/skincoach-diagnosis","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"diagnosi cutanea skincoach ai","link_url":"https://www.garnier.it/skincoach-diagnosis","breadCrumb":"cura della pelle::diagnosi cutanea skincoach ai","step":"2/3","event_detail":"image"}"> 1206 </a> 1207 </picture> 1208 1209 <a class="level-two-image_link menu-tag" 1210 href="https://www.garnier.it/skincoach-diagnosis" 1211 target="" style="--ctaTextColor : #000000;" 1212 v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura della pelle::","click_area":"burger menu","breadcrumb":"cura della pelle::","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"diagnosi cutanea skincoach ai::https://www.garnier.it/skincoach-diagnosis","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"diagnosi cutanea skincoach ai","link_url":"https://www.garnier.it/skincoach-diagnosis","breadCrumb":"cura della pelle::diagnosi cutanea skincoach ai","step":"2/3","event_detail":"image"}">
1213 <span class="ctaLinkText"> 1214 Diagnosi cutanea Skincoach AI 1215 </span> 1216 <div class="svg-container"> 1217 <svg width="24" height="24" 1218 viewBox="0 0 24 24" fill="none" 1219 xmlns="http://www.w3.org/2000/svg"> 1220 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1221 stroke="#000000" stroke-width="1.6" 1222 stroke-linecap="square"></path> 1223 </svg> 1224 </div> 1225 </a> 1226 </div> 1227 1228 </div> 1229 </div> 1230 </li> 1231 1232 1233 <li class="levelOneMenu" :class="[1 === props.slotProps.clickActiveLevelOne ? 'isActiveLevelone':'']"> 1234 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelOne(1)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"cura dei capelli & styling::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"cura dei capelli & styling","link_url":"undefined","breadCrumb":"cura dei capelli & styling","step":"1/3","event_detail":"regular"}"> 1235 <span class="list_title"> 1236 CURA DEI CAPELLI & STYLING 1237 </span> 1238 1239 1240 1241<div class="arrowContainer"> 1242 <span class="menu-rig-arrow"> 1243 <div class="svg-container"> 1244 <svg width="24" height="24"
1245 viewBox="0 0 24 24" fill="none" 1246 xmlns="http://www.w3.org/2000/svg"> 1247 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1248 stroke="#000" stroke-width="1.6" 1249 stroke-linecap="square"></path> 1250 </svg> 1251 </div> 1252 </span> 1253 <span class="menu-opened-arrow"> 1254 <div class="svg-container"> 1255 <svg width="24" height="24" 1256 viewBox="0 0 24 24" fill="none" 1257 xmlns="http://www.w3.org/2000/svg"> 1258 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 1259 stroke="#000" stroke-width="2" 1260 stroke-linecap="square"></path> 1261 </svg> 1262 </div> 1263 </span> 1264</div> 1265 1266 </button> 1267 1268 <div class="level-two__wrapper" id="level-two__wrapper_1"> 1269 <div class="level-two__topper"> 1270 <button class="level-two__topper-back" tabindex="0" aria-label="Back to main menu" v-on:click="props.slotProps.backtoLOneMenu()" v-on:keydown.enter="props.slotProps.backtoLOneMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLOneMenu()"> 1271 <div class="svg-container"> 1272 <svg width="24" height="24" viewBox="0 0 24 24" 1273 fill="none" xmlns="http://www.w3.org/2000/svg"> 1274 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1275 stroke="#000" stroke-width="1.6" 1276 stroke-linecap="square" /> 1277 </svg> 1278 </div> 1279 </button> 1280 <div class="level-two__topper_title"> 1281 CURA DEI CAPELLI & STYLING 1282 </div> 1283 </div> 1284 <div class="level-two__wrapper-scrollable"> 1285 <div class="level-two-menu"> 1286 <ul> 1287 1288 <li class="levelTwoMenu" :class="[0 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 1289 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(0)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"tipo di prodotto::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"tipo di prodotto","link_url":"undefined","breadCrumb":"cura dei capelli & styling::tipo di prodotto","step":"2/3","event_detail":"regular"}"> 1290 <!-- conditional for new badge --> 1291 <span class="list_title"> 1292 TIPO DI PRODOTTO 1293 </span> 1294 1295 1296 1297 1298 1299<div class="arrowContainer"> 1300 <span class="menu-rig-arrow"> 1301 <div class="svg-container"> 1302 <svg width="24" height="24"
1303 viewBox="0 0 24 24" fill="none" 1304 xmlns="http://www.w3.org/2000/svg"> 1305 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1306 stroke="#000" stroke-width="1.6" 1307 stroke-linecap="square"></path> 1308 </svg> 1309 </div> 1310 </span> 1311 <span class="menu-opened-arrow"> 1312 <div class="svg-container"> 1313 <svg width="24" height="24" 1314 viewBox="0 0 24 24" fill="none" 1315 xmlns="http://www.w3.org/2000/svg"> 1316 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 1317 stroke="#000" stroke-width="2" 1318 stroke-linecap="square"></path> 1319 </svg> 1320 </div> 1321 </span> 1322</div> 1323 1324 </button> 1325 1326 <div class="level-three__wrapper" id="level-three__wrapper_0"> 1327 <div class="level-three__topper"> 1328 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 1329 <div class="svg-container"> 1330 <svg width="24" height="24"
1331 viewBox="0 0 24 24" fill="none" 1332 xmlns="http://www.w3.org/2000/svg"> 1333 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1334 stroke="#000" stroke-width="1.6" 1335 stroke-linecap="square" /> 1336 </svg> 1337 </div> 1338 </button> 1339 <div class="level-two__topper_title"> 1340 TIPO DI PRODOTTO 1341 </div> 1342 </div> 1343 1344 <div class="level-three-image_container-xs"> 1345 <picture> 1346 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/nav-haircare-products-curl-gel.png?rev=-1&cx=0&cy=0&cw=414&ch=208&hash=4A9127D3F0E0443C789B3B6EA2C0E977" /> 1347 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/nav-haircare-products-curl-gel.png?rev=-1&cx=0&cy=0&cw=800&ch=308&hash=5322667D7989AE388E33E8EDDA84A6F2" /> 1348 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/nav-haircare-products-curl-gel.png?rev=-1&cx=0&cy=0&cw=360&ch=600&hash=6B1C1866C43AAEBEE41171A333A3FC35" alt="" /> 1349 <a href="https://www.garnier.it/fructis/metodo-ricci/gel" target="" 1350 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di prodotto::novità! flexi gel ricci","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di prodotto::novità! flexi gel ricci","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"novità! flexi gel ricci::https://www.garnier.it/fructis/metodo-ricci/gel","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"novità! flexi gel ricci","link_url":"https://www.garnier.it/fructis/metodo-ricci/gel","breadCrumb":"cura dei capelli & styling::tipo di prodotto::novità! flexi gel ricci","step":"3/3","event_detail":"image"}"> 1351 </a> 1352 </picture> 1353 <a class="levelFourLink menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di prodotto::novità! flexi gel ricci","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di prodotto::novità! flexi gel ricci","event_detail":"image"}" 1354 href="https://www.garnier.it/fructis/metodo-ricci/gel" 1355 target="" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"novità
1355! flexi gel ricci::https://www.garnier.it/fructis/metodo-ricci/gel","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"novità! flexi gel ricci","link_url":"https://www.garnier.it/fructis/metodo-ricci/gel","breadCrumb":"cura dei capelli & styling::tipo di prodotto::novità! flexi gel ricci","step":"3/3","event_detail":"image"}"> 1356 <span class="ctaLinkText"> 1357 Novità! Flexi Gel ricci 1358 </span> 1359 </a> 1360 </div> 1361 1362 <div class="level-three__wrapper_scrollerable"> 1363 <ul> 1364 1365 <li class="levethreeList"> 1366 <div class="mainSub__link levelFourMainMenu "> 1367 <a href="https://www.garnier.it/shop-products/capelli/shampoo" 1368 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di prodotto::shampoo","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di prodotto::shampoo","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"shampoo::https://www.garnier.it/shop-products/capelli/shampoo","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"shampoo","link_url":"https://www.garnier.it/shop-products/capelli/shampoo","breadCrumb":"cura dei capelli & styling::tipo di prodotto::shampoo","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1369 Shampoo 1370 </a> 1371 </div> 1372 </li> 1373 1374 <li class="levethreeList"> 1375 <div class="mainSub__link levelFourMainMenu "> 1376 <a href="https://www.garnier.it/shop-products/capelli/balsamo" 1377 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di prodotto::balsamo","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di prodotto::balsamo","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"balsamo::https://www.garnier.it/shop-products/capelli/balsamo","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"balsamo","link_url":"https://www.garnier.it/shop-products/capelli/balsamo","breadCrumb":"cura dei capelli & styling::tipo di prodotto::balsamo","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1378 Balsamo 1379 </a> 1380 </div> 1381 </li> 1382 1383 <li class="levethreeList"> 1384 <div class="mainSub__link levelFourMainMenu "> 1385 <a href="https://www.garnier.it/shop-products/capelli/trattamento" 1386 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di prodotto::trattamento","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di prodotto::trattamento","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"trattamento::https://www.garnier.it/shop-products/capelli/trattamento","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"trattamento","link_url":"https://www.garnier.it/shop-products/capelli/trattamento","breadCrumb":"cura dei capelli & styling::tipo di prodotto::trattamento","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1387 Trattamento 1388 </a> 1389 </div> 1390 </li> 1391 1392 <li class="levethreeList"> 1393 <div class="mainSub__link levelFourMainMenu "> 1394 <a href="https://www.garnier.it/shop-products/capelli/maschera" 1395 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di prodotto::maschere","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di prodotto::maschere","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"maschere::https://www.garnier.it/shop-products/capelli/maschera","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"maschere","link_url":"https://www.garnier.it/shop-products/capelli/maschera","breadCrumb":"cura dei capelli & styling::tipo di prodotto::maschere","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1396 Maschere 1397 </a> 1398 </div> 1399 </li> 1400 1401 <li class="levethreeList"> 1402 <div class="mainSub__link levelFourMainMenu "> 1403 <a href="https://www.garnier.it/shop-products/capelli/siero-per-capelli" 1404 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di prodotto::siero","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di prodotto::siero","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"
1404siero::https://www.garnier.it/shop-products/capelli/siero-per-capelli","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"siero","link_url":"https://www.garnier.it/shop-products/capelli/siero-per-capelli","breadCrumb":"cura dei capelli & styling::tipo di prodotto::siero","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1405 Siero 1406 </a> 1407 </div> 1408 </li> 1409 1410 <li class="levethreeList"> 1411 <div class="mainSub__link levelFourMainMenu "> 1412 <a href="https://www.garnier.it/shop-products/capelli?filters=spray" 1413 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di prodotto::styling","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di prodotto::styling","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"styling::https://www.garnier.it/shop-products/capelli?filters=spray","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"styling","link_url":"https://www.garnier.it/shop-products/capelli?filters=spray","breadCrumb":"cura dei capelli & styling::tipo di prodotto::styling","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1414 Styling 1415 </a> 1416 </div> 1417 </li> 1418 </ul> 1419 1420 1421 </div> 1422 1423 1424 <div class="level-four__wrapper"> 1425 <div class="level-four-image_container"> 1426 <picture class="level-four-image_container--img"> 1427 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/nav-haircare-products-curl-gel.png?rev=-1&cx=0&cy=0&cw=414&ch=208&hash=4A9127D3F0E0443C789B3B6EA2C0E977" /> 1428 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/nav-haircare-products-curl-gel.png?rev=-1&cx=0&cy=0&cw=800&ch=308&hash=5322667D7989AE388E33E8EDDA84A6F2" /> 1429 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/nav-haircare-products-curl-gel.png?rev=-1&cx=0&cy=0&cw=360&ch=600&hash=6B1C1866C43AAEBEE41171A333A3FC35" alt="" /> 1430 <a href="https://www.garnier.it/fructis/metodo-ricci/gel" target="" 1431 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di prodotto::novità! flexi gel ricci","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di prodotto::novità! flexi gel ricci","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"novità
1431! flexi gel ricci::https://www.garnier.it/fructis/metodo-ricci/gel","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"novità! flexi gel ricci","link_url":"https://www.garnier.it/fructis/metodo-ricci/gel","breadCrumb":"cura dei capelli & styling::tipo di prodotto::novità! flexi gel ricci","step":"3/3","event_detail":"image"}"> 1432 </a> 1433 </picture> 1434 <a class="levelFourLink menu-tag" style="--ctaTextColor : #000000;" 1435 href="https://www.garnier.it/fructis/metodo-ricci/gel" 1436 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di prodotto::novità! flexi gel ricci","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di prodotto::novità! flexi gel ricci","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"novità! flexi gel ricci::https://www.garnier.it/fructis/metodo-ricci/gel","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"novità! flexi gel ricci","link_url":"https://www.garnier.it/fructis/metodo-ricci/gel","breadCrumb":"cura dei capelli & styling::tipo di prodotto::novità! flexi gel ricci","step":"3/3","event_detail":"image"}"> 1437 <span class="ctaLinkText"> 1438 Novità! Flexi Gel ricci 1439 </span> 1440 </a> 1441 </div> 1442 </div> 1443 </div> 1444 </li> 1445 1446 <li class="levelTwoMenu" :class="[1 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 1447 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(1)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"tipo di capelli::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"tipo di capelli","link_url":"undefined","breadCrumb":"cura dei capelli & styling::tipo di capelli","step":"2/3","event_detail":"regular"}"> 1448 <!-- conditional for new badge --> 1449 <span class="list_title"> 1450 TIPO DI CAPELLI 1451 </span> 1452 1453 1454 1455 1456 1457<div class="arrowContainer"> 1458 <span class="menu-rig-arrow"> 1459 <div class="svg-container"> 1460 <svg width="24" height="24"
1461 viewBox="0 0 24 24" fill="none" 1462 xmlns="http://www.w3.org/2000/svg"> 1463 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1464 stroke="#000" stroke-width="1.6" 1465 stroke-linecap="square"></path> 1466 </svg> 1467 </div> 1468 </span> 1469 <span class="menu-opened-arrow"> 1470 <div class="svg-container"> 1471 <svg width="24" height="24" 1472 viewBox="0 0 24 24" fill="none" 1473 xmlns="http://www.w3.org/2000/svg"> 1474 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 1475 stroke="#000" stroke-width="2" 1476 stroke-linecap="square"></path> 1477 </svg> 1478 </div> 1479 </span> 1480</div> 1481 1482 </button> 1483 1484 <div class="level-three__wrapper" id="level-three__wrapper_1"> 1485 <div class="level-three__topper"> 1486 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 1487 <div class="svg-container"> 1488 <svg width="24" height="24"
1489 viewBox="0 0 24 24" fill="none" 1490 xmlns="http://www.w3.org/2000/svg"> 1491 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1492 stroke="#000" stroke-width="1.6" 1493 stroke-linecap="square" /> 1494 </svg> 1495 </div> 1496 </button> 1497 <div class="level-two__topper_title"> 1498 TIPO DI CAPELLI 1499 </div> 1500 </div> 1501 1502 1503 <div class="level-three__wrapper_scrollerable"> 1504 <ul> 1505 1506 <li class="levethreeList"> 1507 <div class="mainSub__link levelFourMainMenu "> 1508 <a href="https://www.garnier.it/bisogni/capelli/capelli-danneggiati" 1509 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di capelli::capelli danneggiati","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di capelli::capelli danneggiati","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"capelli danneggiati::https://www.garnier.it/bisogni/capelli/capelli-danneggiati","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"capelli danneggiati","link_url":"https://www.garnier.it/bisogni/capelli/capelli-danneggiati","breadCrumb":"cura dei capelli & styling::tipo di capelli::capelli danneggiati","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1510 Capelli Danneggiati 1511 </a> 1512 </div> 1513 </li> 1514 1515 <li class="levethreeList"> 1516 <div class="mainSub__link levelFourMainMenu "> 1517 <a href="https://www.garnier.it/shop-products/capelli/capelli-crespi" 1518 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di capelli::capelli ricci o mossi","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di capelli::capelli ricci o mossi","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"capelli ricci o mossi::https://www.garnier.it/shop-products/capelli/capelli-crespi","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"capelli ricci o mossi","link_url":"https://www.garnier.it/shop-products/capelli/capelli-crespi","breadCrumb":"cura dei capelli & styling::tipo di capelli::capelli ricci o mossi","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1519 Capelli Ricci o Mossi 1520 </a> 1521 </div> 1522 </li> 1523 1524 <li class="levethreeList"> 1525 <div class="mainSub__link levelFourMainMenu "> 1526 <a href="https://www.garnier.it/bisogni/capelli/capelli-grassi" 1527 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di capelli::capelli grassi","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di capelli::capelli grassi","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"capelli grassi::https://www.garnier.it/bisogni/capelli/capelli-grassi","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"capelli grassi","link_url":"https://www.garnier.it/bisogni/capelli/capelli-grassi","breadCrumb":"cura dei capelli & styling::tipo di capelli::capelli grassi","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1528 Capelli Grassi 1529 </a> 1530 </div> 1531 </li> 1532 1533 <li class="levethreeList"> 1534 <div class="mainSub__link levelFourMainMenu "> 1535 <a href="https://www.garnier.it/bisogni/capelli/bambini" 1536 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di capelli::bambini","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di capelli::bambini","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"
1536bambini::https://www.garnier.it/bisogni/capelli/bambini","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"bambini","link_url":"https://www.garnier.it/bisogni/capelli/bambini","breadCrumb":"cura dei capelli & styling::tipo di capelli::bambini","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1537 Bambini 1538 </a> 1539 </div> 1540 </li> 1541 1542 <li class="levethreeList"> 1543 <div class="mainSub__link levelFourMainMenu "> 1544 <a href="https://www.garnier.it/bisogni/capelli/capelli-spenti" 1545 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di capelli::capelli spenti","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di capelli::capelli spenti","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"capelli spenti::https://www.garnier.it/bisogni/capelli/capelli-spenti","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"capelli spenti","link_url":"https://www.garnier.it/bisogni/capelli/capelli-spenti","breadCrumb":"cura dei capelli & styling::tipo di capelli::capelli spenti","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1546 Capelli Spenti 1547 </a> 1548 </div> 1549 </li> 1550 1551 <li class="levethreeList"> 1552 <div class="mainSub__link levelFourMainMenu "> 1553 <a href="https://www.garnier.it/bisogni/capelli/capelli-secchi" 1554 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di capelli::capelli secchi","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di capelli::capelli secchi","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"capelli secchi::https://www.garnier.it/bisogni/capelli/capelli-secchi","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"capelli secchi","link_url":"https://www.garnier.it/bisogni/capelli/capelli-secchi","breadCrumb":"cura dei capelli & styling::tipo di capelli::capelli secchi","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1555 Capelli secchi 1556 </a> 1557 </div> 1558 </li> 1559 1560 <li class="levethreeList"> 1561 <div class="mainSub__link levelFourMainMenu "> 1562 <a href="https://www.garnier.it/bisogni/capelli/capelli-delicati" 1563 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di capelli::capelli delicati","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di capelli::capelli delicati","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"capelli delicati::https://www.garnier.it/bisogni/capelli/capelli-delicati","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"capelli delicati","link_url":"https://www.garnier.it/bisogni/capelli/capelli-delicati","breadCrumb":"cura dei capelli & styling::tipo di capelli::capelli delicati","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1564 Capelli delicati 1565 </a> 1566 </div> 1567 </li> 1568 1569 <li class="levethreeList"> 1570 <div class="mainSub__link levelFourMainMenu "> 1571 <a href="https://www.garnier.it/bisogni/capelli/capelli-lisci" 1572 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di capelli::capelli lisci","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di capelli::capelli lisci","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"capelli lisci::https://www.garnier.it/bisogni/capelli/capelli-lisci","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"capelli lisci","link_url":"https://www.garnier.it/bisogni/capelli/capelli-lisci","breadCrumb":"cura dei capelli & styling::tipo di capelli::capelli lisci","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1573 Capelli lisci 1574 </a> 1575 </div> 1576 </li> 1577 1578 <li class="levethreeList"> 1579 <div class="mainSub__link levelFourMainMenu "> 1580 <a href="https://www.garnier.it/bisogni/capelli/capelli-crespi" 1581 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di capelli::capelli crespi","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di capelli::capelli crespi","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"capelli crespi::https://www.garnier.it/bisogni/capelli/capelli-crespi","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"capelli crespi","link_url":"https://www.garnier.it/bisogni/capelli/capelli-crespi","breadCrumb":"cura dei capelli & styling::tipo di capelli::capelli crespi","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1582 Capelli crespi 1583 </a> 1584 </div> 1585 </li> 1586 1587 <li class="levethreeList"> 1588 <div class="mainSub__link levelFourMainMenu "> 1589 <a href="https://www.garnier.it/bisogni/capelli/capelli-fragili" 1590 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di capelli::capelli fragili","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di capelli::capelli fragili","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"capelli fragili::https://www.garnier.it/bisogni/capelli/capelli-fragili","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"capelli fragili","link_url":"https://www.garnier.it/bisogni/capelli/capelli-fragili","breadCrumb":"cura dei capelli & styling::tipo di capelli::capelli fragili","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1591 Capelli fragili 1592 </a> 1593 </div> 1594 </li> 1595 1596 <li class="levethreeList"> 1597 <div class="mainSub__link levelFourMainMenu "> 1598 <a href="https://www.garnier.it/shop-products/capelli/capelli-colorati" 1599 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di capelli::colorati","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di capelli::colorati","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"colorati::https://www.garnier.it/shop-products/capelli/capelli-colorati","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"colorati","link_url":"https://www.garnier.it/shop-products/capelli/capelli-colorati","breadCrumb":"cura dei capelli & styling::tipo di capelli::colorati","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1600 Colorati 1601 </a> 1602 </div> 1603 </li> 1604 1605 <li class="levethreeList"> 1606 <div class="mainSub__link levelFourMainMenu "> 1607 <a href="https://www.garnier.it/shop-products/capelli/anti-forfora" 1608 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::tipo di capelli::forfora","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::tipo di capelli::forfora","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"forfora::https://www.garnier.it/shop-products/capelli/anti-forfora","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"forfora","link_url":"https://www.garnier.it/shop-products/capelli/anti-forfora","breadCrumb":"cura dei capelli & styling::tipo di capelli::forfora","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1609 Forfora 1610 </a> 1611 </div> 1612 </li> 1613 </ul> 1614 1615 1616 </div> 1617 1618 1619 </div> 1620 </li> 1621 1622 <li class="levelTwoMenu" :class="[2 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 1623 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(2)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"ingredienti::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"ingredienti","link_url":"undefined","breadCrumb":"cura dei capelli & styling::ingredienti","step":"2/3","event_detail":"regular"}"> 1624 <!-- conditional for new badge -->
1625 <span class="list_title"> 1626 INGREDIENTI 1627 </span> 1628 1629 1630 1631 1632 1633<div class="arrowContainer"> 1634 <span class="menu-rig-arrow"> 1635 <div class="svg-container"> 1636 <svg width="24" height="24" 1637 viewBox="0 0 24 24" fill="none" 1638 xmlns="http://www.w3.org/2000/svg"> 1639 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1640 stroke="#000" stroke-width="1.6" 1641 stroke-linecap="square"></path> 1642 </svg> 1643 </div> 1644 </span> 1645 <span class="menu-opened-arrow"> 1646 <div class="svg-container"> 1647 <svg width="24" height="24" 1648 viewBox="0 0 24 24" fill="none" 1649 xmlns="http://www.w3.org/2000/svg"> 1650 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 1651 stroke="#000" stroke-width="2" 1652 stroke-linecap="square"></path> 1653 </svg> 1654 </div> 1655 </span> 1656</div> 1657 1658 </button> 1659 1660 <div class="level-three__wrapper" id="level-three__wrapper_2"> 1661 <div class="level-three__topper"> 1662 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 1663 <div class="svg-container"> 1664 <svg width="24" height="24"
1665 viewBox="0 0 24 24" fill="none" 1666 xmlns="http://www.w3.org/2000/svg"> 1667 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1668 stroke="#000" stroke-width="1.6" 1669 stroke-linecap="square" /> 1670 </svg> 1671 </div> 1672 </button> 1673 <div class="level-two__topper_title"> 1674 INGREDIENTI 1675 </div> 1676 </div> 1677 1678 1679 <div class="level-three__wrapper_scrollerable"> 1680 <ul> 1681 1682 <li class="levethreeList"> 1683 <div class="mainSub__link levelFourMainMenu "> 1684 <a href="https://www.garnier.it/ingredienti/aloe-vera" 1685 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::ingredienti::aloe vera","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::ingredienti::aloe vera","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"aloe vera::https://www.garnier.it/ingredienti/aloe-vera","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"aloe vera","link_url":"https://www.garnier.it/ingredienti/aloe-vera","breadCrumb":"cura dei capelli & styling::ingredienti::aloe vera","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1686 Aloe Vera 1687 </a> 1688 </div> 1689 </li> 1690 1691 <li class="levethreeList"> 1692 <div class="mainSub__link levelFourMainMenu "> 1693 <a href="https://www.garnier.it/ingredienti/argan" 1694 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::ingredienti::olio di argan","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::ingredienti::olio di argan","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"olio di argan::https://www.garnier.it/ingredienti/argan","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"olio di argan","link_url":"https://www.garnier.it/ingredienti/argan","breadCrumb":"cura dei capelli & styling::ingredienti::olio di argan","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1695 Olio di Argan 1696 </a> 1697 </div> 1698 </li> 1699 1700 <li class="levethreeList"> 1701 <div class="mainSub__link levelFourMainMenu "> 1702 <a href="https://www.garnier.it/ingredienti/avocado" 1703 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::ingredienti::avocado oil","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::ingredienti::avocado oil","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"avocado oil::https://www.garnier.it/ingredienti/avocado","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"avocado oil","link_url":"https://www.garnier.it/ingredienti/avocado","breadCrumb":"cura dei capelli & styling::ingredienti::avocado oil","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1704 Avocado Oil 1705 </a> 1706 </div> 1707 </li> 1708 1709 <li class="levethreeList"> 1710 <div class="mainSub__link levelFourMainMenu "> 1711 <a href="https://www.garnier.it/ingredienti/miele" 1712 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::ingredienti::miele","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::ingredienti::miele","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"miele::https://www.garnier.it/ingredienti/miele","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"miele","link_url":"https://www.garnier.it/ingredienti/miele","breadCrumb":"cura dei capelli & styling::ingredienti::miele","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1713 Miele 1714 </a> 1715 </div> 1716 </li> 1717 </ul> 1718 1719 1720 <div class="mainSub__link"> 1721 <a href="https://www.garnier.it/ingredienti" target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::ingredienti::vedi tutto: ingredienti","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::ingredienti::vedi tutto: ingredienti","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"vedi tutto: ingredienti::https://www.garnier.it/ingredienti","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"vedi tutto: ingredienti","link_url":"https://www.garnier.it/ingredienti","breadCrumb":"cura dei capelli & styling::ingredienti::vedi tutto: ingredienti","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1722 VEDI TUTTO: INGREDIENTI 1723 </a> 1724 </div> 1725 </div> 1726 1727 1728 </div> 1729 </li> 1730 1731 <li class="levelTwoMenu" :class="[3 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 1732 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(3)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"le gamme::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"le gamme","link_url":"undefined","breadCrumb":"cura dei capelli & styling::le gamme","step":"2/3","event_detail":"regular"}"> 1733 <!-- conditional for new badge -->
1734 <span class="list_title"> 1735 LE GAMME 1736 </span> 1737 1738 1739 1740 1741 1742<div class="arrowContainer"> 1743 <span class="menu-rig-arrow"> 1744 <div class="svg-container"> 1745 <svg width="24" height="24" 1746 viewBox="0 0 24 24" fill="none" 1747 xmlns="http://www.w3.org/2000/svg"> 1748 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1749 stroke="#000" stroke-width="1.6" 1750 stroke-linecap="square"></path> 1751 </svg> 1752 </div> 1753 </span> 1754 <span class="menu-opened-arrow"> 1755 <div class="svg-container"> 1756 <svg width="24" height="24" 1757 viewBox="0 0 24 24" fill="none" 1758 xmlns="http://www.w3.org/2000/svg"> 1759 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 1760 stroke="#000" stroke-width="2" 1761 stroke-linecap="square"></path> 1762 </svg> 1763 </div> 1764 </span> 1765</div> 1766 1767 </button> 1768 1769 <div class="level-three__wrapper" id="level-three__wrapper_3"> 1770 <div class="level-three__topper"> 1771 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 1772 <div class="svg-container"> 1773 <svg width="24" height="24"
1774 viewBox="0 0 24 24" fill="none" 1775 xmlns="http://www.w3.org/2000/svg"> 1776 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1777 stroke="#000" stroke-width="1.6" 1778 stroke-linecap="square" /> 1779 </svg> 1780 </div> 1781 </button> 1782 <div class="level-two__topper_title"> 1783 LE GAMME 1784 </div> 1785 </div> 1786 1787 <div class="level-three-image_container-xs"> 1788 <picture> 1789 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/dmi_garnier_ecom_website_haircare_productrange_fructis1_360x708_intl_16oct25.jpg?rev=-1&cx=0&cy=0&cw=414&ch=208&hash=3FBB4FF51657E2DA9B491668731344BB" /> 1790 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/dmi_garnier_ecom_website_haircare_productrange_fructis1_360x708_intl_16oct25.jpg?rev=-1&cx=0&cy=0&cw=800&ch=308&hash=42B982002777B56F6443D2B328CEF42B" /> 1791 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/dmi_garnier_ecom_website_haircare_productrange_fructis1_360x708_intl_16oct25.jpg?rev=-1&cx=0&cy=0&cw=360&ch=600&hash=F87DB0C5FAD9B0B643C0A405A5F7FC50" alt="" /> 1792 <a href="https://www.garnier.it/fructis/lisci-cheratina" target="" 1793 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::le gamme::lisci cheratina","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::le gamme::lisci cheratina","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"lisci cheratina::https://www.garnier.it/fructis/lisci-cheratina","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"lisci cheratina","link_url":"https://www.garnier.it/fructis/lisci-cheratina","breadCrumb":"cura dei capelli & styling::le gamme::lisci cheratina","step":"3/3","event_detail":"image"}"> 1794 </a> 1795 </picture> 1796 <a class="levelFourLink menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::le gamme::lisci cheratina","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::le gamme::lisci cheratina","event_detail":"image"}" 1797 href="https://www.garnier.it/fructis/lisci-cheratina" 1798 target="" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"
1798lisci cheratina::https://www.garnier.it/fructis/lisci-cheratina","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"lisci cheratina","link_url":"https://www.garnier.it/fructis/lisci-cheratina","breadCrumb":"cura dei capelli & styling::le gamme::lisci cheratina","step":"3/3","event_detail":"image"}"> 1799 <span class="ctaLinkText"> 1800 Lisci Cheratina 1801 </span> 1802 </a> 1803 </div> 1804 1805 <div class="level-three__wrapper_scrollerable"> 1806 <ul> 1807 1808 <li class="levethreeList"> 1809 <div class="mainSub__link levelFourMainMenu "> 1810 <a href="https://www.garnier.it/ultradolce" 1811 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::le gamme::ultra dolce","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::le gamme::ultra dolce","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"ultra dolce::https://www.garnier.it/ultradolce","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"ultra dolce","link_url":"https://www.garnier.it/ultradolce","breadCrumb":"cura dei capelli & styling::le gamme::ultra dolce","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1812 Ultra Dolce 1813 </a> 1814 </div> 1815 </li> 1816 1817 <li class="levethreeList"> 1818 <div class="mainSub__link levelFourMainMenu "> 1819 <a href="https://www.garnier.it/fructis" 1820 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::le gamme::fructis ","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::le gamme::fructis ","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"fructis ::https://www.garnier.it/fructis","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"fructis ","link_url":"https://www.garnier.it/fructis","breadCrumb":"cura dei capelli & styling::le gamme::fructis ","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1821 Fructis 1822 </a> 1823 </div> 1824 </li> 1825 1826 <li class="levethreeList"> 1827 <div class="mainSub__link levelFourMainMenu "> 1828 <a href="https://www.garnier.it/fructis/fructis-hairfood" 1829 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::le gamme::hair food","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::le gamme::hair food","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"
1829hair food::https://www.garnier.it/fructis/fructis-hairfood","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"hair food","link_url":"https://www.garnier.it/fructis/fructis-hairfood","breadCrumb":"cura dei capelli & styling::le gamme::hair food","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1830 Hair Food 1831 </a> 1832 </div> 1833 </li> 1834 1835 <li class="levethreeList"> 1836 <div class="mainSub__link levelFourMainMenu "> 1837 <a href="https://www.garnier.it/shop-products/ultra-dolce-capelli/bambini" 1838 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::le gamme::bambini","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::le gamme::bambini","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"
1838bambini::https://www.garnier.it/shop-products/ultra-dolce-capelli/bambini","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"bambini","link_url":"https://www.garnier.it/shop-products/ultra-dolce-capelli/bambini","breadCrumb":"cura dei capelli & styling::le gamme::bambini","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1839 Bambini 1840 </a> 1841 </div> 1842 </li> 1843 1844 <li class="levethreeList"> 1845 <div class="mainSub__link levelFourMainMenu "> 1846 <a href="https://www.garnier.it/fructis/metodo-ricci" 1847 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::le gamme::metodo ricci","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::le gamme::metodo ricci","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"metodo ricci::https://www.garnier.it/fructis/metodo-ricci","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"metodo ricci","link_url":"https://www.garnier.it/fructis/metodo-ricci","breadCrumb":"cura dei capelli & styling::le gamme::metodo ricci","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1848 Metodo Ricci 1849 </a> 1850 </div> 1851 </li> 1852 1853 <li class="levethreeList"> 1854 <div class="mainSub__link levelFourMainMenu "> 1855 <a href="https://www.garnier.it/fructis/lisci-cheratina" 1856 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::le gamme::lisci cheratina","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::le gamme::lisci cheratina","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"lisci cheratina::https://www.garnier.it/fructis/lisci-cheratina","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"lisci cheratina","link_url":"https://www.garnier.it/fructis/lisci-cheratina","breadCrumb":"cura dei capelli & styling::le gamme::lisci cheratina","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1857 Lisci Cheratina 1858 </a> 1859 </div> 1860 </li> 1861 </ul> 1862 1863 1864 <div class="mainSub__link"> 1865 <a href="https://www.garnier.it/shop-products/capelli" target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::le gamme::vedi tutto: le gamme","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::le gamme::vedi tutto: le gamme","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"vedi tutto: le gamme::https://www.garnier.it/shop-products/capelli","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"vedi tutto: le gamme","link_url":"https://www.garnier.it/shop-products/capelli","breadCrumb":"cura dei capelli & styling::le gamme::vedi tutto: le gamme","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1866 VEDI TUTTO: LE GAMME 1867 </a> 1868 </div> 1869 </div> 1870 1871 1872 <div class="level-four__wrapper"> 1873 <div class="level-four-image_container"> 1874 <picture class="level-four-image_container--img"> 1875 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/dmi_garnier_ecom_website_haircare_productrange_fructis1_360x708_intl_16oct25.jpg?rev=-1&cx=0&cy=0&cw=414&ch=208&hash=3FBB4FF51657E2DA9B491668731344BB" /> 1876 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/dmi_garnier_ecom_website_haircare_productrange_fructis1_360x708_intl_16oct25.jpg?rev=-1&cx=0&cy=0&cw=800&ch=308&hash=42B982002777B56F6443D2B328CEF42B" /> 1877 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/dmi_garnier_ecom_website_haircare_productrange_fructis1_360x708_intl_16oct25.jpg?rev=-1&cx=0&cy=0&cw=360&ch=600&hash=F87DB0C5FAD9B0B643C0A405A5F7FC50" alt="" />
1878 <a href="https://www.garnier.it/fructis/lisci-cheratina" target="" 1879 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::le gamme::lisci cheratina","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::le gamme::lisci cheratina","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"lisci cheratina::https://www.garnier.it/fructis/lisci-cheratina","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"lisci cheratina","link_url":"https://www.garnier.it/fructis/lisci-cheratina","breadCrumb":"cura dei capelli & styling::le gamme::lisci cheratina","step":"3/3","event_detail":"image"}"> 1880 </a> 1881 </picture> 1882 <a class="levelFourLink menu-tag" style="--ctaTextColor : #000000;" 1883 href="https://www.garnier.it/fructis/lisci-cheratina" 1884 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::le gamme::lisci cheratina","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::le gamme::lisci cheratina","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"lisci cheratina::https://www.garnier.it/fructis/lisci-cheratina","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"lisci cheratina","link_url":"https://www.garnier.it/fructis/lisci-cheratina","breadCrumb":"cura dei capelli & styling::le gamme::lisci cheratina","step":"3/3","event_detail":"image"}"> 1885 <span class="ctaLinkText"> 1886 Lisci Cheratina 1887 </span> 1888 </a> 1889 </div> 1890 </div> 1891 </div> 1892 </li> 1893 1894 <li class="levelTwoMenu" :class="[4 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 1895 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(4)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"guide & consigli::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"guide & consigli","link_url":"undefined","breadCrumb":"cura dei capelli & styling::guide & consigli","step":"2/3","event_detail":"regular"}"> 1896 <!-- conditional for new badge --> 1897 <span class="list_title"> 1898 GUIDE & CONSIGLI 1899 </span> 1900 1901 1902 1903 1904 1905<div class="arrowContainer"> 1906 <span class="menu-rig-arrow"> 1907 <div class="svg-container"> 1908 <svg width="24" height="24"
1909 viewBox="0 0 24 24" fill="none" 1910 xmlns="http://www.w3.org/2000/svg"> 1911 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1912 stroke="#000" stroke-width="1.6" 1913 stroke-linecap="square"></path> 1914 </svg> 1915 </div> 1916 </span> 1917 <span class="menu-opened-arrow"> 1918 <div class="svg-container"> 1919 <svg width="24" height="24" 1920 viewBox="0 0 24 24" fill="none" 1921 xmlns="http://www.w3.org/2000/svg"> 1922 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 1923 stroke="#000" stroke-width="2" 1924 stroke-linecap="square"></path> 1925 </svg> 1926 </div> 1927 </span> 1928</div> 1929 1930 </button> 1931 1932 <div class="level-three__wrapper" id="level-three__wrapper_4"> 1933 <div class="level-three__topper"> 1934 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 1935 <div class="svg-container"> 1936 <svg width="24" height="24"
1937 viewBox="0 0 24 24" fill="none" 1938 xmlns="http://www.w3.org/2000/svg"> 1939 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 1940 stroke="#000" stroke-width="1.6" 1941 stroke-linecap="square" /> 1942 </svg> 1943 </div> 1944 </button> 1945 <div class="level-two__topper_title"> 1946 GUIDE & CONSIGLI 1947 </div> 1948 </div> 1949 1950 1951 <div class="level-three__wrapper_scrollerable"> 1952 <ul> 1953 1954 <li class="levethreeList"> 1955 <div class="mainSub__link levelFourMainMenu "> 1956 <a href="https://www.garnier.it/bisogni/capelli" 1957 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::guide & consigli::tutti i bisogni dei capelli","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::guide & consigli::tutti i bisogni dei capelli","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"tutti i bisogni dei capelli::https://www.garnier.it/bisogni/capelli","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"tutti i bisogni dei capelli","link_url":"https://www.garnier.it/bisogni/capelli","breadCrumb":"cura dei capelli & styling::guide & consigli::tutti i bisogni dei capelli","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1958 Tutti i Bisogni dei capelli 1959 </a> 1960 </div> 1961 </li> 1962 1963 <li class="levethreeList"> 1964 <div class="mainSub__link levelFourMainMenu "> 1965 <a href="https://www.garnier.it/magazine/cura-dei-capelli" 1966 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::guide & consigli::consigli e cura capelli","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::guide & consigli::consigli e cura capelli","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"consigli e cura capelli::https://www.garnier.it/magazine/cura-dei-capelli","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"consigli e cura capelli","link_url":"https://www.garnier.it/magazine/cura-dei-capelli","breadCrumb":"cura dei capelli & styling::guide & consigli::consigli e cura capelli","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1967 Consigli e cura capelli 1968 </a> 1969 </div> 1970 </li> 1971 1972 <li class="levethreeList"> 1973 <div class="mainSub__link levelFourMainMenu "> 1974 <a href="https://www.garnier.it/magazine/tendenze-capelli" 1975 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::guide & consigli::consigli di styling","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::guide & consigli::consigli di styling","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"consigli di styling::https://www.garnier.it/magazine/tendenze-capelli","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"consigli di styling","link_url":"https://www.garnier.it/magazine/tendenze-capelli","breadCrumb":"cura dei capelli & styling::guide & consigli::consigli di styling","step":"3/3","event_detail":"regular"}" class="menu-tag"> 1976 Consigli di styling 1977 </a> 1978 </div> 1979 </li> 1980 </ul> 1981 1982 1983 </div> 1984 1985 1986 </div> 1987 </li> 1988 </ul> 1989 1990 1991 <div class="mainSub__link"> 1992 <a href='https://www.garnier.it/shop-products/capelli' target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"cura dei capelli & styling::vedi tutto: cura dei capelli & styling","click_area":"burger menu","breadcrumb":"cura dei capelli & styling::vedi tutto: cura dei capelli & styling","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"vedi tutto: cura dei capelli & styling::https://www.garnier.it/shop-products/capelli","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"vedi tutto: cura dei capelli & styling","link_url":"https://www.garnier.it/shop-products/capelli","breadCrumb":"cura dei capelli & styling::vedi tutto: cura dei capelli & styling","step":"2/3","event_detail":"regular"}" class="menu-tag"> 1993 VEDI TUTTO: CURA DEI CAPELLI & STYLING 1994 </a> 1995 </div> 1996 </div> 1997 1998 1999 </div> 2000 </div> 2001 </li> 2002 2003
2004 <li class="levelOneMenu" :class="[2 === props.slotProps.clickActiveLevelOne ? 'isActiveLevelone':'']"> 2005 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelOne(2)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"colorazione dei capelli::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"colorazione dei capelli","link_url":"undefined","breadCrumb":"colorazione dei capelli","step":"1/3","event_detail":"regular"}"> 2006 <span class="list_title"> 2007 COLORAZIONE DEI CAPELLI 2008 </span> 2009 2010 2011 2012<div class="arrowContainer"> 2013 <span class="menu-rig-arrow"> 2014 <div class="svg-container"> 2015 <svg width="24" height="24"
2016 viewBox="0 0 24 24" fill="none" 2017 xmlns="http://www.w3.org/2000/svg"> 2018 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2019 stroke="#000" stroke-width="1.6" 2020 stroke-linecap="square"></path> 2021 </svg> 2022 </div> 2023 </span> 2024 <span class="menu-opened-arrow"> 2025 <div class="svg-container"> 2026 <svg width="24" height="24" 2027 viewBox="0 0 24 24" fill="none" 2028 xmlns="http://www.w3.org/2000/svg"> 2029 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 2030 stroke="#000" stroke-width="2" 2031 stroke-linecap="square"></path> 2032 </svg> 2033 </div> 2034 </span> 2035</div> 2036 2037 </button> 2038 2039 <div class="level-two__wrapper" id="level-two__wrapper_2"> 2040 <div class="level-two__topper"> 2041 <button class="level-two__topper-back" tabindex="0" aria-label="Back to main menu" v-on:click="props.slotProps.backtoLOneMenu()" v-on:keydown.enter="props.slotProps.backtoLOneMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLOneMenu()"> 2042 <div class="svg-container"> 2043 <svg width="24" height="24" viewBox="0 0 24 24" 2044 fill="none" xmlns="http://www.w3.org/2000/svg"> 2045 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2046 stroke="#000" stroke-width="1.6" 2047 stroke-linecap="square" /> 2048 </svg> 2049 </div> 2050 </button> 2051 <div class="level-two__topper_title"> 2052 COLORAZIONE DEI CAPELLI 2053 </div> 2054 </div> 2055 <div class="level-two__wrapper-scrollable"> 2056 <div class="level-two-menu"> 2057 <ul> 2058 2059 <li class="levelTwoMenu" :class="[0 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 2060 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(0)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"colore capelli::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"colore capelli","link_url":"undefined","breadCrumb":"colorazione dei capelli::colore capelli","step":"2/3","event_detail":"regular"}"> 2061 <!-- conditional for new badge --> 2062 <span class="list_title"> 2063 COLORE CAPELLI 2064 </span> 2065 2066 2067 2068 2069 2070<div class="arrowContainer"> 2071 <span class="menu-rig-arrow"> 2072 <div class="svg-container"> 2073 <svg width="24" height="24"
2074 viewBox="0 0 24 24" fill="none" 2075 xmlns="http://www.w3.org/2000/svg"> 2076 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2077 stroke="#000" stroke-width="1.6" 2078 stroke-linecap="square"></path> 2079 </svg> 2080 </div> 2081 </span> 2082 <span class="menu-opened-arrow"> 2083 <div class="svg-container"> 2084 <svg width="24" height="24" 2085 viewBox="0 0 24 24" fill="none" 2086 xmlns="http://www.w3.org/2000/svg"> 2087 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 2088 stroke="#000" stroke-width="2" 2089 stroke-linecap="square"></path> 2090 </svg> 2091 </div> 2092 </span> 2093</div> 2094 2095 </button> 2096 2097 <div class="level-three__wrapper" id="level-three__wrapper_0"> 2098 <div class="level-three__topper"> 2099 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 2100 <div class="svg-container"> 2101 <svg width="24" height="24"
2102 viewBox="0 0 24 24" fill="none" 2103 xmlns="http://www.w3.org/2000/svg"> 2104 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2105 stroke="#000" stroke-width="1.6" 2106 stroke-linecap="square" /> 2107 </svg> 2108 </div> 2109 </button> 2110 <div class="level-two__topper_title"> 2111 COLORE CAPELLI 2112 </div> 2113 </div> 2114 2115 2116 <div class="level-three__wrapper_scrollerable"> 2117 <ul> 2118 2119 <li class="levethreeList"> 2120 <div class="mainSub__link levelFourMainMenu "> 2121 <a href="https://www.garnier.it/shop-products/colorazione/biondo" 2122 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::colore capelli::biondo","click_area":"burger menu","breadcrumb":"colorazione dei capelli::colore capelli::biondo","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"biondo::https://www.garnier.it/shop-products/colorazione/biondo","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"biondo","link_url":"https://www.garnier.it/shop-products/colorazione/biondo","breadCrumb":"colorazione dei capelli::colore capelli::biondo","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2123 Biondo 2124 </a> 2125 </div> 2126 </li> 2127 2128 <li class="levethreeList"> 2129 <div class="mainSub__link levelFourMainMenu "> 2130 <a href="https://www.garnier.it/shop-products/colorazione/nero" 2131 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::colore capelli::nero","click_area":"burger menu","breadcrumb":"colorazione dei capelli::colore capelli::nero","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"nero::https://www.garnier.it/shop-products/colorazione/nero","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"nero","link_url":"https://www.garnier.it/shop-products/colorazione/nero","breadCrumb":"colorazione dei capelli::colore capelli::nero","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2132 Nero 2133 </a> 2134 </div> 2135 </li> 2136 2137 <li class="levethreeList"> 2138 <div class="mainSub__link levelFourMainMenu "> 2139 <a href="https://www.garnier.it/shop-products/colorazione/castano" 2140 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::colore capelli::castano","click_area":"burger menu","breadcrumb":"colorazione dei capelli::colore capelli::castano","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"castano::https://www.garnier.it/shop-products/colorazione/castano","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"castano","link_url":"https://www.garnier.it/shop-products/colorazione/castano","breadCrumb":"colorazione dei capelli::colore capelli::castano","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2141 Castano 2142 </a> 2143 </div> 2144 </li> 2145 2146 <li class="levethreeList"> 2147 <div class="mainSub__link levelFourMainMenu "> 2148 <a href="https://www.garnier.it/shop-products/colorazione/rosso" 2149 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::colore capelli::rosso","click_area":"burger menu","breadcrumb":"colorazione dei capelli::colore capelli::rosso","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"rosso::https://www.garnier.it/shop-products/colorazione/rosso","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"rosso","link_url":"https://www.garnier.it/shop-products/colorazione/rosso","breadCrumb":"colorazione dei capelli::colore capelli::rosso","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2150 Rosso 2151 </a> 2152 </div> 2153 </li> 2154 2155 <li class="levethreeList"> 2156 <div class="mainSub__link levelFourMainMenu "> 2157 <a href="https://www.garnier.it/shop-products/colorazione/rame-e-mogano" 2158 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::colore capelli::rame e mogano","click_area":"burger menu","breadcrumb":"colorazione dei capelli::colore capelli::rame e mogano","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"rame e mogano::https://www.garnier.it/shop-products/colorazione/rame-e-mogano","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"rame e mogano","link_url":"https://www.garnier.it/shop-products/colorazione/rame-e-mogano","breadCrumb":"colorazione dei capelli::colore capelli::rame e mogano","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2159 Rame e Mogano 2160 </a> 2161 </div> 2162 </li> 2163 </ul> 2164 2165 2166 </div> 2167 2168 2169 </div> 2170 </li> 2171 2172 <li class="levelTwoMenu" :class="[1 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 2173 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(1)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"tipi di colorazione::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"tipi di colorazione","link_url":"undefined","breadCrumb":"colorazione dei capelli::tipi di colorazione","step":"2/3","event_detail":"regular"}"> 2174 <!-- conditional for new badge -->
2175 <span class="list_title"> 2176 TIPI DI COLORAZIONE 2177 </span> 2178 2179 2180 2181 2182 2183<div class="arrowContainer"> 2184 <span class="menu-rig-arrow"> 2185 <div class="svg-container"> 2186 <svg width="24" height="24" 2187 viewBox="0 0 24 24" fill="none" 2188 xmlns="http://www.w3.org/2000/svg"> 2189 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2190 stroke="#000" stroke-width="1.6" 2191 stroke-linecap="square"></path> 2192 </svg> 2193 </div> 2194 </span> 2195 <span class="menu-opened-arrow"> 2196 <div class="svg-container"> 2197 <svg width="24" height="24" 2198 viewBox="0 0 24 24" fill="none" 2199 xmlns="http://www.w3.org/2000/svg"> 2200 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 2201 stroke="#000" stroke-width="2" 2202 stroke-linecap="square"></path> 2203 </svg> 2204 </div> 2205 </span> 2206</div> 2207 2208 </button> 2209 2210 <div class="level-three__wrapper" id="level-three__wrapper_1"> 2211 <div class="level-three__topper"> 2212 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 2213 <div class="svg-container"> 2214 <svg width="24" height="24"
2215 viewBox="0 0 24 24" fill="none" 2216 xmlns="http://www.w3.org/2000/svg"> 2217 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2218 stroke="#000" stroke-width="1.6" 2219 stroke-linecap="square" /> 2220 </svg> 2221 </div> 2222 </button> 2223 <div class="level-two__topper_title"> 2224 TIPI DI COLORAZIONE 2225 </div> 2226 </div> 2227 2228 2229 <div class="level-three__wrapper_scrollerable"> 2230 <ul> 2231 2232 <li class="levethreeList"> 2233 <div class="mainSub__link levelFourMainMenu "> 2234 <a href="https://www.garnier.it/bisogni/colorazione/massima-copertura-copertura-bianchi" 2235 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::tipi di colorazione::colorare i capelli bianchi","click_area":"burger menu","breadcrumb":"colorazione dei capelli::tipi di colorazione::colorare i capelli bianchi","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"colorare i capelli bianchi::https://www.garnier.it/bisogni/colorazione/massima-copertura-copertura-bianchi","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"colorare i capelli bianchi","link_url":"https://www.garnier.it/bisogni/colorazione/massima-copertura-copertura-bianchi","breadCrumb":"colorazione dei capelli::tipi di colorazione::colorare i capelli bianchi","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2236 Colorare i capelli bianchi 2237 </a> 2238 </div> 2239 </li> 2240 2241 <li class="levethreeList"> 2242 <div class="mainSub__link levelFourMainMenu "> 2243 <a href="https://www.garnier.it/bisogni/colorazione/tecnologia-senza-ammoniaca" 2244 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::tipi di colorazione::colorazione senza ammoniaca","click_area":"burger menu","breadcrumb":"colorazione dei capelli::tipi di colorazione::colorazione senza ammoniaca","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"colorazione senza ammoniaca::https://www.garnier.it/bisogni/colorazione/tecnologia-senza-ammoniaca","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"colorazione senza ammoniaca","link_url":"https://www.garnier.it/bisogni/colorazione/tecnologia-senza-ammoniaca","breadCrumb":"colorazione dei capelli::tipi di colorazione::colorazione senza ammoniaca","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2245 Colorazione senza ammoniaca 2246 </a> 2247 </div> 2248 </li> 2249 2250 <li class="levethreeList"> 2251 <div class="mainSub__link levelFourMainMenu "> 2252 <a href="https://www.garnier.it/bisogni/colorazione/ritocco-ricrescita" 2253 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::tipi di colorazione::ritocco ricrescita","click_area":"burger menu","breadcrumb":"colorazione dei capelli::tipi di colorazione::ritocco ricrescita","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"ritocco ricrescita::https://www.garnier.it/bisogni/colorazione/ritocco-ricrescita","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"ritocco ricrescita","link_url":"https://www.garnier.it/bisogni/colorazione/ritocco-ricrescita","breadCrumb":"colorazione dei capelli::tipi di colorazione::ritocco ricrescita","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2254 Ritocco Ricrescita 2255 </a> 2256 </div> 2257 </li> 2258 2259 <li class="levethreeList"> 2260 <div class="mainSub__link levelFourMainMenu "> 2261 <a href="https://www.garnier.it/olia/olia-gloss" 2262 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::tipi di colorazione::ravvivare il colore","click_area":"burger menu","breadcrumb":"colorazione dei capelli::tipi di colorazione::ravvivare il colore","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"ravvivare il colore::https://www.garnier.it/olia/olia-gloss","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"ravvivare il colore","link_url":"https://www.garnier.it/olia/olia-gloss","breadCrumb":"colorazione dei capelli::tipi di colorazione::ravvivare il colore","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2263 Ravvivare il colore 2264 </a> 2265 </div> 2266 </li> 2267 2268 <li class="levethreeList"> 2269 <div class="mainSub__link levelFourMainMenu "> 2270 <a href="https://www.garnier.it/decolorazione-capelli-guida" 2271 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::tipi di colorazione::decolorazione","click_area":"burger menu","breadcrumb":"colorazione dei capelli::tipi di colorazione::decolorazione","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"decolorazione::https://www.garnier.it/decolorazione-capelli-guida","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"decolorazione","link_url":"https://www.garnier.it/decolorazione-capelli-guida","breadCrumb":"colorazione dei capelli::tipi di colorazione::decolorazione","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2272 Decolorazione 2273 </a> 2274 </div> 2275 </li> 2276 </ul> 2277 2278 2279 </div> 2280 2281 2282 </div> 2283 </li> 2284 2285 <li class="levelTwoMenu" :class="[2 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 2286 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(2)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"i nostri brand::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"i nostri brand","link_url":"undefined","breadCrumb":"colorazione dei capelli::i nostri brand","step":"2/3","event_detail":"regular"}"> 2287 <!-- conditional for new badge -->
2288 <span class="list_title"> 2289 I NOSTRI BRAND 2290 </span> 2291 2292 2293 2294 2295 2296<div class="arrowContainer"> 2297 <span class="menu-rig-arrow"> 2298 <div class="svg-container"> 2299 <svg width="24" height="24" 2300 viewBox="0 0 24 24" fill="none" 2301 xmlns="http://www.w3.org/2000/svg"> 2302 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2303 stroke="#000" stroke-width="1.6" 2304 stroke-linecap="square"></path> 2305 </svg> 2306 </div> 2307 </span> 2308 <span class="menu-opened-arrow"> 2309 <div class="svg-container"> 2310 <svg width="24" height="24" 2311 viewBox="0 0 24 24" fill="none" 2312 xmlns="http://www.w3.org/2000/svg"> 2313 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 2314 stroke="#000" stroke-width="2" 2315 stroke-linecap="square"></path> 2316 </svg> 2317 </div> 2318 </span> 2319</div> 2320 2321 </button> 2322 2323 <div class="level-three__wrapper" id="level-three__wrapper_2"> 2324 <div class="level-three__topper"> 2325 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 2326 <div class="svg-container"> 2327 <svg width="24" height="24"
2328 viewBox="0 0 24 24" fill="none" 2329 xmlns="http://www.w3.org/2000/svg"> 2330 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2331 stroke="#000" stroke-width="1.6" 2332 stroke-linecap="square" /> 2333 </svg> 2334 </div> 2335 </button> 2336 <div class="level-two__topper_title"> 2337 I NOSTRI BRAND 2338 </div> 2339 </div> 2340 2341 <div class="level-three-image_container-xs"> 2342 <picture> 2343 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/nav-haircolor-range.png?rev=-1&cx=0&cy=0&cw=414&ch=208&hash=A50C1C56C2BA537E845BA411E818A2B7" /> 2344 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/nav-haircolor-range.png?rev=-1&cx=0&cy=0&cw=800&ch=308&hash=1EB97F7833FDB8433197979065165F4E" /> 2345 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/nav-haircolor-range.png?rev=-1&cx=0&cy=0&cw=360&ch=600&hash=AE647E3DA217237E5A1825DAF1F18466" alt="" /> 2346 <a href="https://www.garnier.it/olia/olia-gloss" target="" 2347 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::i nostri brand::novità! olia gloss","click_area":"burger menu","breadcrumb":"colorazione dei capelli::i nostri brand::novità! olia gloss","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"novità! olia gloss::https://www.garnier.it/olia/olia-gloss","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"novità! olia gloss","link_url":"https://www.garnier.it/olia/olia-gloss","breadCrumb":"colorazione dei capelli::i nostri brand::novità! olia gloss","step":"3/3","event_detail":"image"}"> 2348 </a> 2349 </picture> 2350 <a class="levelFourLink menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::i nostri brand::novità! olia gloss","click_area":"burger menu","breadcrumb":"colorazione dei capelli::i nostri brand::novità! olia gloss","event_detail":"image"}" 2351 href="https://www.garnier.it/olia/olia-gloss" 2352 target="" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"novità! olia gloss::https://www.garnier.it/olia/olia-gloss","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"novità! olia gloss","link_url":"https://www.garnier.it/olia/olia-gloss","breadCrumb":"colorazione dei capelli::i nostri brand::novità! olia gloss","step":"3/3","event_detail":"image"}">
2353 <span class="ctaLinkText"> 2354 Novità! Olia Gloss 2355 </span> 2356 </a> 2357 </div> 2358 2359 <div class="level-three__wrapper_scrollerable"> 2360 <ul> 2361 2362 <li class="levethreeList"> 2363 <div class="mainSub__link levelFourMainMenu "> 2364 <a href="https://www.garnier.it/olia" 2365 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::i nostri brand::olia","click_area":"burger menu","breadcrumb":"colorazione dei capelli::i nostri brand::olia","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"olia::https://www.garnier.it/olia","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"olia","link_url":"https://www.garnier.it/olia","breadCrumb":"colorazione dei capelli::i nostri brand::olia","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2366 Olia 2367 </a> 2368 </div> 2369 </li> 2370 2371 <li class="levethreeList"> 2372 <div class="mainSub__link levelFourMainMenu "> 2373 <a href="https://www.garnier.it/good" 2374 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::i nostri brand::good","click_area":"burger menu","breadcrumb":"colorazione dei capelli::i nostri brand::good","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"good::https://www.garnier.it/good","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"good","link_url":"https://www.garnier.it/good","breadCrumb":"colorazione dei capelli::i nostri brand::good","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2375 Good 2376 </a> 2377 </div> 2378 </li> 2379 2380 <li class="levethreeList"> 2381 <div class="mainSub__link levelFourMainMenu "> 2382 <a href="https://www.garnier.it/color-sensation" 2383 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::i nostri brand::color sensation","click_area":"burger menu","breadcrumb":"colorazione dei capelli::i nostri brand::color sensation","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"color sensation::https://www.garnier.it/color-sensation","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"color sensation","link_url":"https://www.garnier.it/color-sensation","breadCrumb":"colorazione dei capelli::i nostri brand::color sensation","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2384 Color Sensation 2385 </a> 2386 </div> 2387 </li> 2388 2389 <li class="levethreeList"> 2390 <div class="mainSub__link levelFourMainMenu "> 2391 <a href="https://www.garnier.it/kit-color-sensation" 2392 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::i nostri brand::kit color sensation","click_area":"burger menu","breadcrumb":"colorazione dei capelli::i nostri brand::kit color sensation","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"kit color sensation::https://www.garnier.it/kit-color-sensation","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"kit color sensation","link_url":"https://www.garnier.it/kit-color-sensation","breadCrumb":"colorazione dei capelli::i nostri brand::kit color sensation","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2393 Kit Color Sensation 2394 </a> 2395 </div> 2396 </li> 2397 2398 <li class="levethreeList"> 2399 <div class="mainSub__link levelFourMainMenu "> 2400 <a href="https://www.garnier.it/belle-color" 2401 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::i nostri brand::belle color","click_area":"burger menu","breadcrumb":"colorazione dei capelli::i nostri brand::belle color","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"belle color::https://www.garnier.it/belle-color","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"belle color","link_url":"https://www.garnier.it/belle-color","breadCrumb":"colorazione dei capelli::i nostri brand::belle color","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2402 Belle Color 2403 </a> 2404 </div> 2405 </li> 2406 </ul> 2407 2408 2409 </div> 2410 2411 2412 <div class="level-four__wrapper"> 2413 <div class="level-four-image_container"> 2414 <picture class="level-four-image_container--img"> 2415 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/nav-haircolor-range.png?rev=-1&cx=0&cy=0&cw=414&ch=208&hash=A50C1C56C2BA537E845BA411E818A2B7" /> 2416 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/nav-haircolor-range.png?rev=-1&cx=0&cy=0&cw=800&ch=308&hash=1EB97F7833FDB8433197979065165F4E" /> 2417 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/nav-haircolor-range.png?rev=-1&cx=0&cy=0&cw=360&ch=600&hash=AE647E3DA217237E5A1825DAF1F18466" alt="" /> 2418 <a href="https://www.garnier.it/olia/olia-gloss" target="" 2419 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::i nostri brand::novità! olia gloss","click_area":"burger menu","breadcrumb":"colorazione dei capelli::i nostri brand::novità! olia gloss","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"novità! olia gloss::https://www.garnier.it/olia/olia-gloss","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"novità! olia gloss","link_url":"https://www.garnier.it/olia/olia-gloss","breadCrumb":"colorazione dei capelli::i nostri brand::novità! olia gloss","step":"3/3","event_detail":"image"}"> 2420 </a> 2421 </picture> 2422 <a class="levelFourLink menu-tag" style="--ctaTextColor : #000000;" 2423 href="https://www.garnier.it/olia/olia-gloss" 2424 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::i nostri brand::novità! olia gloss","click_area":"burger menu","breadcrumb":"colorazione dei capelli::i nostri brand::novità! olia gloss","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"novità! olia gloss::https://www.garnier.it/olia/olia-gloss","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"novità! olia gloss","link_url":"https://www.garnier.it/olia/olia-gloss","breadCrumb":"colorazione dei capelli::i nostri brand::novità! olia gloss","step":"3/3","event_detail":"image"}">
2425 <span class="ctaLinkText"> 2426 Novità! Olia Gloss 2427 </span> 2428 </a> 2429 </div> 2430 </div> 2431 </div> 2432 </li> 2433 2434 <li class="levelTwoMenu" :class="[3 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 2435 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(3)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"guide & consigli::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"guide & consigli","link_url":"undefined","breadCrumb":"colorazione dei capelli::guide & consigli","step":"2/3","event_detail":"regular"}"> 2436 <!-- conditional for new badge --> 2437 <span class="list_title"> 2438 GUIDE & CONSIGLI 2439 </span> 2440 2441 2442 2443 2444 2445<div class="arrowContainer"> 2446 <span class="menu-rig-arrow"> 2447 <div class="svg-container"> 2448 <svg width="24" height="24"
2449 viewBox="0 0 24 24" fill="none" 2450 xmlns="http://www.w3.org/2000/svg"> 2451 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2452 stroke="#000" stroke-width="1.6" 2453 stroke-linecap="square"></path> 2454 </svg> 2455 </div> 2456 </span> 2457 <span class="menu-opened-arrow"> 2458 <div class="svg-container"> 2459 <svg width="24" height="24" 2460 viewBox="0 0 24 24" fill="none" 2461 xmlns="http://www.w3.org/2000/svg"> 2462 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 2463 stroke="#000" stroke-width="2" 2464 stroke-linecap="square"></path> 2465 </svg> 2466 </div> 2467 </span> 2468</div> 2469 2470 </button> 2471 2472 <div class="level-three__wrapper" id="level-three__wrapper_3"> 2473 <div class="level-three__topper"> 2474 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 2475 <div class="svg-container"> 2476 <svg width="24" height="24"
2477 viewBox="0 0 24 24" fill="none" 2478 xmlns="http://www.w3.org/2000/svg"> 2479 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2480 stroke="#000" stroke-width="1.6" 2481 stroke-linecap="square" /> 2482 </svg> 2483 </div> 2484 </button> 2485 <div class="level-two__topper_title"> 2486 GUIDE & CONSIGLI 2487 </div> 2488 </div> 2489 2490 2491 <div class="level-three__wrapper_scrollerable"> 2492 <ul> 2493 2494 <li class="levethreeList"> 2495 <div class="mainSub__link levelFourMainMenu "> 2496 <a href="https://www.garnier.it/bisogni/colorazione" 2497 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::guide & consigli::bisogni capelli colorati","click_area":"burger menu","breadcrumb":"colorazione dei capelli::guide & consigli::bisogni capelli colorati","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"bisogni capelli colorati::https://www.garnier.it/bisogni/colorazione","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"bisogni capelli colorati","link_url":"https://www.garnier.it/bisogni/colorazione","breadCrumb":"colorazione dei capelli::guide & consigli::bisogni capelli colorati","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2498 Bisogni capelli colorati 2499 </a> 2500 </div> 2501 </li> 2502 2503 <li class="levethreeList"> 2504 <div class="mainSub__link levelFourMainMenu "> 2505 <a href="https://www.garnier.it/magazine/colorazione-capelli" 2506 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::guide & consigli::consigli sulla colorazione","click_area":"burger menu","breadcrumb":"colorazione dei capelli::guide & consigli::consigli sulla colorazione","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"consigli sulla colorazione::https://www.garnier.it/magazine/colorazione-capelli","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"consigli sulla colorazione","link_url":"https://www.garnier.it/magazine/colorazione-capelli","breadCrumb":"colorazione dei capelli::guide & consigli::consigli sulla colorazione","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2507 Consigli sulla colorazione 2508 </a> 2509 </div> 2510 </li> 2511 </ul> 2512 2513 2514 <div class="mainSub__link"> 2515 <a href="https://www.garnier.it/prova-virtuale" target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::guide & consigli::vedi tutto: guide & consigli","click_area":"burger menu","breadcrumb":"colorazione dei capelli::guide & consigli::vedi tutto: guide & consigli","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"vedi tutto: guide & consigli::https://www.garnier.it/prova-virtuale","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"vedi tutto: guide & consigli","link_url":"https://www.garnier.it/prova-virtuale","breadCrumb":"colorazione dei capelli::guide & consigli::vedi tutto: guide & consigli","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2516 VEDI TUTTO: GUIDE & CONSIGLI 2517 </a> 2518 </div> 2519 </div> 2520 2521 2522 </div> 2523 </li> 2524 </ul> 2525 2526 2527 <div class="mainSub__link"> 2528 <a href='https://www.garnier.it/shop-products/colorazione' target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::vedi tutto: colorazione dei capelli","click_area":"burger menu","breadcrumb":"colorazione dei capelli::vedi tutto: colorazione dei capelli","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"vedi tutto: colorazione dei capelli::https://www.garnier.it/shop-products/colorazione","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"vedi tutto: colorazione dei capelli","link_url":"https://www.garnier.it/shop-products/colorazione","breadCrumb":"colorazione dei capelli::vedi tutto: colorazione dei capelli","step":"2/3","event_detail":"regular"}" class="menu-tag"> 2529 VEDI TUTTO: COLORAZIONE DEI CAPELLI 2530 </a> 2531 </div> 2532 </div> 2533 2534 <div class="level-two-image_container"> 2535 <picture> 2536 <source media="(max-width:767px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/newdmi_garnier_vto_websitepush_herocarousel_mariajose_intl_mar26-(1).jpg?rev=-1&cx=0&cy=0&cw=414&ch=344&hash=72FA099AF61249569C387C248E9121B4" /> 2537 <source media="(max-width:1023px)" srcset="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/newdmi_garnier_vto_websitepush_herocarousel_mariajose_intl_mar26-(1).jpg?rev=-1&cx=0&cy=0&cw=800&ch=482&hash=9D0F073A3D379902A3E0D58EE5AE72CA" /> 2538 <img class="level-image_wrapper lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/master/dmi/main-navigation-revamp-2026/newdmi_garnier_vto_websitepush_herocarousel_mariajose_intl_mar26-(1).jpg?rev=-1&cx=0&cy=0&cw=360&ch=324&hash=EBC25711724E9B3840DF5FB2923D4E5A" alt="" /> 2539 <a href="https://www.garnier.it/prova-virtuale" target="" 2540 class="level-image_wrapper-link menu-tag" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::","click_area":"burger menu","breadcrumb":"colorazione dei capelli::","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"prova virtuale::https://www.garnier.it/prova-virtuale","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"prova virtuale","link_url":"https://www.garnier.it/prova-virtuale","breadCrumb":"colorazione dei capelli::prova virtuale","step":"2/3","event_detail":"image"}"> 2541 </a> 2542 </picture> 2543 2544 <a class="level-two-image_link menu-tag" 2545 href="https://www.garnier.it/prova-virtuale" 2546 target="" style="--ctaTextColor : #000000;" 2547 v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"colorazione dei capelli::","click_area":"burger menu","breadcrumb":"colorazione dei capelli::","event_detail":"image"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"prova virtuale::https://www.garnier.it/prova-virtuale","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"prova virtuale","link_url":"https://www.garnier.it/prova-virtuale","breadCrumb":"colorazione dei capelli::prova virtuale","step":"2/3","event_detail":"image"}">
2548 <span class="ctaLinkText"> 2549 PROVA VIRTUALE 2550 </span> 2551 <div class="svg-container"> 2552 <svg width="24" height="24" 2553 viewBox="0 0 24 24" fill="none" 2554 xmlns="http://www.w3.org/2000/svg"> 2555 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2556 stroke="#000000" stroke-width="1.6" 2557 stroke-linecap="square"></path> 2558 </svg> 2559 </div> 2560 </a> 2561 </div> 2562 2563 </div> 2564 </div> 2565 </li> 2566 2567 2568 <li class="levelOneMenu" :class="[3 === props.slotProps.clickActiveLevelOne ? 'isActiveLevelone':'']"> 2569 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelOne(3)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"protezione solare::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"protezione solare","link_url":"undefined","breadCrumb":"protezione solare","step":"1/3","event_detail":"regular"}"> 2570 <span class="list_title"> 2571 PROTEZIONE SOLARE 2572 </span> 2573 2574 2575 2576<div class="arrowContainer"> 2577 <span class="menu-rig-arrow"> 2578 <div class="svg-container"> 2579 <svg width="24" height="24"
2580 viewBox="0 0 24 24" fill="none" 2581 xmlns="http://www.w3.org/2000/svg"> 2582 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2583 stroke="#000" stroke-width="1.6" 2584 stroke-linecap="square"></path> 2585 </svg> 2586 </div> 2587 </span> 2588 <span class="menu-opened-arrow"> 2589 <div class="svg-container"> 2590 <svg width="24" height="24" 2591 viewBox="0 0 24 24" fill="none" 2592 xmlns="http://www.w3.org/2000/svg"> 2593 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 2594 stroke="#000" stroke-width="2" 2595 stroke-linecap="square"></path> 2596 </svg> 2597 </div> 2598 </span> 2599</div> 2600 2601 </button> 2602 2603 <div class="level-two__wrapper" id="level-two__wrapper_3"> 2604 <div class="level-two__topper"> 2605 <button class="level-two__topper-back" tabindex="0" aria-label="Back to main menu" v-on:click="props.slotProps.backtoLOneMenu()" v-on:keydown.enter="props.slotProps.backtoLOneMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLOneMenu()"> 2606 <div class="svg-container"> 2607 <svg width="24" height="24" viewBox="0 0 24 24" 2608 fill="none" xmlns="http://www.w3.org/2000/svg"> 2609 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2610 stroke="#000" stroke-width="1.6" 2611 stroke-linecap="square" /> 2612 </svg> 2613 </div> 2614 </button> 2615 <div class="level-two__topper_title"> 2616 PROTEZIONE SOLARE 2617 </div> 2618 </div> 2619 <div class="level-two__wrapper-scrollable"> 2620 <div class="level-two-menu"> 2621 <ul> 2622 2623 <li class="levelTwoMenu" :class="[0 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 2624 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(0)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"protezione solare::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"protezione solare","link_url":"undefined","breadCrumb":"protezione solare::protezione solare","step":"2/3","event_detail":"regular"}"> 2625 <!-- conditional for new badge --> 2626 <span class="list_title"> 2627 PROTEZIONE SOLARE 2628 </span> 2629 2630 2631 2632 2633 2634<div class="arrowContainer"> 2635 <span class="menu-rig-arrow"> 2636 <div class="svg-container"> 2637 <svg width="24" height="24"
2638 viewBox="0 0 24 24" fill="none" 2639 xmlns="http://www.w3.org/2000/svg"> 2640 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2641 stroke="#000" stroke-width="1.6" 2642 stroke-linecap="square"></path> 2643 </svg> 2644 </div> 2645 </span> 2646 <span class="menu-opened-arrow"> 2647 <div class="svg-container"> 2648 <svg width="24" height="24" 2649 viewBox="0 0 24 24" fill="none" 2650 xmlns="http://www.w3.org/2000/svg"> 2651 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 2652 stroke="#000" stroke-width="2" 2653 stroke-linecap="square"></path> 2654 </svg> 2655 </div> 2656 </span> 2657</div> 2658 2659 </button> 2660 2661 <div class="level-three__wrapper" id="level-three__wrapper_0"> 2662 <div class="level-three__topper"> 2663 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 2664 <div class="svg-container"> 2665 <svg width="24" height="24"
2666 viewBox="0 0 24 24" fill="none" 2667 xmlns="http://www.w3.org/2000/svg"> 2668 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2669 stroke="#000" stroke-width="1.6" 2670 stroke-linecap="square" /> 2671 </svg> 2672 </div> 2673 </button> 2674 <div class="level-two__topper_title"> 2675 PROTEZIONE SOLARE 2676 </div> 2677 </div> 2678 2679 2680 <div class="level-three__wrapper_scrollerable"> 2681 <ul> 2682 2683 <li class="levethreeList"> 2684 <div class="mainSub__link levelFourMainMenu "> 2685 <a href="https://www.garnier.it/shop-products/solari/corpo" 2686 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::protezione solare::corpo","click_area":"burger menu","breadcrumb":"protezione solare::protezione solare::corpo","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"corpo::https://www.garnier.it/shop-products/solari/corpo","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"corpo","link_url":"https://www.garnier.it/shop-products/solari/corpo","breadCrumb":"protezione solare::protezione solare::corpo","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2687 Corpo 2688 </a> 2689 </div> 2690 </li> 2691 2692 <li class="levethreeList"> 2693 <div class="mainSub__link levelFourMainMenu "> 2694 <a href="https://www.garnier.it/shop-products/solari/viso" 2695 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::protezione solare::viso","click_area":"burger menu","breadcrumb":"protezione solare::protezione solare::viso","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"viso::https://www.garnier.it/shop-products/solari/viso","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"viso","link_url":"https://www.garnier.it/shop-products/solari/viso","breadCrumb":"protezione solare::protezione solare::viso","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2696 Viso 2697 </a> 2698 </div> 2699 </li> 2700 2701 <li class="levethreeList"> 2702 <div class="mainSub__link levelFourMainMenu "> 2703 <a href=" https://www.garnier.it/shop-products/solari/bambini" 2704 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::protezione solare::bambini","click_area":"burger menu","breadcrumb":"protezione solare::protezione solare::bambini","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"bambini:: https://www.garnier.it/shop-products/solari/bambini","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"bambini","link_url":" https://www.garnier.it/shop-products/solari/bambini","breadCrumb":"protezione solare::protezione solare::bambini","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2705 Bambini 2706 </a> 2707 </div> 2708 </li> 2709 2710 <li class="levethreeList"> 2711 <div class="mainSub__link levelFourMainMenu "> 2712 <a href=" https://www.garnier.it/shop-products/solari/doposole" 2713 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::protezione solare::doposole","click_area":"burger menu","breadcrumb":"protezione solare::protezione solare::doposole","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"doposole:: https://www.garnier.it/shop-products/solari/doposole","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"doposole","link_url":" https://www.garnier.it/shop-products/solari/doposole","breadCrumb":"protezione solare::protezione solare::doposole","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2714 Doposole 2715 </a> 2716 </div> 2717 </li> 2718 2719 <li class="levethreeList"> 2720 <div class="mainSub__link levelFourMainMenu "> 2721 <a href=" https://www.garnier.it/shop-products/solari/abbronzantI" 2722 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::protezione solare::autoabbronzanti","click_area":"burger menu","breadcrumb":"protezione solare::protezione solare::autoabbronzanti","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"autoabbronzanti:: https://www.garnier.it/shop-products/solari/abbronzanti","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"autoabbronzanti","link_url":" https://www.garnier.it/shop-products/solari/abbronzanti","breadCrumb":"protezione solare::protezione solare::autoabbronzanti","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2723 Autoabbronzanti 2724 </a> 2725 </div> 2726 </li> 2727 </ul> 2728 2729 2730 </div> 2731 2732 2733 </div> 2734 </li> 2735 2736 <li class="levelTwoMenu" :class="[1 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 2737 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(1)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"spf::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"spf","link_url":"undefined","breadCrumb":"protezione solare::spf","step":"2/3","event_detail":"regular"}"> 2738 <!-- conditional for new badge -->
2739 <span class="list_title"> 2740 SPF 2741 </span> 2742 2743 2744 2745 2746 2747<div class="arrowContainer"> 2748 <span class="menu-rig-arrow"> 2749 <div class="svg-container"> 2750 <svg width="24" height="24" 2751 viewBox="0 0 24 24" fill="none" 2752 xmlns="http://www.w3.org/2000/svg"> 2753 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2754 stroke="#000" stroke-width="1.6" 2755 stroke-linecap="square"></path> 2756 </svg> 2757 </div> 2758 </span> 2759 <span class="menu-opened-arrow"> 2760 <div class="svg-container"> 2761 <svg width="24" height="24" 2762 viewBox="0 0 24 24" fill="none" 2763 xmlns="http://www.w3.org/2000/svg"> 2764 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 2765 stroke="#000" stroke-width="2" 2766 stroke-linecap="square"></path> 2767 </svg> 2768 </div> 2769 </span> 2770</div> 2771 2772 </button> 2773 2774 <div class="level-three__wrapper" id="level-three__wrapper_1"> 2775 <div class="level-three__topper"> 2776 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 2777 <div class="svg-container"> 2778 <svg width="24" height="24"
2779 viewBox="0 0 24 24" fill="none" 2780 xmlns="http://www.w3.org/2000/svg"> 2781 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2782 stroke="#000" stroke-width="1.6" 2783 stroke-linecap="square" /> 2784 </svg> 2785 </div> 2786 </button> 2787 <div class="level-two__topper_title"> 2788 SPF 2789 </div> 2790 </div> 2791 2792 2793 <div class="level-three__wrapper_scrollerable"> 2794 <ul> 2795 2796 <li class="levethreeList"> 2797 <div class="mainSub__link levelFourMainMenu "> 2798 <a href="https://www.garnier.it/search-page/search?query=spf+20" 2799 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::spf::spf 15 20","click_area":"burger menu","breadcrumb":"protezione solare::spf::spf 15 20","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"spf 15 20::https://www.garnier.it/search-page/search?query=spf+20","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"spf 15 20","link_url":"https://www.garnier.it/search-page/search?query=spf+20","breadCrumb":"protezione solare::spf::spf 15 20","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2800 SPF 15 20 2801 </a> 2802 </div> 2803 </li> 2804 2805 <li class="levethreeList"> 2806 <div class="mainSub__link levelFourMainMenu "> 2807 <a href="https://www.garnier.it/shop-products/solari/protezione-alta" 2808 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::spf::spf 30 50","click_area":"burger menu","breadcrumb":"protezione solare::spf::spf 30 50","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"spf 30 50::https://www.garnier.it/shop-products/solari/protezione-alta","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"spf 30 50","link_url":"https://www.garnier.it/shop-products/solari/protezione-alta","breadCrumb":"protezione solare::spf::spf 30 50","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2809 SPF 30 50 2810 </a> 2811 </div> 2812 </li> 2813 2814 <li class="levethreeList"> 2815 <div class="mainSub__link levelFourMainMenu "> 2816 <a href="https://www.garnier.it/shop-products/solari/protezione-molto-alta" 2817 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::spf::spf 50+","click_area":"burger menu","breadcrumb":"protezione solare::spf::spf 50+","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"spf 50+::https://www.garnier.it/shop-products/solari/protezione-molto-alta","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"spf 50+","link_url":"https://www.garnier.it/shop-products/solari/protezione-molto-alta","breadCrumb":"protezione solare::spf::spf 50+","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2818 SPF 50+ 2819 </a> 2820 </div> 2821 </li> 2822 </ul> 2823 2824 2825 </div> 2826 2827 2828 </div> 2829 </li> 2830 2831 <li class="levelTwoMenu" :class="[2 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 2832 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(2)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"tipo di protezione solare::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"tipo di protezione solare","link_url":"undefined","breadCrumb":"protezione solare::tipo di protezione solare","step":"2/3","event_detail":"regular"}"> 2833 <!-- conditional for new badge -->
2834 <span class="list_title"> 2835 TIPO DI PROTEZIONE SOLARE 2836 </span> 2837 2838 2839 2840 2841 2842<div class="arrowContainer"> 2843 <span class="menu-rig-arrow"> 2844 <div class="svg-container"> 2845 <svg width="24" height="24" 2846 viewBox="0 0 24 24" fill="none" 2847 xmlns="http://www.w3.org/2000/svg"> 2848 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2849 stroke="#000" stroke-width="1.6" 2850 stroke-linecap="square"></path> 2851 </svg> 2852 </div> 2853 </span> 2854 <span class="menu-opened-arrow"> 2855 <div class="svg-container"> 2856 <svg width="24" height="24" 2857 viewBox="0 0 24 24" fill="none" 2858 xmlns="http://www.w3.org/2000/svg"> 2859 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 2860 stroke="#000" stroke-width="2" 2861 stroke-linecap="square"></path> 2862 </svg> 2863 </div> 2864 </span> 2865</div> 2866 2867 </button> 2868 2869 <div class="level-three__wrapper" id="level-three__wrapper_2"> 2870 <div class="level-three__topper"> 2871 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 2872 <div class="svg-container"> 2873 <svg width="24" height="24"
2874 viewBox="0 0 24 24" fill="none" 2875 xmlns="http://www.w3.org/2000/svg"> 2876 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2877 stroke="#000" stroke-width="1.6" 2878 stroke-linecap="square" /> 2879 </svg> 2880 </div> 2881 </button> 2882 <div class="level-two__topper_title"> 2883 TIPO DI PROTEZIONE SOLARE 2884 </div> 2885 </div> 2886 2887 2888 <div class="level-three__wrapper_scrollerable"> 2889 <ul> 2890 2891 <li class="levethreeList"> 2892 <div class="mainSub__link levelFourMainMenu "> 2893 <a href="https://www.garnier.it/shop-products/solari/crema-viso" 2894 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::tipo di protezione solare::crema viso","click_area":"burger menu","breadcrumb":"protezione solare::tipo di protezione solare::crema viso","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"crema viso::https://www.garnier.it/shop-products/solari/crema-viso","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"crema viso","link_url":"https://www.garnier.it/shop-products/solari/crema-viso","breadCrumb":"protezione solare::tipo di protezione solare::crema viso","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2895 Crema Viso 2896 </a> 2897 </div> 2898 </li> 2899 2900 <li class="levethreeList"> 2901 <div class="mainSub__link levelFourMainMenu "> 2902 <a href="https://www.garnier.it/search-page/search?query=%0D%0Aiperpigmentazione" 2903 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::tipo di protezione solare::colorato","click_area":"burger menu","breadcrumb":"protezione solare::tipo di protezione solare::colorato","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"colorato::https://www.garnier.it/search-page/search?query=%0d%0aiperpigmentazione","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"colorato","link_url":"https://www.garnier.it/search-page/search?query=%0d%0aiperpigmentazione","breadCrumb":"protezione solare::tipo di protezione solare::colorato","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2904 Colorato 2905 </a> 2906 </div> 2907 </li> 2908 2909 <li class="levethreeList"> 2910 <div class="mainSub__link levelFourMainMenu "> 2911 <a href=" https://www.garnier.it/shop-products/solari/olio-solare" 2912 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::tipo di protezione solare::olio","click_area":"burger menu","breadcrumb":"protezione solare::tipo di protezione solare::olio","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"
2912olio:: https://www.garnier.it/shop-products/solari/olio-solare","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"olio","link_url":" https://www.garnier.it/shop-products/solari/olio-solare","breadCrumb":"protezione solare::tipo di protezione solare::olio","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2913 Olio 2914 </a> 2915 </div> 2916 </li> 2917 2918 <li class="levethreeList"> 2919 <div class="mainSub__link levelFourMainMenu "> 2920 <a href="https://www.garnier.it/shop-products/solari/spray" 2921 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::tipo di protezione solare::spray","click_area":"burger menu","breadcrumb":"protezione solare::tipo di protezione solare::spray","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"spray::https://www.garnier.it/shop-products/solari/spray","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"spray","link_url":"https://www.garnier.it/shop-products/solari/spray","breadCrumb":"protezione solare::tipo di protezione solare::spray","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2922 Spray 2923 </a> 2924 </div> 2925 </li> 2926 2927 <li class="levethreeList"> 2928 <div class="mainSub__link levelFourMainMenu "> 2929 <a href="https://www.garnier.it/search-page/search?query=stick+solare" 2930 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::tipo di protezione solare::stick","click_area":"burger menu","breadcrumb":"protezione solare::tipo di protezione solare::stick","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"stick::https://www.garnier.it/search-page/search?query=stick+solare","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"stick","link_url":"https://www.garnier.it/search-page/search?query=stick+solare","breadCrumb":"protezione solare::tipo di protezione solare::stick","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2931 Stick 2932 </a> 2933 </div> 2934 </li> 2935 2936 <li class="levethreeList"> 2937 <div class="mainSub__link levelFourMainMenu "> 2938 <a href="https://www.garnier.it/shop-products/solari/latte" 2939 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::tipo di protezione solare::latte","click_area":"burger menu","breadcrumb":"protezione solare::tipo di protezione solare::latte","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"latte::https://www.garnier.it/shop-products/solari/latte","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"latte","link_url":"https://www.garnier.it/shop-products/solari/latte","breadCrumb":"protezione solare::tipo di protezione solare::latte","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2940 Latte 2941 </a> 2942 </div> 2943 </li> 2944 </ul> 2945 2946 2947 <div class="mainSub__link"> 2948 <a href="" target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::tipo di protezione solare::vedi tutto: tipo di protezione solare","click_area":"burger menu","breadcrumb":"protezione solare::tipo di protezione solare::vedi tutto: tipo di protezione solare","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"vedi tutto: tipo di protezione solare::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"vedi tutto: tipo di protezione solare","link_url":"undefined","breadCrumb":"protezione solare::tipo di protezione solare::vedi tutto: tipo di protezione solare","step":"3/3","event_detail":"regular"}" class="menu-tag"> 2949 VEDI TUTTO: TIPO DI PROTEZIONE SOLARE 2950 </a> 2951 </div> 2952 </div> 2953 2954 2955 </div> 2956 </li> 2957 2958 <li class="levelTwoMenu" :class="[3 === props.slotProps.clickActiveLevelTwo ? 'isActiveLevelTwo':'']"> 2959 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelTwo(3)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"le gamme::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"le gamme","link_url":"undefined","breadCrumb":"protezione solare::le gamme","step":"2/3","event_detail":"regular"}"> 2960 <!-- conditional for new badge -->
2961 <span class="list_title"> 2962 LE GAMME 2963 </span> 2964 2965 2966 2967 2968 2969<div class="arrowContainer"> 2970 <span class="menu-rig-arrow"> 2971 <div class="svg-container"> 2972 <svg width="24" height="24" 2973 viewBox="0 0 24 24" fill="none" 2974 xmlns="http://www.w3.org/2000/svg"> 2975 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 2976 stroke="#000" stroke-width="1.6" 2977 stroke-linecap="square"></path> 2978 </svg> 2979 </div> 2980 </span> 2981 <span class="menu-opened-arrow"> 2982 <div class="svg-container"> 2983 <svg width="24" height="24" 2984 viewBox="0 0 24 24" fill="none" 2985 xmlns="http://www.w3.org/2000/svg"> 2986 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 2987 stroke="#000" stroke-width="2" 2988 stroke-linecap="square"></path> 2989 </svg> 2990 </div> 2991 </span> 2992</div> 2993 2994 </button> 2995 2996 <div class="level-three__wrapper" id="level-three__wrapper_3"> 2997 <div class="level-three__topper"> 2998 <button class="level-two__topper-back" tabindex="0" aria-label="Back to previous menu" v-on:click="props.slotProps.backtoLTwoMenu()" v-on:keydown.enter="props.slotProps.backtoLTwoMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLTwoMenu()"> 2999 <div class="svg-container"> 3000 <svg width="24" height="24"
3001 viewBox="0 0 24 24" fill="none" 3002 xmlns="http://www.w3.org/2000/svg"> 3003 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 3004 stroke="#000" stroke-width="1.6" 3005 stroke-linecap="square" /> 3006 </svg> 3007 </div> 3008 </button> 3009 <div class="level-two__topper_title"> 3010 LE GAMME 3011 </div> 3012 </div> 3013 3014 3015 <div class="level-three__wrapper_scrollerable"> 3016 <ul> 3017 3018 <li class="levethreeList"> 3019 <div class="mainSub__link levelFourMainMenu "> 3020 <a href="https://www.garnier.it/ambre-solaire/super-uv-fluidi-viso" 3021 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::le gamme::super uv ","click_area":"burger menu","breadcrumb":"protezione solare::le gamme::super uv ","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"super uv ::https://www.garnier.it/ambre-solaire/super-uv-fluidi-viso","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"super uv ","link_url":"https://www.garnier.it/ambre-solaire/super-uv-fluidi-viso","breadCrumb":"protezione solare::le gamme::super uv ","step":"3/3","event_detail":"regular"}" class="menu-tag"> 3022 Super UV 3023 </a> 3024 </div> 3025 </li> 3026 3027 <li class="levethreeList"> 3028 <div class="mainSub__link levelFourMainMenu "> 3029 <a href="https://www.garnier.it/ambre-solaire/advanced-sensitive" 3030 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::le gamme::advanced sensitive","click_area":"burger menu","breadcrumb":"protezione solare::le gamme::advanced sensitive","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"advanced sensitive::https://www.garnier.it/ambre-solaire/advanced-sensitive","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"advanced sensitive","link_url":"https://www.garnier.it/ambre-solaire/advanced-sensitive","breadCrumb":"protezione solare::le gamme::advanced sensitive","step":"3/3","event_detail":"regular"}" class="menu-tag"> 3031 Advanced Sensitive 3032 </a> 3033 </div> 3034 </li> 3035 3036 <li class="levethreeList"> 3037 <div class="mainSub__link levelFourMainMenu "> 3038 <a href="https://www.garnier.it/ambre-solaire/ideal-bronze" 3039 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::le gamme::ideal bronze","click_area":"burger menu","breadcrumb":"protezione solare::le gamme::ideal bronze","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"ideal bronze::https://www.garnier.it/ambre-solaire/ideal-bronze","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"ideal bronze","link_url":"https://www.garnier.it/ambre-solaire/ideal-bronze","breadCrumb":"protezione solare::le gamme::ideal bronze","step":"3/3","event_detail":"regular"}" class="menu-tag"> 3040 Ideal Bronze 3041 </a> 3042 </div> 3043 </li> 3044 3045 <li class="levethreeList"> 3046 <div class="mainSub__link levelFourMainMenu "> 3047 <a href="https://www.garnier.it/bisogni/pelle/solari/doposole" 3048 target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::le gamme::doposole","click_area":"burger menu","breadcrumb":"protezione solare::le gamme::doposole","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"doposole::https://www.garnier.it/bisogni/pelle/solari/doposole","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"doposole","link_url":"https://www.garnier.it/bisogni/pelle/solari/doposole","breadCrumb":"protezione solare::le gamme::doposole","step":"3/3","event_detail":"regular"}" class="menu-tag"> 3049 Doposole 3050 </a> 3051 </div> 3052 </li> 3053 </ul> 3054 3055 3056 <div class="mainSub__link"> 3057 <a href="https://www.garnier.it/ambre-solaire" target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::le gamme::vedi tutto: le gamme","click_area":"burger menu","breadcrumb":"protezione solare::le gamme::vedi tutto: le gamme","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"vedi tutto: le gamme::https://www.garnier.it/ambre-solaire","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"vedi tutto: le gamme","link_url":"https://www.garnier.it/ambre-solaire","breadCrumb":"protezione solare::le gamme::vedi tutto: le gamme","step":"3/3","event_detail":"regular"}" class="menu-tag"> 3058 VEDI TUTTO: LE GAMME 3059 </a> 3060 </div> 3061 </div> 3062 3063 3064 </div> 3065 </li> 3066 </ul> 3067 3068 3069 <div class="mainSub__link"> 3070 <a href='https://www.garnier.it/shop-products/Solari' target="" v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"protezione solare::vedi tutto: protezione solare","click_area":"burger menu","breadcrumb":"protezione solare::vedi tutto: protezione solare","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"vedi tutto: protezione solare::https://www.garnier.it/shop-products/solari","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"vedi tutto: protezione solare","link_url":"https://www.garnier.it/shop-products/solari","breadCrumb":"protezione solare::vedi tutto: protezione solare","step":"2/3","event_detail":"regular"}" class="menu-tag"> 3071 VEDI TUTTO: PROTEZIONE SOLARE 3072 </a> 3073 </div> 3074 </div> 3075 3076 3077 </div> 3078 </div> 3079 </li> 3080 3081
3082 <li class="levelOneMenu" :class="[4 === props.slotProps.clickActiveLevelOne ? 'isActiveLevelone':'']"> 3083 <button class="levelList__Button menu-tag" v-on:click="props.slotProps.triggermenuLevelOne(4)" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"servizi e diagnostica::undefined","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"servizi e diagnostica","link_url":"undefined","breadCrumb":"servizi e diagnostica","step":"1/2","event_detail":"regular"}"> 3084 <span class="list_title"> 3085 SERVIZI E DIAGNOSTICA 3086 </span> 3087 3088 3089 3090<div class="arrowContainer"> 3091 <span class="menu-rig-arrow"> 3092 <div class="svg-container"> 3093 <svg width="24" height="24"
3094 viewBox="0 0 24 24" fill="none" 3095 xmlns="http://www.w3.org/2000/svg"> 3096 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 3097 stroke="#000" stroke-width="1.6" 3098 stroke-linecap="square"></path> 3099 </svg> 3100 </div> 3101 </span> 3102 <span class="menu-opened-arrow"> 3103 <div class="svg-container"> 3104 <svg width="24" height="24" 3105 viewBox="0 0 24 24" fill="none" 3106 xmlns="http://www.w3.org/2000/svg"> 3107 <path d="M7 7L17 17M17 17L17 7M17 17L7 17" 3108 stroke="#000" stroke-width="2" 3109 stroke-linecap="square"></path> 3110 </svg> 3111 </div> 3112 </span> 3113</div> 3114 3115 </button> 3116 3117 <div class="level-two__wrapper" id="level-two__wrapper_4"> 3118 <div class="level-two__topper"> 3119 <button class="level-two__topper-back" tabindex="0" aria-label="Back to main menu" v-on:click="props.slotProps.backtoLOneMenu()" v-on:keydown.enter="props.slotProps.backtoLOneMenu()" v-on:keydown.space.prevent="props.slotProps.backtoLOneMenu()"> 3120 <div class="svg-container"> 3121 <svg width="24" height="24" viewBox="0 0 24 24" 3122 fill="none" xmlns="http://www.w3.org/2000/svg"> 3123 <path d="M10.0697 6.34315L15.7266 12L10.0697 17.6569" 3124 stroke="#000" stroke-width="1.6" 3125 stroke-linecap="square" /> 3126 </svg> 3127 </div> 3128 </button> 3129 <div class="level-two__topper_title"> 3130 SERVIZI E DIAGNOSTICA 3131 </div> 3132 </div> 3133 <div class="level-two__wrapper-scrollable"> 3134 <div class="level-two-menu"> 3135 3136 <div> 3137 <span class="mainShort__link"> 3138 <a href='https://www.garnier.it/prova-virtuale' target="" 3139 v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"servizi e diagnostica::prova virtuale del colore per capelli","click_area":"burger menu","breadcrumb":"servizi e diagnostica::prova virtuale del colore per capelli","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"prova virtuale del colore per capelli::https://www.garnier.it/prova-virtuale","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"prova virtuale del colore per capelli","link_url":"https://www.garnier.it/prova-virtuale","breadCrumb":"servizi e diagnostica::prova virtuale del colore per capelli","step":"2/2","event_detail":"regular"}" class="menu-tag"> 3140 Prova virtuale del colore per capelli 3141 </a> 3142 </span> 3143 </div> 3144 <div> 3145 <span class="mainShort__link"> 3146 <a href='https://www.garnier.it/skincoach-diagnosis' target="" 3147 v-tag="{"event":"uaevent","event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"servizi e diagnostica::diagnosi cutanea skincoach ai","click_area":"burger menu","breadcrumb":"servizi e diagnostica::diagnosi cutanea skincoach ai","event_detail":"regular"}" data-menuitem="{"event":"uaevent","event_name":"module_progression","eventCategory":"[MenuPageCategory]","eventLabel":"diagnosi cutanea skincoach ai::https://www.garnier.it/skincoach-diagnosis","eventAction":"module_progression","module_name":"main menu navigation","cta_name":"diagnosi cutanea skincoach ai","link_url":"https://www.garnier.it/skincoach-diagnosis","breadCrumb":"servizi e diagnostica::diagnosi cutanea skincoach ai","step":"2/2","event_detail":"regular"}" class="menu-tag"> 3148 Diagnosi cutanea Skincoach AI 3149 </a> 3150 </span> 3151 </div> 3152 3153 </div> 3154 3155 3156 </div> 3157 </div> 3158 </li> 3159 3160 </ul> 3161 </template>
3162 <overlay slot="sidebarOverlay"></overlay> 3163 <template slot="exploreMenu" slot-scope="props"> 3164 <div class="explore-navi"> 3165 <div class="explore-navi-title">Esplora</div> 3166 <ul class="footer-navigation"> 3167 <li class="levelOneMenu"> 3168 <a href="https://www.garnier.it/ingredienti" 3169 target="" 3170 class="menu-tag " 3171 v-tag="{}" 3172 data-menuitem="{}"> 3173 I nostri ingredienti 3174 </a> 3175 </li> 3176 <li class="levelOneMenu"> 3177 <a href="https://www.garnier.it/a-proposito-di-garnier/il-nostro-impegno" 3178 target="" 3179 class="menu-tag " 3180 v-tag="{}" 3181 data-menuitem="{}"> 3182 New ! Garnier x Gisele Bündchen 3183 </a> 3184 </li> 3185 <li class="levelOneMenu"> 3186 <a href="https://www.garnier.it/a-proposito-di-garnier/il-nostro-impegno" 3187 target="" 3188 class="menu-tag " 3189 v-tag="{}" 3190 data-menuitem="{}"> 3191 Il nostro impegno 3192 </a> 3193 </li> 3194 <li class="levelOneMenu"> 3195 <a href="https://www.garnier.it/cruelty-free-international#Cruelty%20Free%20International" 3196 target="" 3197 class="menu-tag " 3198 v-tag="{}" 3199 data-menuitem="{}"> 3200 Cruelty Free 3201 </a> 3202 </li> 3203 <li class="levelOneMenu"> 3204 <a href="https://www.garnier.it/ecobeautyscore" 3205 target="" 3206 class="menu-tag " 3207 v-tag="{}" 3208 data-menuitem="{}"> 3209 Eco Beauty Score 3210 </a> 3211 </li> 3212 </ul> 3213 3214 </div> 3215 </template> 3216 <template slot="languageSelector"> 3217 3218 </template> 3219 </four-level-hamburger-menu> 3220 </nav> 3221 3222 3223 <component is="style"> 3224 3225 :root { 3226 --active-color: #ffffff; 3227 --hover-color: #005c43; 3228 --text-color: #21362C; 3229 --gradient-color: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);; 3230 --nav-color: #f3f2ef; 3231 } 3232 3233 </component> 3234 <div class="new-header__logo-wrapper"><a href="/" aria-label="Garnier(back to homepage)" v-tag="{"event":"uaevent","event_name":"logo_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select","eventLabel":"logo"}"> 3235 <img src="/-/media/project/loreal/brand-sites/garnier/emea/garnier-logo-new-menu.png?rev=5210b6e6672942fb9f26caa4e499eb90" alt="Garnier" id="headerlogoimagesrc" class="new-header__logo-image" width="1298" height="595"> 3236 </a></div> 3237 3238 <ul class="new-header__icons-wrapper"> 3239 3240 3241 3242 3243 3244 3245<search inline-template :request-parameters='{"filtersettingsitemid":"8643716f-21f8-494b-acba-9ea9828cc6ad","filterpageitemid":"04ee607a-2d57-482e-b09a-cbb22c320d0b","searchwithsuggestions":true,"formactionlink":"/search-page/search"}'> 3246 <li class="new-header__icon-item search"> 3247 <div class="click-overlay" @click="overlayClick" v-if="isActive"></div> 3248 <search-input 3249 form-action="/search-page/search" 3250 placeholder="Search" 3251 title="Search (suggested results are available after the field when at least 3 characters are typed)" 3252 > 3253 </search-input> 3254 <suggested-search 3255 :aria-labels="{ 3256 'closeButton': 'Close the suggested search results subpanel', 3257 'viewAll': 'View all search results' 3258 }" 3259 loading-text='Caricamento risultatiâ¦' 3260 view-all-text='Guarda tutto' 3261 no-results-text='Ci dispiace, nessun risultato trovato. Si prega di provare un.altra parola chiave o tornare alla homepage.'> 3262 </suggested-search> 3263 </li> 3264</search> 3265 3266 3267 </ul> 3268 </div> 3269 </div> 3270 </newheadernavigation> 3271 </header> 3272 3273</div> 3274 3275 3276<div data-qr-page-section="show-on-qr" hidden> 3277 <go-backbutton btn-text='Torna indietro' back-url="" analytics-data='{"event":"uaevent","event_name":"body_button_click","event_category":"content page::service","event_action":"select::torna indietro","event_label":"torna indietro::[destination_url]","cta_name":"torna indietro","link_url":"[destination_url]","module_name":"torna indietro"}'> 3278 </go-backbutton>
3278 3279</div> 3280 </div> 3281 <!-- /#header --> 3282 <!-- #content --> 3283 <main role="main" class="main clearfix"> 3284 <div id="content"> 3285 3286 3287 3288 3289 3290 <div id="search-content"> 3291 3292 3293 3294 3295 3296 <div id="2ef506bb386a429a92c333dda34f3577"></div> 3297<div class="fixed-carousel-container"> 3298 <carousel class="" 3299 :swipe-on-desktop="true" 3300 :per-page="1" 3301 :scroll-per-page="true" 3302 :navigation-enabled="true" 3303 :slide-count-navigation="false" 3304 :arrow-animation="false" 3305 :navigation-label='{"carouselbuttonnext":"Carousel Button Navigation Next","carouselbuttonprev":"Carousel Button Navigation Prev"}' 3306 :slide-text-label='{"slideText":"Slide","playText":"Play","pauseText":"Pause"}' 3307 :autoplay="true" 3308 :autoplay-duration="5000"> 3309 3310 <slide class=" "> 3311 <img alt="generico" class="carousel-slide__background-image" src="/-/media/project/loreal/brand-sites/garnier/emea/it/it-it/homepage/header_generico_fixed_slider.jpg?rev=6539da3b3ce7420aa46c75cdb08f690c" fetchpriority="high"> 3312 </img> 3313 3314 <div class="carousel-slide__content"> 3315 <div class="container"> 3316 <div class="row"> 3317 <div class="col-xs-12 col-sm-5 col-md-9 col-md-offset-1 carousel-md-offset-1 "> 3318 3319 3320 <div class="carousel-slide__title"> 3321 <h1 class="heading-alt is-3 field-slidetitle">Termini di utilizzo</h1> 3322 </div> 3323 3324 3325 3326 </div> 3327 </div> 3328 </div> 3329 </div> 3330 </slide> 3331 </carousel> 3332</div> 3333
3334<Script> 3335 document.addEventListener('DOMContentLoaded', () => { 3336 function myJebbitFunction() { 3337 3338 } 3339 const style = document.createElement('style'); 3340 style.innerHTML = ` 3341 #lilo3746-wrapper.lilo3746-wrapper { 3342 z-index: 9999999999 !important; 3343 } 3344 `; 3345 document.head.appendChild(style); 3346 const jebbitElement = document.getElementById('jebbitPopupFC'); 3347 if (jebbitElement) { 3348 jebbitElement.addEventListener('click', (event) => { 3349 myJebbitFunction(); 3350 }); 3351 } 3352 3353 const carouselSlides = document.querySelectorAll('.--new-fixed-slider .carousel-slide'); 3354 if (carouselSlides.length > 0) { 3355 3356 carouselSlides.forEach((slide, index) => { 3357 const titleLength = slide.querySelector('.carousel-slide__title h2')?.textContent?.length; 3358 let originalString = slide.querySelector('.field-slidetext').textContent; 3359 let ctaText = slide.querySelector('.carousel-slide__cta'); 3360 3361 if (!ctaText) { 3362 const getCutString = (length, maxLength) => length > maxLength ? originalString.slice(0, maxLength) : originalString; 3363 let cutString = ''; 3364 if (!titleLength) { 3365 cutString = getCutString(originalString.length, 320); 3366 } else if (titleLength <= 18) { 3367 cutString = getCutString(originalString.length, 256); 3368 } else if (titleLength <= 36) { 3369 cutString = getCutString(originalString.length, 192); 3370 } else if (titleLength <= 54) { 3371 cutString = getCutString(originalString.length, 160); 3372 } else if (titleLength <= 72) { 3373 cutString = getCutString(originalString.length, 96); 3374 } else if (titleLength <= 90) { 3375 cutString = getCutString(originalString.length, 64); 3376 } else { 3377 slide.querySelector('.carousel-slide__info-container').classList.add('carousel-slide__info-container--hide'); 3378 } 3379 3380 slide.querySelector('.field-slidetext').textContent = cutString; 3381 } 3382 }); 3383 } 3384 }); 3385 3386</Script>
3386 3387 3388 3389 3390 3391 3392 <div class="container" class="component breadcrumb"> 3393 <nav role="navigation" aria-label="AccessibilityAttribute" class="breadcrumbs-container"> 3394 3395 <ol class="breadcrumbs"> 3396 3397 3398 <li class="breadcrumbs__item"> 3399 <a href="https://www.garnier.it/"> 3400 <span>Home</span> 3401 </a> 3402 <span class="breadcrumbs__separator"> 3403 <svg class="icon" style="stroke-width: 1;" aria-hidden="true"> 3404 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#arrow-right-breadcrumb"></use> 3405 </svg> 3406 </span> 3407 </li> 3408 <li class="breadcrumbs__item"> 3409 <span>Termini di Utilizzo</span> 3410 </li> 3411 </ol> 3412 3413 </nav> 3414
3414<script type="application/ld+json"> 3415 { 3416 "@context": "https://schema.org", 3417 "@type": "BreadcrumbList", 3418 "itemListElement": [ 3419 { 3420 "@type": "ListItem", 3421 "position": 1, 3422 "name": "Home", 3423 "item": "https://www.garnier.it/" 3424 }, 3425 { 3426 "@type": "ListItem", 3427 "position": 2, 3428 "name": "Termini di Utilizzo", 3429 "item": "https://www.garnier.it/termini-di-utilizzo" 3430 } 3431 ] 3432} 3433 </script>
3433 3434 </div> 3435 3436 3437 3438 3439<div id="8da683855fad4d1aab266bcc581f8a9e"></div> 3440 3441<div class="container text-component-main " v-bg-color="'#FFFFFF'"> 3442 3443<div class="text-component text-component--left noheadline no-cta "> 3444 3445 <p class="text-component__description" style="color:"><h2 style="text-align:center;"><strong>TERMINI DI UTILIZZO DEL SITO</strong></h2> 3446<p style="text-align:center;">www.garnier.it<br /> 3447Validi dal 22/10/2020</p> 3448Benvenuto sul sito dedicato a www.garnier.it (di seguito il "<strong>Sito</strong>").<br /> 3449Ti chiediamo di leggere attentamente i presenti Termini di Utilizzo che regolano l’uso del Sito (di seguito I “<strong>Termini di Utilizzo</strong>”). Utilizzando questo Sito, accetti senza riserva alcuna i presenti Termini di Utilizzo.<br /> 3450Per qualsivoglia richiesta relativa all’utilizzo del sito, ci puoi contattare al seguente indirizzo <a href="mailto:[email protected]">[email protected]</a><br /> 3451<br /> 3452<h2 style="text-align:center;"><strong>NOTE LEGALI</strong></h2> 3453URL DEL SITO: www.garnier.it<br /> 3454<br /> 3455Contatti: E-mail: <a href="mailto:[email protected]">[email protected]</a><br /> 3456<br /> 3457Direttore di Pubblicazione: DIRETTORE DI MARCA GARNIER<br /> 3458<br /> 3459Editore: L’ORÉAL ITALIA S.p.A. con un capitale sociale di EUR 1.679.800,00, sede legale in Via F. Primaticcio 155, 20147 – Milano, iscritta al Registro delle Imprese di MILANO - NUMERO REA: 372384; C.F. E P.IVA 00471270017 per il marchio <span style="letter-spacing: 0.1px; color: #000000;">GARNIER</span> (di seguito indicata come l’"<strong>Editore</strong>" o "<strong>Noi</strong>").<br /> 3460<br /> 3461Hosted by: Microsoft Ireland Operations Limited company, con sede legale in One Microsoft Place, South County Industrial Park, Leopardstown, Dublin 18, Ireland D18 P521 iscritta al Registro delle Imprese di “Società estera n / immat.RCS”, con il numero 419 423 728;<br /> 3462<br /> 3463<h2 style="text-align:center;"><strong>Sommario</strong></h2> 3464<p style="text-align:left;"><a href="#s1">1.ACCESSO AL SITO</a><br /> 3465<a href="#s2">2.FUNZIONE VIRTUAL-TRY-ON</a><br /> 3466<a href="#s3">3.CAMPAGNE DI PROVA PRODOTTO E DISTRIBUZIONE DI CAMPIONI DI PRODOTTO</a><br /> 3467<a href="#s4">4.VALUTAZIONE E RECENSIONI / FORUM</a><br /> 3468<a href="#s5">5.SERVIZIO “CHATBOT”</a><br /> 3469<a href="#s6">6.PRIVATIVA INDUSTRIALE</a><br /> 3470<a href="#s7">7.CODICE DI CONDOTTA</a><br /> 3471<a href="#s8">8.INFORMAZIONI CONTENUTE SUL SITO</a><br /> 3472<a href="#s9">9.DATI PERSONALI</a><br /> 3473<a href="#s10">10.COOKIES</a><br /> 3474<a href="#s11">11.MODIFICA DEL SITO E DEI TERMINI DI UTILIZZO</a><br /> 3475<a href="#s12">12.CREDITS</a><br /> 3476<a href="#s13">13.DISCLAIMER</a><br /> 3477<a href="#s14">14.LEGGE APPLICABILE E FORO COMPETENTE</a></p> 3478<p><a name="s1"></a></p> 3479<br /> 3480<br /> 3481<br /> 3482<h2> <br /> 3483<strong>1. ACCESSO AL SITO</strong></h2> 3484Per accedere al Sito è necessario essere maggiorenni. Se non sei maggiorenne, è richiesta l’autorizzazione dei tuoi genitori o esercenti la responsabilità genitoriale. 3485Potresti navigare liberamente sul Sito senza dover registrarti o creare un account.<br /> 3486L’accesso ad alcune sezioni del Sito potrebbe richiedere l’uso di password. In questo caso, sarà tuo onere custodire e mantenere riservata la password. Potrai in ogni momento modificare la tua password. <br /> 3487In ogni caso, il numero di tentativi per accedere a certe sezioni del Sito potrebbe essere limitato al fine di prevenire un uso fraudolento della password. Ti chiediamo di informarci di qualsivoglia uso fraudolento della tua password di cui dovessi venire a conoscenza. Nel caso di violazione anche di una sola delle regole stabilite nei presenti Termini di Utilizzo, ci riserviamo il diritto di sospendere il tuo accesso al Sito.<br /> 3488<br /> 3489Sarà a tuo carico qualsivoglia costo necessario per accedere e utilizzare internet.<br /> 3490<br /> 3491<p><a name="s2"></a></p> 3492<br /> 3493<br /> 3494<br /> 3495<h2><strong>2. FUNZIONE VIRTUAL-TRY-ON</strong></h2> 3496Questo Sito potrebbe fornirti una funzione di prova virtuale per il make-up o il colore dei capelli. Puoi scegliere il servizio live (usando la webcam del tuo dispositivo) o un'immagine esistente (caricata dal tuo dispositivo).<br /> 3497<br />
3498Il risultato dell'esperienza (foto con il trucco o il colore dei capelli) può essere scaricato sul tuo dispositivo e potresti avere la possibilità di condividerlo su piattaforme social. Sei libero di non utilizzare questo servizio.<br /> 3499Le foto non vengono archiviate da Noi, a meno che non si utilizzi la condivisione su piattaforme social, in tal caso, l'immagine verrà archiviata per 49 ore. L'immagine viene eliminata automaticamente dopo tale periodo.<br /> 3500<br /> 3501Se condividi il risultato dell'esperienza al di fuori della funzione di prova virtuale (tramite funzionalità native disponibili nel tuo dispositivo) non saremo coinvolti in tale condivisione (nessuna elaborazione di dati personali da parte nostra).<br /> 3502<br /> 3503<br /> 3504<p><a name="s3"></a></p> 3505<br /> 3506<br /> 3507<br /> 3508<h2><strong>3. CAMPAGNE DI PROVA PRODOTTO E DISTRIBUZIONE DI CAMPIONI DI PRODOTTO</strong></h2> 3509Il Sito consente agli utenti di partecipare alle campagne di prova prodotto (c.d. “Test&Tell) e di distribuzione di campioni di prodotto. Questi servizi ci aiutano a scoprire la tua opinione e valutazioni sui nostri prodotti.<br /> 3510<br /> 3511Questi servizi potrebbero essere regolati da termini e condizioni specifici e l'utente è libero di non partecipare a tali campagne e di non fruire di tali servizi.<br /> 3512<br /> 3513Per ulteriori informazioni su questi servizi e le condizioni di adesione e selezione, consulta i nostri termini e condizioni per le campagne di prova prodotto e/o di distribuzione di campioni di prodotto. <br /> 3514<br /> 3515<p><a name="s4"></a></p> 3516<br /> 3517<br /> 3518<br /> 3519<h2><strong>4. VALUTAZIONE E RECENSIONI / FORUM</strong></h2> 3520Il Sito ti consente di pubblicare valutazioni e recensioni (comprensive di immagini) attraverso le quali ci aiuti a scoprire la tua opinione e valutazione sui nostri prodotti e servizi.<br /> 3521<br /> 3522Il Sito consente inoltre di partecipare a forum selezionando un argomento esistente o creandone uno nuovo.<br /> 3523<br /> 3524Pubblicando le tue valutazioni o recensioni sul Sito o partecipando al forum, dichiari e garantisci che: 3525<ul> 3526 <li>La tua recensione è conforme ai presenti Termini di Utilizzo, in particolare con riferimento ai principi stabiliti nel codice di condotta e dei diritti di privativa industriale di seguito esposti;</li> 3527 <li>Sei l'autore della recensione, non stai rubando l'identità di un'altra persona e non stai utilizzando un indirizzo e-mail falso o stai fuorviando in merito all'origine della recensione;</li> 3528 <li>La recensione è una tua opera originale e non viola i diritti di privativa industriale di terzi e, più in generale, è conforme alla sezione "Privativa Industriale" dei presenti Termini di Utilizzo;</li> 3529 <li>Tutti i contenuti che pubblichi sono veritieri e accurati.</li> 3530</ul> 3531Oltre al Codice di condotta e Privativa Industriale dei presenti Termini di Utilizzo, l'utente accetta e garantisce inoltre di non inviare alcun contenuto: 3532<ul> 3533 <li>che contenga informazioni (compresi i prezzi) su concorrenti del Gruppo L’Oréal o sui loro prodotti (ovvero altri produttori e / o distributori e / o rivenditori di prodotti di bellezza e salute);</li> 3534 <li>che non abbia lo scopo di recensire o valutare i prodotti presenti sul Sito;</li> 3535 <li>per il quale trarrai benefici o compensi da terze parti o che potrebbero essere interpretati come pubblicità o sollecitazione all'acquisto;</li> 3536 <li>che includa qualsiasi informazione che faccia riferimento ad altri Siti, indirizzi URL, indirizzi e-mail, informazioni di contatto o numeri di telefono;</li> 3537 <li>che contenga istruzioni o informazioni su come creare virus o altri programmi o file informatici potenzialmente dannosi.</li> 3538</ul> 3539Ci riserviamo il diritto di limitare o sospendere l'accesso a qualsiasi utente che violi i presenti Termini di Utilizzo e di rifiutare di pubblicare, modificare o eliminare qualsiasi commento che riterremo, a nostra esclusiva discrezione, di violare i presenti Termini di Utilizzo. <br /> 3540<br /> 3541Inoltre, ci riserviamo il diritto di non pubblicare: 3542<ul> 3543 <li>contenuti duplicati;</li> 3544 <li>recensioni in bianco;</li> 3545 <li>recensioni in una lingua diversa dall’italiano;</li> 3546 <li>qualsiasi contenuto incomprensibile (come contenuto che contiene caratteri casuali e stringhe di parole insignificanti).</li> 3547</ul> 3548Non possiamo garantire che sarai in grado di modificare o eliminare qualsiasi contenuto che hai inviato. Prima di essere pubblicato, qualsiasi post verrà esaminato per assicurarsi che sia conforme ai presenti Termini di Utilizzo. <br /> 3549<br /> 3550<br /> 3551<p><a name="s5"></a></p> 3552<br /> 3553<br /> 3554<br /> 3555<h2><strong>5. SERVIZIO “CHATBOT” </strong></h2> 3556Il Sito permette agli utenti di dialogare con uno Skin Expert attraverso la funzionalità Messenger di Facebook. Pertanto, per iniziare l'esperienza, gli utenti devono accedere a Messenger di Facebook con le credenziali del loro profilo Facebook, oppure sono invitati a creare un nuovo profilo. Con i presenti Termini di Utilizzo, ti informiamo che Messenger di Facebook è di proprietà di terzi e, pertanto, l'utilizzo di tale funzionalità attraverso questo Sito è regolato dai termini di utilizzo forniti dai suddetti terzi. Per conoscere come Facebook utilizza le informazioni che condividi con Garnier, ti invitiamo a consultare l'informativa sul trattamento dei dati personali di Facebook. Questa funzionalità aiuta Garnier a capire i bisogni della tua pelle e a consigliarti i prodotti per la pelle adatti alle tue esigenze. Per maggiori informazioni sul comportamento da tenere nell'utilizzo della chat, ti invitiamo a consultare il nostro Codice di Condotta.<br /> 3557<br /> 3558<p><a name="s6"></a></p> 3559<br /> 3560<br /> 3561<br /> 3562<h2><strong>6. PRIVATIVA INDUSTRIALE</strong></h2> 3563<strong>a. Diritti di privativa industriale</strong><br /> 3564Lo sviluppo di questo Sito ha comportato investimenti significativi. Il Sito e ciascuno degli elementi in essa contenuti (cioè marchi, immagini, testi, video, ecc.) sono protetti da diritti di proprietà intellettuale. Non sarà autorizzato l'uso, la riproduzione o la rappresentazione del Sito (in tutto o in parte), su qualsiasi supp
3564orto, per qualsiasi altro scopo, incluso, a titolo esemplificativo, l'utilizzo per fini commerciali.<br /> 3565Potremmo rendere disponibile attraverso il Sito contenuti che potrai scaricare (di seguito i “Contenuti Scaricabili”). Ti concediamo il diritto non esclusivo e non trasferibile a terzi per l’utilizzo dei Contenuti Scaricabili, ad uso personale e privato, per la durata pari alla protezione legale dei diritti di proprietà intellettuale definiti dalle leggi francesi e straniere e dai trattati internazionali.<br /> 3566È vietata qualsiasi riproduzione, rappresentazione, modifica o distribuzione del Sito. Scaricando o utilizzando tali Contenuti Scaricabili, l'utente accetta di utilizzarli in conformità ai presenti Termini di Utilizzo.<br /> 3567Qualora il Sito prevedesse la possibilità di modificare un'immagine (in particolare, per permettere di testare virtualmente un cosmetico), tu accetti di utilizzare il Sito solo ad uso privato in conformità con lo scopo del Sito stesso. Non sei autorizzato ad utilizzare il Sito in qualsivoglia modo che possa risultare dannoso per l'onore, la reputazione o i diritti di terzi, come descritto sotto. <br /> 3568<strong>b. Diritti di terze parti</strong><br /> 3569Ti ricordiamo che è tuo onere garantire di essere in possesso di tutte le autorizzazioni necessarie da parte dei titolari dei diritti in relazione a qualsiasi contenuto che desideri inviare tramite il Sito, inclusi tutti i diritti di proprietà intellettuale e/o industriale, diritti d’autore, diritti di pubblicità (incluso il diritto all'immagine), per consentire l'uso lecito di tali contenuti. Ad esempio, garantisci di essere in possesso delle necessarie autorizzazioni in relazione ai contenuti (in particolare fotografie) che mostreranno elementi architettonici recenti, elementi pubblicitari e/o loghi (acronimi, loghi, ecc.).<br /> 3570<strong>c. Contenuti dell’Utente</strong><br /> 3571Possiamo rendere disponibile tramite questo Sito uno spazio dedicato ai contenuti degli utenti, ad esempio testo, foto, video, opinioni, ecc. (di seguito i "Contenuti Utente"). 3572Con l'invio di Contenuti Utente tramite il Sito, l'utente concede al Gruppo L’Oréal una licenza a titolo gratuito, irrevocabile, non esclusiva, mondiale, per la durata pari alla protezione legale dei diritti di proprietà intellettuale definiti dalle leggi francesi e straniere e dai trattati internazionali (inclusi eventuali successive modifiche o integrazioni) al fine di riprodurre, mostrare, usare, copiare, modificare, adattare, editare, distribuire, tradurre, creare opere derivate o incorporare in altre opere i suddetti Contenuti Utente (in tutto o in parte).<br /> 3573Con il presente concedete a Noi e al Gruppo L’Oréal il diritto di utilizzare il vostro nome utente, nome reale, immagine o altra informazione identificativa in relazione a qualsiasi utilizzo del Contenuto Utente. Tale utilizzo dei diritti della personalità è concesso per un periodo di cinque (5) anni per gli stessi media descritti dettagliatamente nella suddetta disposizione.<br /> 3574Noi e il Gruppo L’Oréal avremo la facoltà di utilizzare, riprodurre, distribuire, trasmettere, unire ad altri materiali, modificare e/o editare il Contenuto Utente per motivi legali e/o normativi in qualsiasi modo ritenga idoneo (mantenendo il senso originale), senza alcun obbligo nei vostri confronti. Tale uso è autorizzato per tutti gli scopi di comunicazione interna o esterna, aziendale o finanziaria, pubblicità e per tutte le comunicazioni pubbliche, nonché a scopo di archivio da parte del Gruppo L'Oréal o delle sue affiliate, in relazione ai prodotti e/o ai marchi, in particolare sui seguenti mezzi di diffusione: 3575<ul> 3576 <li>pubblicazione in qualsivoglia formato, in quantità illimitate,</li> 3577 <li>stampa, in numero illimitato di pubblicazioni,</li> 3578 <li>pubblicazione, in numero illimitato, per fini di comunicazione interna, compresa la forza vendita e la rete di distribuzione (grossisti, rivenditori, agenti, ecc.), eventi, volantini per congressi, fiere, stand, ecc…; comunicazione B2B, nella stampa professionale, in numero illimitato;</li> 3579 <li>Pubblicazioni elettroniche, IT, digitali, multimediali, Internet e Intranet, tramite qualsiasi sito web (qualunque sia il sito web e o i media, inclusi i social networks come Facebook, Twitter, YouTube, Instagram)</li> 3580 <li>numero illimitato di inserti e proiezioni, tramite qualsiasi tipo di materiale pubblicitario (ad esempio tramite pubblicità presso punti vendita al dettaglio e sui prodotti del Gruppo L’Oréal (di seguito i "<strong>Supporti</strong>").</li> 3581</ul> 3582Confermate e accettate quanto segue: (i) siete i titolari di tutti i diritti sul Contenuto Utente e/o avete il permesso di concedere tali diritti rilasciato da qualsiasi persona titolare dei diritti di proprietà intellettuale o dei diritti della personalità relativi al Contenuto Utente; (ii) voi e tutte le altre persone che compaiono nel Contenuto Utente avete un’età superiore a 18 anni; (iii) l’utilizzo del vostro Contenuto Utente da parte nostra e del Gruppo L’Oréal non viola alcuna legge né viola i diritti di terzi. Noi e il Gruppo L’Oréal abbiamo il diritto di rivelare la vostra identità a terzi che affermino che il Contenuto Utente viola i loro diritti.<br /> 3583Se il vostro Contenuto Utente contiene un’approvazione o una testimonianza dei nostri prodotti o servizi, garantite che si tratti di un’espressione sincera e accurata della vostra opinione basata sull’utilizzo dei prodotti L’Oréal e che avete reso noto di aver ricevuto gratuitamente il prodotto e/o altro incentivo da parte di nostra o del Gruppo L’Oréal al fine della pubblicazione del vostro Contenuto Utente.<br /> 3584Ti informiamo inoltre che i suddetti sociali networks sono piattaforme di proprietà di terze parti e, di conseguenza, la diffusione e l'utilizzo dei Contenuti Utente attraverso tali reti saranno disciplinati dai termini di utilizzo definiti da detti terzi in relazione alle suddette piattaforme. Pertanto non saremo ritenuti responsabili di alcun uso dei Contenuti Utente da parte nostra o di terzi conformemente ai termini di utilizzo definiti dai social network, inclusi, senza limitazioni, l'ambito e la durata dei diritti concessi in licenza, nonché la rimozione dei Contenuti Utente. Sarà responsabile per la gestione di eventuali richieste di terze parti relative all'uso dei Contenuti Utente in conformità ai termini di utilizzo definiti dai social networks.<br /> 3585<br /> 3586Inoltre, ti ricordiamo che qualsiasi Contenuto Utente può essere inserito su un motore di ricerca ed essere accessibile dal pubblico al di fuori del sito web. Riconoscete e accettate che il Contenuto Utente potrebbe essere soggetto a comunicazione “virale” (passaparola) su siti web di terzi e che Noi e il Gruppo L’Oréal non ci assumeremo alcuna responsabilità per qualsiasi reclamo o azione in merito.<br /> 3587Questa autorizzazione conferisce alla nostra società la possibilità di adattare il Contenuto Utente rispetto alla versione originale e/o apportare qualsiasi chiarimento al Contenuto Utente da Noi ritenuto utile, purché il Contenuto Utente non modifichi la vostra immagine o le parole.<br /> 3588<br /> 3589Inoltre, l’utilizzo del Contenuto Utente può comportare il trattamento di informazioni anonimizzate quali la vostra città, il tuo paese o la tua età e/o, se l’avete espressamente autorizzato, informazioni che consentano la vostra identificazione quali il vostro nome o l’indirizzo e-mail.<br /> 3590Prendi atto ed accetti che Noi o il Gruppo L’Oréal non ti riconoscerà alcun compenso per l’utilizzo del tuo Contenuto Utente e/o per qualsiasi diritto di proprietà
3590 intellettuale connesso a tale contenuto.<br /> 3591Qualsiasi Contenuto Utente che pubblicherai tramite questo Sito sarà scelto da te e pubblicato sotto la tua esclusiva responsabilità. Tuttavia, ti ricordiamo che i Contenuti Utente non dovrà essere in contrasto con la legislazione applicabile o con i principi di moralità accettati o con i principi qui indicati. A questo proposito, ci riserviamo il diritto di rimuovere in qualsiasi momento qualsiasi Contenuto Utente che non sia conforme a questi Termini di Utilizzo o al Codice di Condotta.<br /> 3592Inoltre, se accedi a un Contenuto Utente creato da un altro utente, sarai tenuto a rispettare i diritti di detti utenti e in particolare non dovrai riprodurre o diffondere detto Contenuto Utente, pubblicandolo su altri supporti senza il consenso preventivo dell'utente.<br /> 3593Se cambi idea circa la condivisione del vostro Contenuto Utente, potete rinunciare contattandoci al seguente indirizzo email <a href="mailto:[email protected]">[email protected]</a> o utilizzando il modulo di contatto laddove disponibile sul sito web. <br /> 3594I presenti Termini di Utilizzo possono essere aggiornati regolarmente da Noi: siete invitati a verificarli ogni volta prima di pubblicare sul Sito.<br /> 3595<p><a name="s7"></a></p> 3596<br /> 3597<br /> 3598<br /> 3599<h2><strong>7. CODICE DI CONDOTTA</strong></h2> 3600Sosteniamo i valori della tolleranza e del rispetto per gli altri.<br /> 3601Per questo motivo, utilizzando questo Sito, accetti <strong>di non</strong>: 3602<ul> 3603 <li>Pubblicare o fornire dati che possono essere considerati “sensibili”: 3604 <ul> 3605 <li>dati personali che rivelano origine razziale o etnica, opinioni politiche, credenze religiose o filosofiche;</li> 3606 <li>appartenenza a sindacati;</li> 3607 <li>dati genetici, dati biometrici elaborati esclusivamente per identificare un essere umano; </li> 3608 <li>dati relativi allo stato di salute; </li> 3609 <li>dati relativi alla vita sessuale o all’orientamento sessuale di una persona;</li> 3610 </ul> 3611 </li> 3612 <li>veicolare commenti razzisti, violenti, xenofobi, calunniosi, osceni o illegali.</li> 3613 <li>diffondere contenuti ingiuriosi, diffamatori, non autorizzati, calunniosi che violino la privacy o i diritti di immagine, che incitino la violenza, l’odio razziale o etnico;</li> 3614 <li>utilizzare il Sito per scopi politici, di propaganda o di proselitismo;</li> 3615 <li>pubblicare contenuti promozionali o pubblicitari relativi a prodotti o servizi in concorrenza con i marchi mostrati sul Sito;</li> 3616 <li>utilizzare il Sito per finalità estranee alla stessa, incluso l’utilizzo della stessa come servizio di appuntamenti;</li> 3617 <li>diffondere informazioni (come il cognome, indirizzo postale, indirizzo e-mail, numero di telefono) che possano consentire direttamente o indirettamente l'identificazione di un soggetto senza il consenso preventivo e esplicito dello stesso;</li> 3618 <li>diffondere informazioni o contenuti capaci di turbare la sensibilità dei giovani;</li> 3619 <li>intimidire o molestare altri;</li> 3620 <li>intraprendere attività illegali, incluso infrangere i diritti su software, marchi, fotografie, immagini, testi, video, etc.;</li> 3621 <li>diffondere contenuti (tra cui fotografie e video) che rappresentano i minori.</li> 3622</ul> 3623Se vieni a conoscenza del fatto che un Contenuto Utente sostiene i crimini contro l'umanità, incita all'odio razziale e/o alla violenza, o ha ad oggetto la pornografia infantile, ti impegni a segnalarlo immediatamente al seguente indirizzo email: <a href="mailto:[email protected]">[email protected]</a> specificando la tua e-mail, la data in cui hai rinvenuto il suddetto contenuto, la tua identità, l'URL al contenuto segnalato, la descrizione del contenuto controverso e l'ID utente dell'autore.<br /> 3624Pubblicando sul Sito, dichiari e garantisci che: 3625<ul> 3626 <li>non attribuirai a Noi o al Gruppo L’Oréal, o a qualsiasi persona che agisce per conto nostro, la responsabilità per eventuali reclami o domande in relazione all’utilizzo del vostro Contenuto Utente;</li> 3627 <li>la tua pubblicazione rispetta i presenti Termini di Utilizzo del sito web;</li> 3628 <li>sei l’autore della pubblicazione, che non state sottraendo l’identità di un’altra persona e che non state utilizzando un indirizzo e-mail falso o non siete fuorvianti riguardo all’origine della vostra pubblicazione;</li> 3629 <li>la tua pubblicazione è il frutto del tuo lavoro e non viola i diritti di proprietà intellettuale di terzi;</li> 3630 <li>tutti i contenuti da te pubblicati sono veritieri e accurati.</li> 3631</ul> 3632Inoltre, accetti e garantisci di non presentare alcun Contenuto Utente: 3633<ul> 3634 <li>che contenga informazioni (compresi i prezzi) riguardanti concorrenti del Gruppo L’Oréal o i loro prodotti (ovvero altri produttori e/o distributori e/o rivenditori al dettaglio di prodotti per la salute e la bellezza);</li> 3635 <li>per il quale otterrete qualsiasi compensazione o beneficio monetario da parte di terzi o che potrebbe essere interpretato come pubblicità o invito ad acquistare (compreso qualsiasi contenuto tale da sottrarre occasioni di affari a Noi);</li> 3636 <li>che comprenda qualsiasi informazione tale da fare riferimento ad altri siti web, indirizzi URL, indirizzi e-mail, informazioni di contatto o numeri telefonici;</li> 3637 <li>che contenga qualsiasi virus reale, oppure istruzioni su come crearlo, o altri programmi o file potenzialmente distruttivi o dannosi.</li> 3638</ul> 3639Ci riserviamo il diritto di limitare o sospendere l’accesso a qualsiasi utente che violi i presenti termini di utilizzo e di rifiutare di pubblicare, modificare, editare o cancellare qualsiasi commento che riteniamo, a nostra unica discrezione, di violare questi Termini di Utilizzo.<br /> 3640Se vieni a conoscenza di qualsiasi Contenuto Utente tale da tollerare crimini contro l’umanità, incitare all’odio razziale e/o alla violenza, oppure ricondurre alla pedopornografia, dovete immediatamente comunicarcelo al seguente indirizzo e-mail <a href="mailto:[email protected]">[email protected]</a>, oppure inviare una lettera dettagliata al seguente indirizzo: Via Primaticcio n. 155, 20147 Milano, specificando nella vostra e-mail/lettera la data alla quale avete scoperto il suddetto contenuto, la vostra identità, l’URL, la descrizione del contenuto e l’ID utente dell’autore del contenuto.<br /> 3641<br /> 3642Se ritenete che qualsiasi Contenuto Utente violi i principi riportati s
3642opra, i vostri diritti o i diritti di terzi (ad es., qualsiasi violazione, insulto, violazione della privacy), potete inviare una comunicazione al seguente indirizzo e-mail: <a href="mailto:[email protected]">[email protected]</a>, oppure una lettera al seguente indirizzo: Via Primaticcio n. 155, 20147 Milano, specificando nella vostra e-mail/lettera la data alla quale avete scoperto il suddetto contenuto, la tua identità, l’URL, la descrizione del contenuto e l’ID utente dell’autore del contenuto. <br /> 3643<br /> 3644<p><a name="s8"></a></p> 3645<br /> 3646<br /> 3647<br /> 3648<h2><strong>8. INFORMAZIONI CONTENUTE SUL SITO</strong></h2> 3649<strong>Disposizioni Generali</strong><br /> 3650Ti ricordiamo che nel caso ci fossero inesattezze o omissioni in relazione alle informazioni disponibili sul Sito, a causa di terze parti, ci impegneremo ad eliminarle o a completare tali informazioni sul Sito al più presto.<br /> 3651<strong>a. Informazioni su prodotti o servizi</strong><br /> 3652I Prodotti e/o servizi presentati su questo Sito non sono offerti in vendita ma rappresentano esclusivamente il catalogo prodotti o servizi che commercializziamo sul territorio in cui questo Sito è disponibile.<br /> 3653<strong>b. Consigli e strumenti di analisi</strong><br /> 3654I consigli e/o gli strumenti di analisi presenti sul Sito sono semplici simulazioni volte ad ottenere la consulenza di esperti di cosmetica.<br /> 3655Le informazioni che vengono inviate nell’ambito dei consigli e/o dello strumento diagnostico sono indicativi e non possono sostituire in alcun caso una diagnosi medica o un consulto clinico, né tanto meno sostituire un trattamento medico.<br /> 3656Di conseguenza, non possiamo garantire la vostra piena soddisfazione per quanto riguarda i suggerimenti conseguenti dall'utilizzo di questi strumenti e non ci assumiamo la responsabilità per l'uso che ne potresti fare.<br /> 3657Per qualsiasi ulteriore informazione o in caso di dubbi, si consiglia di consultare il proprio medico curante.<br /> 3658<strong>c. Collegamenti ipertestuali</strong><br /> 3659I collegamenti ipertestuali presenti sul Sito possono collegarti a siti pubblicati da terze parti, il cui contenuto non è da Noi controllabile. Di conseguenza, poiché questi collegamenti ipertestuali sono stati inclusi nel Sito con il solo fine di facilitare la navigazione Internet, la consultazione di tali siti avverrà esclusivamente a seguito di una tua decisione e sotto la tua esclusiva responsabilità.<br /> 3660<br /> 3661<p><a name="s9"></a></p> 3662<br /> 3663<br /> 3664<br /> 3665<h2><strong>9. DATI PERSONALI</strong></h2> 3666Potremmo raccogliere i tuoi dati personali, in particolare quando: (i) ti registri a un servizio; (ii) accedi a contenuti scaricabili; (iii) fai log-in; (iv) partecipi a un gioco e/o a una manifestazione a premio; (v) ci invii una e-mail; (v) rispondi a un sondaggio o a un questionario (vi) pubblichi recensioni. I tuoi dati personali sono trattati da Noi, in qualità di titolare del trattamento, per le finalità e con le tempistiche di volta in volta indicate nell’informativa sul trattamento dei dati personali presente in corrispondenza del form di registrazione.<br /> 3667Per ulteriori informazioni su come trattiamo i tuoi dati personali, leggi la nostra informativa privacy <a href="/informativa-privacy">qui</a>.<br /> 3668<br /> 3669<p><a name="s10"></a></p> 3670<br /> 3671<br /> 3672<br /> 3673<h2><strong>10. COOKIES</strong></h2> 3674I cookies sono dei piccoli file che vengono rilasciati sul tuo dispositivo durante l’utilizzo del Sito (come ad esempio le pagine consultate, la data e l'ora della consultazione, ecc...) e che possono essere rilasciati ogni volta che accedi al Sito (di seguito i “Cookies”).<br /> 3675Per ulteriori informazioni su come usiamo i cookie, consulta la <strong>sezione Cookie</strong> sul Sito.<br /> 3676<br /> 3677<p><a name="s11"></a></p> 3678<br /> 3679<br /> 3680<br /> 3681<h2><strong>11. MODIFICA DEL SITO E DEI TERMINI DI UTILIZZO</strong></h2> 3682Possiamo modificare i contenuti e le informazioni del Sito e dei presenti Termini di Utilizzo, in particolare allo scopo di conformare gli stessi ad eventuali nuove legg
3682i e/o regolamenti applicabili e/o al fine di migliorare il Sito.<br /> 3683Qualsiasi modifica ti sarà notificata all'utente tramite il Sito prima dell’entrata in vigore, in conformità ai Termini di Utilizzo. Salvo che la modifica non richieda il tuo consenso espresso, l'utilizzo continuato del Sito sarà considerato una tacita accettazione dei nuovi Termini di Utilizzo. <br /> 3684<br /> 3685<p><a name="s12"></a></p> 3686<br /> 3687<br /> 3688<br /> 3689<h2><strong>12. CREDITS</strong></h2> 3690Hosted by: Microsoft Ireland Operations Limited company, con sede legale in One Microsoft Place, South County Industrial Park, Leopardstown, Dublin 18, Ireland D18 P521 iscritta al Registro delle Imprese di “Società estera n / immat.RCS”, con il numero 419 423 728;<br /> 3691<br /> 3692<p><a name="s13"></a></p> 3693<br /> 3694<br /> 3695<br /> 3696<h2><strong>13. DISCLAIMER</strong></h2> 3697Facciamo il possibile per mantenere il contenuto del Sito costantemente accessibile e scaricabile. Tuttavia, talvolta potrebbe essere necessario sospendere temporaneamente, in tutto o in parte, l'accesso al sito, in particolare per motivi di manutenzione tecnica.<br /> 3698Viene, inoltre, precisato che potrebbero verificarsi interruzioni o guasti alle reti Internet e IT o di telecomunicazione. In merito a ciò, non possiamo fornire alcuna garanzia e pertanto non saremo responsabili di eventuali danni che possono derivare dall'utilizzo di Internet e di reti informatiche o di telecomunicazione, incluse, a titolo esemplificativo e non esaustivo: 3699<ul> 3700 <li>scarsa trasmissione e/o ricezione di dati e/o informazioni;</li> 3701 <li>eventuali intrusioni esterne o virus informatici;</li> 3702 <li>qualsiasi apparecchiatura di ricezione o reti di comunicazione inadempienti; </li> 3703 <li>eventuali malfunzionamenti di Internet che potrebbero ostacolare il corretto funzionamento del Sito.</li> 3704</ul> 3705Infine, la nostra responsabilità sarà limitata a danni diretti, escludendo qualsiasi altro danno o perdita. Più specificamente, qualsiasi danno indiretto che si riferisca, senza limitazione, a qualsiasi perdita di profitto, ricavo o avviamento.<br /> 3706<br /> 3707<p><a name="s14"></a></p> 3708<br /> 3709<br /> 3710<br /> 3711<h2><strong>14. LEGGE APPLICABILE E FORO COMPETENTE</strong></h2> 3712Questi Termini di Utilizzo sono disciplinati dalla legge applicabile in base al diritto internazionale ed europeo.<br /> 3713Per qualsiasi problema, contatta il nostro Servizio Consumatori: 3714<a href="mailto:[email protected]">[email protected]<br /> 3715</a> 3716<br /> 3717In base alle norme applicabili in materia di mediazione, agni eventuale reclamo dovrà essere inviato per iscritto al Servizio Consumatori al seguente indirizzo: 3718<a href="mailto:[email protected]">[email protected]<br /> 3719</a> 3720<br /> 3721Oltre che al Servizio Consumatori, ogni controversia che riguardi il consumatore può essere presentata tramite la procedura di Online Dispute Resolution ai sensi dell'art. 14 del Regolamento UE n. 524/2013, accessibile al seguente link: <a href="https://webgate.ec.europa.eu/odr/">https://webgate.ec.europa.eu/odr/</a>. <br /> 3722<br /> 3723Qualora la controversia non possa essere risolta tramite la suddetta procedura di mediazione, essa dovrà essere devoluta al Tribunale competente.</p> 3724 3725</div> 3726</div>
3727<script type="text/javascript"> 3728 document.addEventListener('DOMContentLoaded', function () { 3729 if (document.querySelectorAll(".text-component ul,ol").length > 0) { 3730 document.querySelectorAll('.text-component ul,ol').forEach(function (data, index) { 3731 document.querySelectorAll(".text-component ul,ol")[index].parentElement.parentElement.classList.add("text-left"); 3732 }) 3733 } 3734 3735 if (document.querySelectorAll(".text-checkmark").length > 0) { 3736 document.querySelectorAll('.text-checkmark').forEach(function (data, index) { 3737 if (document.querySelectorAll(".text-checkmark")[index].previousElementSibling != null && document.querySelectorAll(".text-checkmark")[index].previousElementSibling.tagName == 'P') { 3738 document.querySelectorAll(".text-checkmark")[index].parentElement.previousElementSibling.classList.add("text-desc"); 3739 } 3740 3741 }); 3742 } 3743 }); 3744</script>
3744 3745 3746 </div> 3747 3748 3749 3750 3751 <div id="ratings_reviews" class="scroll-target"> 3752 3753 </div> 3754 </div> 3755 </main> 3756 <!-- /#content --> 3757 <!-- #footer --> 3758 3759 3760 3761<div data-qr-page-section="hide-on-qr"> 3762 <footer class="footer" id="footer" role="contentinfo"> 3763 <div class="container"> 3764 <div class="row"> 3765 <div class="footer-wrapper"> 3766 <img data-srcset="/themes/garnier/Images/assets/g-logo.png?c=1686900594940" alt="" class="footer-garnier-logo lazyload" /> 3767 <div class="col-xs-12 col-sm-4 footer-col footer-website-links"> 3768 3769 3770 3771<p class="heading is-6">LINK AL SITO</p> 3772<ul class="footer-navigation footer-website-links-list"> 3773 3774 3775 <li> 3776<a v-tag="{"event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"website links::termini di utilizzo","click_area":"footer","breadcrumb":"website links::termini di utilizzo"}" data-variantfieldname="Link" href="/termini-di-utilizzo" data-variantitemid="{55A52703-9ADE-451E-9C42-7271492C6DB5}">Termini di Utilizzo</a> </li> 3777 <li> 3778<a v-tag="{"event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"website links::informazioni privacy","click_area":"footer","breadcrumb":"website links::informazioni privacy"}" data-variantfieldname="Link" href="/informativa-privacy" data-variantitemid="{36C75502-C775-4D31-B675-9231BA777703}">Informativa Privacy</a> </li> 3779 <li> 3780<a class="optanon-show-settings-button optanon-toggle-display" v-tag="{"event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"website links::impostazione cookie","click_area":"footer","breadcrumb":"website links::impostazione cookie"}" data-variantfieldname="Link" title="Impostazione Cookie" onclick="javascript:Optanon.TriggerGoogleAnalyticsEvent('OneTrust Cookie Consent', 'Banner Open Preferences');" href="#" data-variantitemid="{EF6D788F-5395-4E5A-AAAD-6942D4CEF0A3}">Impostazione Cookie</a> </li> 3781 <li> 3782<a v-tag="{"event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"website links::cookie policy","click_area":"footer","breadcrumb":"website links::cookie policy"}" data-variantfieldname="Link" href="/cookie-policy" data-variantitemid="{60047C2C-5A72-4B6C-AEC3-328FDF09647F}">Cookie Policy</a> </li> 3783 <li> 3784<a v-tag="{"event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"website links::informativa recensioni","click_area":"footer","breadcrumb":"website links::informativa recensioni"}" data-variantfieldname="Link" href="/informativa-recensioni" data-variantitemid="{0FAFEE0D-79D8-4897-B977-826EB22DC16C}">Informativa Recensioni</a> </li> 3785 <li> 3786<a v-tag="{"event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"website links::mappa del sito","click_area":"footer","breadcrumb":"website links::mappa del sito"}" data-variantfieldname="Link" href="/sitemap" data-variantitemid="{0EBCA104-60C0-488F-934A-348128031E57}">Mappa del sito</a> </li> 3787 </ul> 3788 3789 <country-drop-down class="component col-xs-12 col-sm-12 footer-country-selector"> 3790 <div v-onselect-changeurl> 3791 <div class="country_selector"> 3792 <div class="form-item form-item--select"> 3793 <div class="form-item__select-wrapper"> 3794 3795 <label for="country selector">Nazione</label> 3796 <select id="country selector" name="country selector" title="country selector"> 3797 <option disabled="disabled" selected="selected"> 3798 <p class="heading is-3">Nazione</p> 3799 </option> 3800<option value=" http://www.garnier-me.com/ar-ae "> Arabic Emirates</option><option value=" http://www.garnier.com.au ">Australia</option><option value=" http://www.garnier-me.com/ar-ae ">Bahrain</option><option value=" http://www.garnier-be.com/fr-BE ">Belgio - versione francese</option><option value=" http://www.garnier-be.com/nl-BE ">Belgio - versione olandese</option><option value=" http://www.garnier.com.br ">Brasile</option><option value=" http://www.garnier.ca/fr-ca ">Canada - versione francese</option><option value=" http://www.garnier.ca/en-ca ">Canada - versione inglese</option><option value=" http://www.garnier.cl ">Chile</option><option value=" http://www.garnier.eg ">Egypt</option><option value=" http://www.garnier.fr ">Francia</option><option value=" http://www.garnier.de ">Germania</option><option value=" http://www.garnier-me.com/ar-ae ">Giordania</option><option value=" https://www.garnier.gr/ ">Greece</option><option value=" https://www.garnier.in ">India</option><option value=" http://www.garnier.co.id ">Indonesia</option><option value=" http://www.garnier-me.com/ar-ae ">Iraq</option><option value=" https://www.facebook.com/Garnier.Israel/ ">Israel</option><option value=" http://www.garnier.it ">Italia</option><option value=" http://www.garnier-me.com/ar-ae ">Kuwait</option><option value=" http://www.garnier.com.lb ">Lebanon</option><option value=" http://garnier.com.my/ ">Malaysia</option><option value=" http://garnier-me.com/ar-ae ">Mena Arabic</option><option value=" http://garnier-me.com/en-ae ">Mena English</option><option value=" http://www.garnier.com.mx ">Messico</option><option value=" http://www.garnier.co.nz ">Nuova Zelanda</option><option value=" http://www.garnier.om ">Oman</option><option value=" http://www.garnierzorgvoorjezelf.nl ">Paesi Bassi</option><option value=" http://www.garnier.pk ">Pakistan</option><option value=" http://www.garnier.ps ">Palestinian authorities</option><option value=" http://www.garnier.pl ">Polonia</option><option value=" http://www.garnier.pt ">Portogallo</option><option value=" http://www.garnier.cz ">Repubblica Ceca</option><option value=" http://www.garnier.co.uk ">Regno Unito</option><option value=" http://www.garnier.cz ">Repubblica Ceca</option><option value=" http://www.garnier.com.ru ">Russia</option><option value=" http://www.garnier.es ">Spagna</option><option value=" http://www.garnier.sy ">Syria</option><option value=" http://www.garnier.co.th ">Thailandia</option><option value=" http://www.garnierturkiye.com ">Turchia</option><option value=" http://www.garnier.ua ">Ucraina</option><option value=" http://www.garnierusa.com ">USA - versione inglese</option> </select> 3801 <svg aria-hidden="true" class="icon is-large" id="country-arrow"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#new-arrowdown"></use></svg> 3802 </div> 3803 </div> 3804 </div> 3805 </div> 3806 </country-drop-down> 3807 3808 3809<p class="field-phrase">©2026 Garnier LLC</p> 3810 </div> 3811 <div class="col-xs-12 col-sm-4 footer-col footer-customer-service"> 3812 3813<div class="component link-list footer-customer-service--nav"> 3814 3815 <p class="heading is-6">Customer Services</p> 3816 <ul class="footer-navigation"> 3817 <li class=""> 3818<a v-tag="{"event_name":"menu_click","ecommerce":"undefined","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"customer service::contattaci","click_area":"footer","breadcrumb":"customer service::contattaci"}" data-variantfieldname="Link" href="/contattaci" data-variantitemid="{054D47C
3818F-B566-42AB-BA9C-ACB1B8EA9A46}">Contattaci</a> 3819 </li> 3820 <li class=""> 3821<a data-variantfieldname="Link" target="_blank" rel="noopener noreferrer" href="https://www.loreal.com/it-it/italy/articles/commitments/separiamo-in-bellezza/" data-variantitemid="{BCC45C47-A7CC-4B9B-99A5-0AF40A479241}">Istruzioni per la raccolta differenziata degli imballaggi</a> 3822 </li> 3823 3824 </ul> 3825</div> 3826 3827 </div> 3828 <div class="col-xs-12 col-sm-4 footer-col footer-mailing-list"> 3829 3830<div class="component link-list footer-customer-service--social"> 3831 3832 <p class="heading is-6">SEGUICI</p> 3833 <ul class="footer-navigation footer-social-media-links-list"> 3834 <li class=""> 3835<a v-tag="{"event":"socialint","event_name":"social_interaction","ecommerce":"undefined","socialNetwork":"instagram","socialAction":"follow","socialTarget":"https://www.instagram.com/garnieritalia/","social_network":"instagram","social_action":"follow"}" target="_blank" title="Follow us on Instagram" rel="noopener noreferrer" href="https://www.instagram.com/garnieritalia/"><img class="lazyload" data-src="/themes/Garnier/Images/assets/Instagram.svg" alt=""></a> 3836 </li> 3837 <li class=""> 3838<a v-tag="{"event":"socialint","event_name":"social_interaction","ecommerce":"undefined","socialNetwork":"facebook","socialAction":"share","socialTarget":"https://www.facebook.com/garnier.italia/","social_network":"facebook","social_action":"share"}" target="_blank" title="Follow us on Facebook" rel="noopener noreferrer" href="https://www.facebook.com/Garnier.Italia/"><img class="lazyload" data-src="/themes/Garnier/Images/assets/Facebook.svg" alt=""></a> 3839 </li> 3840 <li class=""> 3841<a v-tag="{"event":"socialint","event_name":"social_interaction","ecommerce":"undefined","socialNetwork":"youtube","socialAction":"follow","socialTarget":"https://www.youtube.com/user/garnierit","social_network":"youtube","social_action":"follow"}" target="_blank" title="Follow us on YouTube" rel="noopener noreferrer" href="https://www.youtube.com/user/GARNIERit"><img class="lazyload" data-src="/themes/Garnier/Images/assets/Youtube.svg" alt=""></a> 3842 </li> 3843 3844 </ul> 3845</div> 3846 3847<div class="component link-list"> 3848 <div class="component-content"> 3849 <h3 class="heading is-3">Informazioni sul produttore</h3> 3850 <ul class="footer-navigation"> 3851 <li class="item0 odd first"> 3852<div class="field-link"><a v-tag="{"event":"uaevent","ecommerce":"undefined","eventCategory":"burger menu","eventAction":"select","eventLabel":"link 1"}" data-variantfieldname="Link" data-variantitemid="{D33653DF-8F0F-433B-8EC5-179C8CB316F7}">Garnier</a></div> </li> 3853 <li class="item1 even"> 3854<div class="field-link"><a v-tag="{"event":"uaevent","ecommerce":"undefined","eventCategory":"burger menu","eventAction":"select","eventLabel":"link 2"}" data-variantfieldname="Link" data-variantitemid="{CF4C371C-962A-463B-9995-C91AE20471E8}">14, Rue Royale 75008 Paris France</a></div> </li> 3855 <li class="item2 odd"> 3856<div class="field-link"><a v-tag="{"event":"uaevent","ecommerce":"undefined","eventCategory":"burger menu","eventAction":"select","eventLabel":"link 3"}" data-variantfieldname="Link" data-variantitemid="{85FBB049-DFB7-4787-8EE8-659D1655A5AA}">[email protected]</a></div> </li> 3857 <li class="item3 even last"> 3858<div class="field-link"><a v-tag="{"event":"uaevent","ecommerce":"undefined","eventCategory":"burger menu","eventAction":"select","eventLabel":"link 4"}" data-variantfieldname="Link" data-variantitemid="{40C40500-B989-4AE4-B214-4A59AE356768}">[email protected]</a></div> </li> 3859 3860 </ul> 3861 </div> 3862</div> 3863 3864 </div> 3865 </div> 3866 <div class="col-xs-12 col-sm-12" id="legaltext"> 3867 3868 </div> 3869 </div> 3870 </div> 3871 </footer> 3872</div> 3873 3874 3875 <!-- /#footer --> 3876 <scroll-to-top :scroll-to-top-label='{"scroll":"Scroll To Top"}'></scroll-to-top> 3877 </div> 3878 </div> 3879 <!-- /#wrapper --> 3880 3881
3882<script defer src="/Refapp-build/foundation-layer/scripts/RefApp.foundation-layer.CM.js"></script>
3882 3883 3884 3885 3886 <!-- Sales Force Script Block --> 3887
3887<script type="text/javascript"> 3888 if (typeof _etmc !== "undefined" && _etmc) { 3889 } 3890 </script>
3890 3891 3892 3893 3894 3895</body> 3896</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.