PageSourceSearch

https://www.garnier.it/termini-di-utilizzo

html garnier.it collected 2026-09-26 11:18:53 UTC 384,244 bytes, 3,896 lines download raw bytes

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 &amp; Condizioni - Garnier"><meta property="og:url"  content="https://www.garnier.it/termini-di-utilizzo"><meta property="og:description"  content="Learn about Garnier&#39;s Terms of Use Policy including general terms &amp; conditions, privacy, your Garnier account, product availability and copy right infringement.">
49
50
51<meta  name="description" content="Learn about Garnier&#39;s Terms of Use Policy including general terms &amp; conditions, privacy, your Garnier account, product availability and copy right infringement.">
52
53
54<meta  name="twitter:description" content="Learn about Garnier&#39;s Terms of Use Policy including general terms &amp; conditions, privacy, your Garnier account, product availability and copy right infringement."><meta  name="twitter:title" content="Termini di Utilizzo - Termini Generali &amp; 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;cura della pelle&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle&quot;,&quot;step&quot;:&quot;1/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;tipo di prodotto::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;tipo di prodotto&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::tipo di prodotto&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::tipo di prodotto::acqua micellare&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::tipo di prodotto::acqua micellare&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;acqua micellare::https://www.garnier.it/shop-products/viso/acqua-micellare&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;acqua micellare&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/viso/acqua-micellare&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::tipo di prodotto::acqua micellare&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::tipo di prodotto::detergenti&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::tipo di prodotto::detergenti&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;detergenti::https://www.garnier.it/shop-products/viso/detergenti-viso&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;detergenti&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/viso/detergenti-viso&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::tipo di prodotto::detergenti&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::tipo di prodotto::sieri&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::tipo di prodotto::sieri&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;sieri::https://www.garnier.it/shop-products/viso/sieri-viso&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;sieri&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/viso/sieri-viso&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::tipo di prodotto::sieri&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::tipo di prodotto::creme viso con spf&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::tipo di prodotto::creme viso con spf&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;creme viso con spf::https://www.garnier.it/shop-products/viso/creme-viso-con-spf&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;creme viso con spf&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/viso/creme-viso-con-spf&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::tipo di prodotto::creme viso con spf&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::tipo di prodotto::pimple patch&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::tipo di prodotto::pimple patch&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;pimple patch::https://www.garnier.it/skinactive/pure-active/patch-brufoli&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;pimple patch&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/skinactive/pure-active/patch-brufoli&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::tipo di prodotto::pimple patch&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::tipo di prodotto::maschere viso&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::tipo di prodotto::maschere viso&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;maschere viso::https://www.garnier.it/shop-products/viso/maschere-viso&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;maschere viso&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/viso/maschere-viso&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::tipo di prodotto::maschere viso&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::tipo di prodotto::idratanti&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::tipo di prodotto::idratanti&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;idratanti::https://www.garnier.it/shop-products/viso/idratanti&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;idratanti&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/viso/idratanti&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::tipo di prodotto::idratanti&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::tipo di prodotto::bb cream&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::tipo di prodotto::bb cream&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;bb cream::https://www.garnier.it/shop-products/skinactive-bb-cream&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;bb cream&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/skinactive-bb-cream&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::tipo di prodotto::bb cream&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::tipo di prodotto::trattamenti liquidi&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::tipo di prodotto::trattamenti liquidi&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;trattamenti liquidi::https://www.garnier.it/shop-products/viso/trattamenti-liquidi&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;trattamenti liquidi&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/viso/trattamenti-liquidi&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::tipo di prodotto::trattamenti liquidi&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;ingredienti::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;ingredienti&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::ingredienti&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
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&amp;cx=0&amp;cy=0&amp;cw=414&amp;ch=208&amp;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&amp;cx=0&amp;cy=0&amp;cw=800&amp;ch=308&amp;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&amp;cx=0&amp;cy=0&amp;cw=360&amp;ch=600&amp;hash=71A6AC8DCEF55451FB3C78B7492A78D6" alt="" />
762                        <a href="https://www.garnier.it/ingredienti/vitamina-c" target=""
763                               class="level-image_wrapper-link menu-tag" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::ingredienti::scopri nostra vitamina c&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::ingredienti::scopri nostra vitamina c&quot;,&quot;event_detail&quot;:&quot;image&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;scopri nostra vitamina c::https://www.garnier.it/ingredienti/vitamina-c&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;scopri nostra vitamina c&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/ingredienti/vitamina-c&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::ingredienti::scopri nostra vitamina c&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;image&quot;}">
764                            </a>
765                        </picture>
766                            <a class="levelFourLink menu-tag" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::ingredienti::scopri nostra vitamina c&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::ingredienti::scopri nostra vitamina c&quot;,&quot;event_detail&quot;:&quot;image&quot;}"
767                               href="https://www.garnier.it/ingredienti/vitamina-c"
768                               target="" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;scopri nostra vitamina c::https://www.garnier.it/ingredienti/vitamina-c&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;
768scopri nostra vitamina c&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/ingredienti/vitamina-c&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::ingredienti::scopri nostra vitamina c&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;image&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::ingredienti::acido ialuronico&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::ingredienti::acido ialuronico&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;acido ialuronico::https://www.garnier.it/ingredienti/acido-ialuronico&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;acido ialuronico&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/ingredienti/acido-ialuronico&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::ingredienti::acido ialuronico&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::ingredienti::acido salicilico&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::ingredienti::acido salicilico&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;acido salicilico::https://www.garnier.it/ingredienti/acido-salicilico&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;acido salicilico&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/ingredienti/acido-salicilico&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::ingredienti::acido salicilico&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::ingredienti::micelle&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::ingredienti::micelle&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;micelle::https://www.garnier.it/ingredienti/micelle&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;micelle&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/ingredienti/micelle&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::ingredienti::micelle&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::ingredienti::niacinamide&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::ingredienti::niacinamide&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;niacinamide::https://www.garnier.it/ingredienti/niacinamide&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;niacinamide&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/ingredienti/niacinamide&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::ingredienti::niacinamide&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::ingredienti::vedi tutto: ingredienti&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::ingredienti::vedi tutto: ingredienti&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;vedi tutto: ingredienti::https://www.garnier.it/ingredienti&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;vedi tutto: ingredienti&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/ingredienti&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::ingredienti::vedi tutto: ingredienti&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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&amp;cx=0&amp;cy=0&amp;cw=414&amp;ch=208&amp;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&amp;cx=0&amp;cy=0&amp;cw=800&amp;ch=308&amp;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&amp;cx=0&amp;cy=0&amp;cw=360&amp;ch=600&amp;hash=71A6AC8DCEF55451FB3C78B7492A78D6" alt="" />
830                            <a href="https://www.garnier.it/ingredienti/vitamina-c" target=""
831                               class="level-image_wrapper-link menu-tag" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::ingredienti::scopri nostra vitamina c&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::ingredienti::scopri nostra vitamina c&quot;,&quot;event_detail&quot;:&quot;image&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;
831scopri nostra vitamina c::https://www.garnier.it/ingredienti/vitamina-c&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;scopri nostra vitamina c&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/ingredienti/vitamina-c&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::ingredienti::scopri nostra vitamina c&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;image&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::ingredienti::scopri nostra vitamina c&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::ingredienti::scopri nostra vitamina c&quot;,&quot;event_detail&quot;:&quot;image&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;scopri nostra vitamina c::https://www.garnier.it/ingredienti/vitamina-c&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;scopri nostra vitamina c&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/ingredienti/vitamina-c&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::ingredienti::scopri nostra vitamina c&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;image&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;bisogni della pelle::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;bisogni della pelle&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::bisogni della pelle&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::bisogni della pelle::macchie scure&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::bisogni della pelle::macchie scure&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;macchie scure::https://www.garnier.it/search-page/search?query=macchie+scure&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;macchie scure&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/search-page/search?query=macchie+scure&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::bisogni della pelle::macchie scure&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::bisogni della pelle::brufoli e imperfezioni&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::bisogni della pelle::brufoli e imperfezioni&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;brufoli e imperfezioni::https://www.garnier.it/bisogni/pelle/brufoli&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;brufoli e imperfezioni&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/bisogni/pelle/brufoli&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::bisogni della pelle::brufoli e imperfezioni&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::bisogni della pelle::punti neri&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::bisogni della pelle::punti neri&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;punti neri::https://www.garnier.it/bisogni/pelle/punti-neri&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;punti neri&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/bisogni/pelle/punti-neri&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::bisogni della pelle::punti neri&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::bisogni della pelle::pelle mista e grassa&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::bisogni della pelle::pelle mista e grassa&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;pelle mista e grassa::https://www.garnier.it/shop-products/viso/pelle-mista-grassa&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;pelle mista e grassa&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/viso/pelle-mista-grassa&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::bisogni della pelle::pelle mista e grassa&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::bisogni della pelle::pelle normale&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::bisogni della pelle::pelle normale&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;pelle normale::https://www.garnier.it/shop-products/viso/pelle-normale&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;pelle normale&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/viso/pelle-normale&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::bisogni della pelle::pelle normale&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::bisogni della pelle::pelle secca&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::bisogni della pelle::pelle secca&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;pelle secca::https://www.garnier.it/shop-products/viso/pelle-secca&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;pelle secca&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/viso/pelle-secca&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::bisogni della pelle::pelle secca&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::bisogni della pelle::pelle sensibile&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::bisogni della pelle::pelle sensibile&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;pelle sensibile::https://www.garnier.it/shop-products/viso/pelle-sensibile&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;pelle sensibile&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/viso/pelle-sensibile&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::bisogni della pelle::pelle sensibile&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;le gamme::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;le gamme&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::le gamme&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::le gamme::acqua micellare&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::le gamme::acqua micellare&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;acqua micellare::https://www.garnier.it/skinactive/acqua-micellare&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;acqua micellare&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/skinactive/acqua-micellare&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::le gamme::acqua micellare&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::le gamme::hyaluron&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::le gamme::hyaluron&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;hyaluron::https://www.garnier.it/hyaluron&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;hyaluron&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/hyaluron&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::le gamme::hyaluron&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::le gamme::pure active&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::le gamme::pure active&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;pure active::https://www.garnier.it/skinactive/pure-active&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;pure active&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/skinactive/pure-active&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::le gamme::pure active&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::le gamme::vitamina c&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::le gamme::vitamina c&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;vitamina c::https://www.garnier.it/vitamina-c&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;vitamina c&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/vitamina-c&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::le gamme::vitamina c&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::le gamme::maschere in tessuto&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::le gamme::maschere in tessuto&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;maschere in tessuto::https://www.garnier.it/skinactive/hydra-bomb&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;maschere in tessuto&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/skinactive/hydra-bomb&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::le gamme::maschere in tessuto&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::le gamme::vedi tutto: le gamme&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::le gamme::vedi tutto: le gamme&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;vedi tutto: le gamme::https://www.garnier.it/skinactive&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;vedi tutto: le gamme&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/skinactive&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::le gamme::vedi tutto: le gamme&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;guide &amp; consigli::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;guide &amp; consigli&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::guide &amp; consigli&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
1097            <!-- conditional for new badge -->
1098            <span class="list_title">
1099                GUIDE &amp; 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 &amp; 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::guide &amp; consigli::tutti i bisogni della pelle&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::guide &amp; consigli::tutti i bisogni della pelle&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;tutti i bisogni della pelle::https://www.garnier.it/bisogni/pelle&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;tutti i bisogni della pelle&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/bisogni/pelle&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::guide &amp; consigli::tutti i bisogni della pelle&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::guide &amp; consigli::tips e consigli per la pelle&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::guide &amp; consigli::tips e consigli per la pelle&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;tips e consigli per la pelle::https://www.garnier.it/magazine/pelle-perfetta&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;tips e consigli per la pelle&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/magazine/pelle-perfetta&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::guide &amp; consigli::tips e consigli per la pelle&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::guide &amp; consigli::tips e consigli beauty&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::guide &amp; consigli::tips e consigli beauty&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;tips e consigli beauty::https://www.garnier.it/magazine/beauty-routine&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;tips e consigli beauty&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/magazine/beauty-routine&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::guide &amp; consigli::tips e consigli beauty&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::vedi tutto: cura della pelle&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::vedi tutto: cura della pelle&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;vedi tutto: cura della pelle::https://www.garnier.it/shop-products/viso&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;vedi tutto: cura della pelle&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/viso&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::vedi tutto: cura della pelle&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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&amp;cx=0&amp;cy=0&amp;cw=414&amp;ch=344&amp;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&amp;cx=0&amp;cy=0&amp;cw=800&amp;ch=482&amp;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&amp;cx=0&amp;cy=0&amp;cw=360&amp;ch=324&amp;hash=8361DE1731A8C9834322271A8FEE005B" alt="" />
1204                                <a href="https://www.garnier.it/skincoach-diagnosis" target=""
1205                                   class="level-image_wrapper-link menu-tag" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::&quot;,&quot;event_detail&quot;:&quot;image&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;diagnosi cutanea skincoach ai::https://www.garnier.it/skincoach-diagnosis&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;diagnosi cutanea skincoach ai&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/skincoach-diagnosis&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::diagnosi cutanea skincoach ai&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;image&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura della pelle::&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura della pelle::&quot;,&quot;event_detail&quot;:&quot;image&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;diagnosi cutanea skincoach ai::https://www.garnier.it/skincoach-diagnosis&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;diagnosi cutanea skincoach ai&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/skincoach-diagnosis&quot;,&quot;breadCrumb&quot;:&quot;cura della pelle::diagnosi cutanea skincoach ai&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;image&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;cura dei capelli &amp; styling&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling&quot;,&quot;step&quot;:&quot;1/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
1235            <span class="list_title">
1236                CURA DEI CAPELLI &amp; 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 &amp; 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;tipo di prodotto::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;tipo di prodotto&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
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&amp;cx=0&amp;cy=0&amp;cw=414&amp;ch=208&amp;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&amp;cx=0&amp;cy=0&amp;cw=800&amp;ch=308&amp;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&amp;cx=0&amp;cy=0&amp;cw=360&amp;ch=600&amp;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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::novit&#224;! flexi gel ricci&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::novit&#224;! flexi gel ricci&quot;,&quot;event_detail&quot;:&quot;image&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;novit&#224;! flexi gel ricci::https://www.garnier.it/fructis/metodo-ricci/gel&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;novit&#224;! flexi gel ricci&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/fructis/metodo-ricci/gel&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::novit&#224;! flexi gel ricci&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;image&quot;}">
1351                            </a>
1352                        </picture>
1353                            <a class="levelFourLink menu-tag" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::novit&#224;! flexi gel ricci&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::novit&#224;! flexi gel ricci&quot;,&quot;event_detail&quot;:&quot;image&quot;}"
1354                               href="https://www.garnier.it/fructis/metodo-ricci/gel"
1355                               target="" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;novit&#224;
1355! flexi gel ricci::https://www.garnier.it/fructis/metodo-ricci/gel&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;novit&#224;! flexi gel ricci&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/fructis/metodo-ricci/gel&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::novit&#224;! flexi gel ricci&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;image&quot;}">
1356                                <span class="ctaLinkText">
1357                                    Novit&#224;! 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::shampoo&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::shampoo&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;shampoo::https://www.garnier.it/shop-products/capelli/shampoo&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;shampoo&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/capelli/shampoo&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::shampoo&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::balsamo&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::balsamo&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;balsamo::https://www.garnier.it/shop-products/capelli/balsamo&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;balsamo&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/capelli/balsamo&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::balsamo&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::trattamento&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::trattamento&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;trattamento::https://www.garnier.it/shop-products/capelli/trattamento&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;trattamento&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/capelli/trattamento&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::trattamento&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::maschere&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::maschere&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;maschere::https://www.garnier.it/shop-products/capelli/maschera&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;maschere&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/capelli/maschera&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::maschere&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::siero&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::siero&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;
1404siero::https://www.garnier.it/shop-products/capelli/siero-per-capelli&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;siero&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/capelli/siero-per-capelli&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::siero&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::styling&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::styling&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;styling::https://www.garnier.it/shop-products/capelli?filters=spray&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;styling&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/capelli?filters=spray&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::styling&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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&amp;cx=0&amp;cy=0&amp;cw=414&amp;ch=208&amp;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&amp;cx=0&amp;cy=0&amp;cw=800&amp;ch=308&amp;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&amp;cx=0&amp;cy=0&amp;cw=360&amp;ch=600&amp;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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::novit&#224;! flexi gel ricci&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::novit&#224;! flexi gel ricci&quot;,&quot;event_detail&quot;:&quot;image&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;novit&#224;
1431! flexi gel ricci::https://www.garnier.it/fructis/metodo-ricci/gel&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;novit&#224;! flexi gel ricci&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/fructis/metodo-ricci/gel&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::novit&#224;! flexi gel ricci&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;image&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::novit&#224;! flexi gel ricci&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::novit&#224;! flexi gel ricci&quot;,&quot;event_detail&quot;:&quot;image&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;novit&#224;! flexi gel ricci::https://www.garnier.it/fructis/metodo-ricci/gel&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;novit&#224;! flexi gel ricci&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/fructis/metodo-ricci/gel&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di prodotto::novit&#224;! flexi gel ricci&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;image&quot;}">
1437                                    <span class="ctaLinkText">
1438                                        Novit&#224;! 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;tipo di capelli::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;tipo di capelli&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli danneggiati&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli danneggiati&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;capelli danneggiati::https://www.garnier.it/bisogni/capelli/capelli-danneggiati&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;capelli danneggiati&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/bisogni/capelli/capelli-danneggiati&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli danneggiati&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli ricci o mossi&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli ricci o mossi&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;capelli ricci o mossi::https://www.garnier.it/shop-products/capelli/capelli-crespi&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;capelli ricci o mossi&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/capelli/capelli-crespi&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli ricci o mossi&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli grassi&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli grassi&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;capelli grassi::https://www.garnier.it/bisogni/capelli/capelli-grassi&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;capelli grassi&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/bisogni/capelli/capelli-grassi&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli grassi&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::bambini&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::bambini&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;
1536bambini::https://www.garnier.it/bisogni/capelli/bambini&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;bambini&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/bisogni/capelli/bambini&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::bambini&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli spenti&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli spenti&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;capelli spenti::https://www.garnier.it/bisogni/capelli/capelli-spenti&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;capelli spenti&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/bisogni/capelli/capelli-spenti&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli spenti&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli secchi&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli secchi&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;capelli secchi::https://www.garnier.it/bisogni/capelli/capelli-secchi&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;capelli secchi&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/bisogni/capelli/capelli-secchi&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli secchi&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli delicati&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli delicati&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;capelli delicati::https://www.garnier.it/bisogni/capelli/capelli-delicati&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;capelli delicati&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/bisogni/capelli/capelli-delicati&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli delicati&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli lisci&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli lisci&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;capelli lisci::https://www.garnier.it/bisogni/capelli/capelli-lisci&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;capelli lisci&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/bisogni/capelli/capelli-lisci&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli lisci&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli crespi&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli crespi&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;capelli crespi::https://www.garnier.it/bisogni/capelli/capelli-crespi&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;capelli crespi&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/bisogni/capelli/capelli-crespi&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli crespi&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli fragili&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli fragili&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;capelli fragili::https://www.garnier.it/bisogni/capelli/capelli-fragili&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;capelli fragili&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/bisogni/capelli/capelli-fragili&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::capelli fragili&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::colorati&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::colorati&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;colorati::https://www.garnier.it/shop-products/capelli/capelli-colorati&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;colorati&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/capelli/capelli-colorati&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::colorati&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::forfora&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::forfora&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;forfora::https://www.garnier.it/shop-products/capelli/anti-forfora&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;forfora&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/capelli/anti-forfora&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::tipo di capelli::forfora&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;ingredienti::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;ingredienti&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::ingredienti&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::ingredienti::aloe vera&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::ingredienti::aloe vera&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;aloe vera::https://www.garnier.it/ingredienti/aloe-vera&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;aloe vera&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/ingredienti/aloe-vera&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::ingredienti::aloe vera&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::ingredienti::olio di argan&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::ingredienti::olio di argan&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;olio di argan::https://www.garnier.it/ingredienti/argan&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;olio di argan&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/ingredienti/argan&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::ingredienti::olio di argan&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::ingredienti::avocado oil&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::ingredienti::avocado oil&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;avocado oil::https://www.garnier.it/ingredienti/avocado&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;avocado oil&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/ingredienti/avocado&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::ingredienti::avocado oil&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::ingredienti::miele&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::ingredienti::miele&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;miele::https://www.garnier.it/ingredienti/miele&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;miele&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/ingredienti/miele&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::ingredienti::miele&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::ingredienti::vedi tutto: ingredienti&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::ingredienti::vedi tutto: ingredienti&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;vedi tutto: ingredienti::https://www.garnier.it/ingredienti&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;vedi tutto: ingredienti&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/ingredienti&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::ingredienti::vedi tutto: ingredienti&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;le gamme::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;le gamme&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
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&amp;cx=0&amp;cy=0&amp;cw=414&amp;ch=208&amp;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&amp;cx=0&amp;cy=0&amp;cw=800&amp;ch=308&amp;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&amp;cx=0&amp;cy=0&amp;cw=360&amp;ch=600&amp;hash=F87DB0C5FAD9B0B643C0A405A5F7FC50" alt="" />
1792                        <a href="https://www.garnier.it/fructis/lisci-cheratina" target=""
1793                               class="level-image_wrapper-link menu-tag" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::le gamme::lisci cheratina&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::lisci cheratina&quot;,&quot;event_detail&quot;:&quot;image&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;lisci cheratina::https://www.garnier.it/fructis/lisci-cheratina&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;lisci cheratina&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/fructis/lisci-cheratina&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::lisci cheratina&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;image&quot;}">
1794                            </a>
1795                        </picture>
1796                            <a class="levelFourLink menu-tag" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::le gamme::lisci cheratina&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::lisci cheratina&quot;,&quot;event_detail&quot;:&quot;image&quot;}"
1797                               href="https://www.garnier.it/fructis/lisci-cheratina"
1798                               target="" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;
1798lisci cheratina::https://www.garnier.it/fructis/lisci-cheratina&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;lisci cheratina&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/fructis/lisci-cheratina&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::lisci cheratina&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;image&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::le gamme::ultra dolce&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::ultra dolce&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;ultra dolce::https://www.garnier.it/ultradolce&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;ultra dolce&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/ultradolce&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::ultra dolce&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::le gamme::fructis &quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::fructis &quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;fructis ::https://www.garnier.it/fructis&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;fructis &quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/fructis&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::fructis &quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::le gamme::hair food&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::hair food&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;
1829hair food::https://www.garnier.it/fructis/fructis-hairfood&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;hair food&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/fructis/fructis-hairfood&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::hair food&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::le gamme::bambini&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::bambini&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;
1838bambini::https://www.garnier.it/shop-products/ultra-dolce-capelli/bambini&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;bambini&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/ultra-dolce-capelli/bambini&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::bambini&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::le gamme::metodo ricci&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::metodo ricci&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;metodo ricci::https://www.garnier.it/fructis/metodo-ricci&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;metodo ricci&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/fructis/metodo-ricci&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::metodo ricci&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::le gamme::lisci cheratina&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::lisci cheratina&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;lisci cheratina::https://www.garnier.it/fructis/lisci-cheratina&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;lisci cheratina&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/fructis/lisci-cheratina&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::lisci cheratina&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::le gamme::vedi tutto: le gamme&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::vedi tutto: le gamme&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;vedi tutto: le gamme::https://www.garnier.it/shop-products/capelli&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;vedi tutto: le gamme&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/capelli&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::vedi tutto: le gamme&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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&amp;cx=0&amp;cy=0&amp;cw=414&amp;ch=208&amp;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&amp;cx=0&amp;cy=0&amp;cw=800&amp;ch=308&amp;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&amp;cx=0&amp;cy=0&amp;cw=360&amp;ch=600&amp;hash=F87DB0C5FAD9B0B643C0A405A5F7FC50" alt="" />
1878                            <a href="https://www.garnier.it/fructis/lisci-cheratina" target=""
1879                               class="level-image_wrapper-link menu-tag" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::le gamme::lisci cheratina&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::lisci cheratina&quot;,&quot;event_detail&quot;:&quot;image&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;lisci cheratina::https://www.garnier.it/fructis/lisci-cheratina&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;lisci cheratina&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/fructis/lisci-cheratina&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::lisci cheratina&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;image&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::le gamme::lisci cheratina&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::lisci cheratina&quot;,&quot;event_detail&quot;:&quot;image&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;lisci cheratina::https://www.garnier.it/fructis/lisci-cheratina&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;lisci cheratina&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/fructis/lisci-cheratina&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::le gamme::lisci cheratina&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;image&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;guide &amp; consigli::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;guide &amp; consigli&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::guide &amp; consigli&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
1896            <!-- conditional for new badge -->
1897            <span class="list_title">
1898                GUIDE &amp; 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 &amp; 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::guide &amp; consigli::tutti i bisogni dei capelli&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::guide &amp; consigli::tutti i bisogni dei capelli&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;tutti i bisogni dei capelli::https://www.garnier.it/bisogni/capelli&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;tutti i bisogni dei capelli&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/bisogni/capelli&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::guide &amp; consigli::tutti i bisogni dei capelli&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::guide &amp; consigli::consigli e cura capelli&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::guide &amp; consigli::consigli e cura capelli&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;consigli e cura capelli::https://www.garnier.it/magazine/cura-dei-capelli&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;consigli e cura capelli&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/magazine/cura-dei-capelli&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::guide &amp; consigli::consigli e cura capelli&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::guide &amp; consigli::consigli di styling&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::guide &amp; consigli::consigli di styling&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;consigli di styling::https://www.garnier.it/magazine/tendenze-capelli&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;consigli di styling&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/magazine/tendenze-capelli&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::guide &amp; consigli::consigli di styling&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;cura dei capelli &amp; styling::vedi tutto: cura dei capelli &amp; styling&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;cura dei capelli &amp; styling::vedi tutto: cura dei capelli &amp; styling&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;vedi tutto: cura dei capelli &amp; styling::https://www.garnier.it/shop-products/capelli&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;vedi tutto: cura dei capelli &amp; styling&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/capelli&quot;,&quot;breadCrumb&quot;:&quot;cura dei capelli &amp; styling::vedi tutto: cura dei capelli &amp; styling&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" class="menu-tag">
1993                                VEDI TUTTO: CURA DEI CAPELLI &amp; 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;colorazione dei capelli&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli&quot;,&quot;step&quot;:&quot;1/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;colore capelli::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;colore capelli&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::colore capelli&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::colore capelli::biondo&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::colore capelli::biondo&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;biondo::https://www.garnier.it/shop-products/colorazione/biondo&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;biondo&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/colorazione/biondo&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::colore capelli::biondo&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::colore capelli::nero&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::colore capelli::nero&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;nero::https://www.garnier.it/shop-products/colorazione/nero&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;nero&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/colorazione/nero&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::colore capelli::nero&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::colore capelli::castano&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::colore capelli::castano&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;castano::https://www.garnier.it/shop-products/colorazione/castano&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;castano&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/colorazione/castano&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::colore capelli::castano&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::colore capelli::rosso&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::colore capelli::rosso&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;rosso::https://www.garnier.it/shop-products/colorazione/rosso&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;rosso&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/colorazione/rosso&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::colore capelli::rosso&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::colore capelli::rame e mogano&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::colore capelli::rame e mogano&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;rame e mogano::https://www.garnier.it/shop-products/colorazione/rame-e-mogano&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;rame e mogano&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/colorazione/rame-e-mogano&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::colore capelli::rame e mogano&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;tipi di colorazione::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;tipi di colorazione&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::tipi di colorazione&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::tipi di colorazione::colorare i capelli bianchi&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::tipi di colorazione::colorare i capelli bianchi&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;colorare i capelli bianchi::https://www.garnier.it/bisogni/colorazione/massima-copertura-copertura-bianchi&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;colorare i capelli bianchi&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/bisogni/colorazione/massima-copertura-copertura-bianchi&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::tipi di colorazione::colorare i capelli bianchi&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::tipi di colorazione::colorazione senza ammoniaca&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::tipi di colorazione::colorazione senza ammoniaca&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;colorazione senza ammoniaca::https://www.garnier.it/bisogni/colorazione/tecnologia-senza-ammoniaca&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;colorazione senza ammoniaca&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/bisogni/colorazione/tecnologia-senza-ammoniaca&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::tipi di colorazione::colorazione senza ammoniaca&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::tipi di colorazione::ritocco ricrescita&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::tipi di colorazione::ritocco ricrescita&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;ritocco ricrescita::https://www.garnier.it/bisogni/colorazione/ritocco-ricrescita&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;ritocco ricrescita&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/bisogni/colorazione/ritocco-ricrescita&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::tipi di colorazione::ritocco ricrescita&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::tipi di colorazione::ravvivare il colore&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::tipi di colorazione::ravvivare il colore&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;ravvivare il colore::https://www.garnier.it/olia/olia-gloss&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;ravvivare il colore&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/olia/olia-gloss&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::tipi di colorazione::ravvivare il colore&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::tipi di colorazione::decolorazione&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::tipi di colorazione::decolorazione&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;decolorazione::https://www.garnier.it/decolorazione-capelli-guida&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;decolorazione&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/decolorazione-capelli-guida&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::tipi di colorazione::decolorazione&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;i nostri brand::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;i nostri brand&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::i nostri brand&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
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&amp;cx=0&amp;cy=0&amp;cw=414&amp;ch=208&amp;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&amp;cx=0&amp;cy=0&amp;cw=800&amp;ch=308&amp;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&amp;cx=0&amp;cy=0&amp;cw=360&amp;ch=600&amp;hash=AE647E3DA217237E5A1825DAF1F18466" alt="" />
2346                        <a href="https://www.garnier.it/olia/olia-gloss" target=""
2347                               class="level-image_wrapper-link menu-tag" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::i nostri brand::novit&#224;! olia gloss&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::i nostri brand::novit&#224;! olia gloss&quot;,&quot;event_detail&quot;:&quot;image&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;novit&#224;! olia gloss::https://www.garnier.it/olia/olia-gloss&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;novit&#224;! olia gloss&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/olia/olia-gloss&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::i nostri brand::novit&#224;! olia gloss&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;image&quot;}">
2348                            </a>
2349                        </picture>
2350                            <a class="levelFourLink menu-tag" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::i nostri brand::novit&#224;! olia gloss&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::i nostri brand::novit&#224;! olia gloss&quot;,&quot;event_detail&quot;:&quot;image&quot;}"
2351                               href="https://www.garnier.it/olia/olia-gloss"
2352                               target="" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;novit&#224;! olia gloss::https://www.garnier.it/olia/olia-gloss&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;novit&#224;! olia gloss&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/olia/olia-gloss&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::i nostri brand::novit&#224;! olia gloss&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;image&quot;}">
2353                                <span class="ctaLinkText">
2354                                    Novit&#224;! 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::i nostri brand::olia&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::i nostri brand::olia&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;olia::https://www.garnier.it/olia&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;olia&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/olia&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::i nostri brand::olia&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::i nostri brand::good&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::i nostri brand::good&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;good::https://www.garnier.it/good&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;good&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/good&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::i nostri brand::good&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::i nostri brand::color sensation&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::i nostri brand::color sensation&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;color sensation::https://www.garnier.it/color-sensation&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;color sensation&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/color-sensation&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::i nostri brand::color sensation&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::i nostri brand::kit color sensation&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::i nostri brand::kit color sensation&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;kit color sensation::https://www.garnier.it/kit-color-sensation&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;kit color sensation&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/kit-color-sensation&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::i nostri brand::kit color sensation&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::i nostri brand::belle color&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::i nostri brand::belle color&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;belle color::https://www.garnier.it/belle-color&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;belle color&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/belle-color&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::i nostri brand::belle color&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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&amp;cx=0&amp;cy=0&amp;cw=414&amp;ch=208&amp;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&amp;cx=0&amp;cy=0&amp;cw=800&amp;ch=308&amp;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&amp;cx=0&amp;cy=0&amp;cw=360&amp;ch=600&amp;hash=AE647E3DA217237E5A1825DAF1F18466" alt="" />
2418                            <a href="https://www.garnier.it/olia/olia-gloss" target=""
2419                               class="level-image_wrapper-link menu-tag" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::i nostri brand::novit&#224;! olia gloss&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::i nostri brand::novit&#224;! olia gloss&quot;,&quot;event_detail&quot;:&quot;image&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;novit&#224;! olia gloss::https://www.garnier.it/olia/olia-gloss&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;novit&#224;! olia gloss&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/olia/olia-gloss&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::i nostri brand::novit&#224;! olia gloss&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;image&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::i nostri brand::novit&#224;! olia gloss&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::i nostri brand::novit&#224;! olia gloss&quot;,&quot;event_detail&quot;:&quot;image&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;novit&#224;! olia gloss::https://www.garnier.it/olia/olia-gloss&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;novit&#224;! olia gloss&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/olia/olia-gloss&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::i nostri brand::novit&#224;! olia gloss&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;image&quot;}">
2425                                    <span class="ctaLinkText">
2426                                        Novit&#224;! 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;guide &amp; consigli::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;guide &amp; consigli&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::guide &amp; consigli&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
2436            <!-- conditional for new badge -->
2437            <span class="list_title">
2438                GUIDE &amp; 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 &amp; 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::guide &amp; consigli::bisogni capelli colorati&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::guide &amp; consigli::bisogni capelli colorati&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;bisogni capelli colorati::https://www.garnier.it/bisogni/colorazione&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;bisogni capelli colorati&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/bisogni/colorazione&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::guide &amp; consigli::bisogni capelli colorati&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::guide &amp; consigli::consigli sulla colorazione&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::guide &amp; consigli::consigli sulla colorazione&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;consigli sulla colorazione::https://www.garnier.it/magazine/colorazione-capelli&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;consigli sulla colorazione&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/magazine/colorazione-capelli&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::guide &amp; consigli::consigli sulla colorazione&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::guide &amp; consigli::vedi tutto: guide &amp; consigli&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::guide &amp; consigli::vedi tutto: guide &amp; consigli&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;vedi tutto: guide &amp; consigli::https://www.garnier.it/prova-virtuale&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;vedi tutto: guide &amp; consigli&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/prova-virtuale&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::guide &amp; consigli::vedi tutto: guide &amp; consigli&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" class="menu-tag">
2516                                VEDI TUTTO: GUIDE &amp; 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::vedi tutto: colorazione dei capelli&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::vedi tutto: colorazione dei capelli&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;vedi tutto: colorazione dei capelli::https://www.garnier.it/shop-products/colorazione&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;vedi tutto: colorazione dei capelli&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/colorazione&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::vedi tutto: colorazione dei capelli&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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&amp;cx=0&amp;cy=0&amp;cw=414&amp;ch=344&amp;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&amp;cx=0&amp;cy=0&amp;cw=800&amp;ch=482&amp;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&amp;cx=0&amp;cy=0&amp;cw=360&amp;ch=324&amp;hash=EBC25711724E9B3840DF5FB2923D4E5A" alt="" />
2539                                <a href="https://www.garnier.it/prova-virtuale" target=""
2540                                   class="level-image_wrapper-link menu-tag" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::&quot;,&quot;event_detail&quot;:&quot;image&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;prova virtuale::https://www.garnier.it/prova-virtuale&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;prova virtuale&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/prova-virtuale&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::prova virtuale&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;image&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;colorazione dei capelli::&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;colorazione dei capelli::&quot;,&quot;event_detail&quot;:&quot;image&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;prova virtuale::https://www.garnier.it/prova-virtuale&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;prova virtuale&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/prova-virtuale&quot;,&quot;breadCrumb&quot;:&quot;colorazione dei capelli::prova virtuale&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;image&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;protezione solare::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;protezione solare&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;protezione solare&quot;,&quot;step&quot;:&quot;1/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;protezione solare::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;protezione solare&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::protezione solare&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::protezione solare::corpo&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::protezione solare::corpo&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;corpo::https://www.garnier.it/shop-products/solari/corpo&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;corpo&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/solari/corpo&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::protezione solare::corpo&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::protezione solare::viso&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::protezione solare::viso&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;viso::https://www.garnier.it/shop-products/solari/viso&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;viso&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/solari/viso&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::protezione solare::viso&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::protezione solare::bambini&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::protezione solare::bambini&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;bambini:: https://www.garnier.it/shop-products/solari/bambini&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;bambini&quot;,&quot;link_url&quot;:&quot; https://www.garnier.it/shop-products/solari/bambini&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::protezione solare::bambini&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::protezione solare::doposole&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::protezione solare::doposole&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;doposole:: https://www.garnier.it/shop-products/solari/doposole&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;doposole&quot;,&quot;link_url&quot;:&quot; https://www.garnier.it/shop-products/solari/doposole&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::protezione solare::doposole&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::protezione solare::autoabbronzanti&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::protezione solare::autoabbronzanti&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;autoabbronzanti:: https://www.garnier.it/shop-products/solari/abbronzanti&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;autoabbronzanti&quot;,&quot;link_url&quot;:&quot; https://www.garnier.it/shop-products/solari/abbronzanti&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::protezione solare::autoabbronzanti&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;spf::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;spf&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::spf&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::spf::spf 15 20&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::spf::spf 15 20&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;spf 15 20::https://www.garnier.it/search-page/search?query=spf+20&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;spf 15 20&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/search-page/search?query=spf+20&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::spf::spf 15 20&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::spf::spf 30 50&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::spf::spf 30 50&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;spf 30 50::https://www.garnier.it/shop-products/solari/protezione-alta&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;spf 30 50&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/solari/protezione-alta&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::spf::spf 30 50&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::spf::spf 50+&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::spf::spf 50+&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;spf 50+::https://www.garnier.it/shop-products/solari/protezione-molto-alta&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;spf 50+&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/solari/protezione-molto-alta&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::spf::spf 50+&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;tipo di protezione solare::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;tipo di protezione solare&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::tipo di protezione solare&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::tipo di protezione solare::crema viso&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::tipo di protezione solare::crema viso&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;crema viso::https://www.garnier.it/shop-products/solari/crema-viso&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;crema viso&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/solari/crema-viso&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::tipo di protezione solare::crema viso&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::tipo di protezione solare::colorato&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::tipo di protezione solare::colorato&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;colorato::https://www.garnier.it/search-page/search?query=%0d%0aiperpigmentazione&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;colorato&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/search-page/search?query=%0d%0aiperpigmentazione&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::tipo di protezione solare::colorato&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::tipo di protezione solare::olio&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::tipo di protezione solare::olio&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;
2912olio:: https://www.garnier.it/shop-products/solari/olio-solare&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;olio&quot;,&quot;link_url&quot;:&quot; https://www.garnier.it/shop-products/solari/olio-solare&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::tipo di protezione solare::olio&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::tipo di protezione solare::spray&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::tipo di protezione solare::spray&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;spray::https://www.garnier.it/shop-products/solari/spray&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;spray&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/solari/spray&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::tipo di protezione solare::spray&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::tipo di protezione solare::stick&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::tipo di protezione solare::stick&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;stick::https://www.garnier.it/search-page/search?query=stick+solare&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;stick&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/search-page/search?query=stick+solare&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::tipo di protezione solare::stick&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::tipo di protezione solare::latte&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::tipo di protezione solare::latte&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;latte::https://www.garnier.it/shop-products/solari/latte&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;latte&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/solari/latte&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::tipo di protezione solare::latte&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::tipo di protezione solare::vedi tutto: tipo di protezione solare&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::tipo di protezione solare::vedi tutto: tipo di protezione solare&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;vedi tutto: tipo di protezione solare::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;vedi tutto: tipo di protezione solare&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::tipo di protezione solare::vedi tutto: tipo di protezione solare&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;le gamme::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;le gamme&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::le gamme&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::le gamme::super uv &quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::le gamme::super uv &quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;super uv ::https://www.garnier.it/ambre-solaire/super-uv-fluidi-viso&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;super uv &quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/ambre-solaire/super-uv-fluidi-viso&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::le gamme::super uv &quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::le gamme::advanced sensitive&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::le gamme::advanced sensitive&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;advanced sensitive::https://www.garnier.it/ambre-solaire/advanced-sensitive&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;advanced sensitive&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/ambre-solaire/advanced-sensitive&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::le gamme::advanced sensitive&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::le gamme::ideal bronze&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::le gamme::ideal bronze&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;ideal bronze::https://www.garnier.it/ambre-solaire/ideal-bronze&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;ideal bronze&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/ambre-solaire/ideal-bronze&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::le gamme::ideal bronze&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::le gamme::doposole&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::le gamme::doposole&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;doposole::https://www.garnier.it/bisogni/pelle/solari/doposole&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;doposole&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/bisogni/pelle/solari/doposole&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::le gamme::doposole&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::le gamme::vedi tutto: le gamme&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::le gamme::vedi tutto: le gamme&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;vedi tutto: le gamme::https://www.garnier.it/ambre-solaire&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;vedi tutto: le gamme&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/ambre-solaire&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::le gamme::vedi tutto: le gamme&quot;,&quot;step&quot;:&quot;3/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;protezione solare::vedi tutto: protezione solare&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;protezione solare::vedi tutto: protezione solare&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;vedi tutto: protezione solare::https://www.garnier.it/shop-products/solari&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;vedi tutto: protezione solare&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/shop-products/solari&quot;,&quot;breadCrumb&quot;:&quot;protezione solare::vedi tutto: protezione solare&quot;,&quot;step&quot;:&quot;2/3&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;servizi e diagnostica::undefined&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;servizi e diagnostica&quot;,&quot;link_url&quot;:&quot;undefined&quot;,&quot;breadCrumb&quot;:&quot;servizi e diagnostica&quot;,&quot;step&quot;:&quot;1/2&quot;,&quot;event_detail&quot;:&quot;regular&quot;}">
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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;servizi e diagnostica::prova virtuale del colore per capelli&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;servizi e diagnostica::prova virtuale del colore per capelli&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;prova virtuale del colore per capelli::https://www.garnier.it/prova-virtuale&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;prova virtuale del colore per capelli&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/prova-virtuale&quot;,&quot;breadCrumb&quot;:&quot;servizi e diagnostica::prova virtuale del colore per capelli&quot;,&quot;step&quot;:&quot;2/2&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;servizi e diagnostica::diagnosi cutanea skincoach ai&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;servizi e diagnostica::diagnosi cutanea skincoach ai&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" data-menuitem="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;module_progression&quot;,&quot;eventCategory&quot;:&quot;[MenuPageCategory]&quot;,&quot;eventLabel&quot;:&quot;diagnosi cutanea skincoach ai::https://www.garnier.it/skincoach-diagnosis&quot;,&quot;eventAction&quot;:&quot;module_progression&quot;,&quot;module_name&quot;:&quot;main menu navigation&quot;,&quot;cta_name&quot;:&quot;diagnosi cutanea skincoach ai&quot;,&quot;link_url&quot;:&quot;https://www.garnier.it/skincoach-diagnosis&quot;,&quot;breadCrumb&quot;:&quot;servizi e diagnostica::diagnosi cutanea skincoach ai&quot;,&quot;step&quot;:&quot;2/2&quot;,&quot;event_detail&quot;:&quot;regular&quot;}" 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&#252;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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;event_name&quot;:&quot;logo_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;logo&quot;}">
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='{&quot;filtersettingsitemid&quot;:&quot;8643716f-21f8-494b-acba-9ea9828cc6ad&quot;,&quot;filterpageitemid&quot;:&quot;04ee607a-2d57-482e-b09a-cbb22c320d0b&quot;,&quot;searchwithsuggestions&quot;:true,&quot;formactionlink&quot;:&quot;/search-page/search&quot;}'>
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&rsquo;uso del Sito (di seguito I &ldquo;<strong>Termini di Utilizzo</strong>&rdquo;). Utilizzando questo Sito, accetti senza riserva alcuna i presenti Termini di Utilizzo.<br />
3450Per qualsivoglia richiesta relativa all&rsquo;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&rsquo;OR&Eacute;AL ITALIA S.p.A. con un capitale sociale di EUR 1.679.800,00, sede legale in Via  F. Primaticcio 155, 20147 &ndash; 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>&nbsp;(di seguito indicata come l&rsquo;"<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 &ldquo;Societ&agrave; estera n / immat.RCS&rdquo;, 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 &ldquo;CHATBOT&rdquo;</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>&nbsp;<br />
3483<strong>1. ACCESSO AL SITO</strong></h2>
3484Per accedere al Sito &egrave; necessario essere maggiorenni. Se non sei maggiorenne, &egrave; richiesta l&rsquo;autorizzazione dei tuoi genitori o esercenti la responsabilit&agrave; genitoriale.
3485Potresti navigare liberamente sul Sito senza dover registrarti o creare un account.<br />
3486L&rsquo;accesso ad alcune sezioni del Sito potrebbe richiedere l&rsquo;uso di password. In questo caso, sar&agrave; 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&agrave; 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&ograve; essere scaricato sul tuo dispositivo e potresti avere la possibilit&agrave; 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&agrave; 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&agrave; 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. &ldquo;Test&amp;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 &egrave; 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 &egrave; 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&agrave; 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 &egrave; una tua opera originale e non viola i diritti di privativa industriale di terzi e, pi&ugrave; in generale, &egrave; 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&rsquo;Or&eacute;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&agrave; 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&rsquo;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&agrave; 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 &ldquo;CHATBOT&rdquo; </strong></h2>
3556Il Sito permette agli utenti di dialogare con uno Skin Expert attraverso la funzionalit&agrave; 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 &egrave; di propriet&agrave; di terzi e, pertanto, l'utilizzo di tale funzionalit&agrave; attraverso questo Sito &egrave; 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&agrave; 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&egrave; marchi, immagini, testi, video, ecc.) sono protetti da diritti di propriet&agrave; intellettuale. Non sar&agrave; 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 &ldquo;Contenuti Scaricabili&rdquo;). Ti concediamo il diritto non esclusivo e non trasferibile a terzi per l&rsquo;utilizzo dei Contenuti Scaricabili, ad uso personale e privato, per la durata pari alla protezione legale dei diritti di propriet&agrave; intellettuale definiti dalle leggi francesi e straniere e dai trattati internazionali.<br />
3566&Egrave; vietata qualsiasi riproduzione, rappresentazione, modifica o distribuzione del Sito. Scaricando o utilizzando tali Contenuti Scaricabili, l'utente accetta di utilizzarli in conformit&agrave; ai presenti Termini di Utilizzo.<br />
3567Qualora il Sito prevedesse la possibilit&agrave; 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&agrave; 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 &egrave; 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&agrave; intellettuale e/o industriale, diritti d&rsquo;autore, diritti di pubblicit&agrave; (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&rsquo;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&rsquo;Or&eacute;al una licenza a titolo gratuito, irrevocabile, non esclusiva, mondiale, per la durata pari alla protezione legale dei diritti di propriet&agrave; 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&rsquo;Or&eacute;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&agrave; &egrave; concesso per un periodo di cinque (5) anni per gli stessi media descritti dettagliatamente nella suddetta disposizione.<br />
3574Noi e il Gruppo L&rsquo;Or&eacute;al avremo la facolt&agrave; 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 &egrave; autorizzato per tutti gli scopi di comunicazione interna o esterna, aziendale o finanziaria, pubblicit&agrave; e per tutte le comunicazioni pubbliche, nonch&eacute; a scopo di archivio da parte del Gruppo L'Or&eacute;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&agrave; 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&hellip;; 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&agrave; presso punti vendita al dettaglio e sui prodotti del Gruppo L&rsquo;Or&eacute;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&agrave; intellettuale o dei diritti della personalit&agrave; relativi al Contenuto Utente; (ii) voi e tutte le altre persone che compaiono nel Contenuto Utente avete un&rsquo;et&agrave; superiore a 18 anni; (iii) l&rsquo;utilizzo del vostro Contenuto Utente da parte nostra e del Gruppo L&rsquo;Or&eacute;al non viola alcuna legge n&eacute; viola i diritti di terzi. Noi e il Gruppo L&rsquo;Or&eacute;al abbiamo il diritto di rivelare la vostra identit&agrave; a terzi che affermino che il Contenuto Utente viola i loro diritti.<br />
3583Se il vostro Contenuto Utente contiene un&rsquo;approvazione o una testimonianza dei nostri prodotti o servizi, garantite che si tratti di un&rsquo;espressione sincera e accurata della vostra opinione basata sull&rsquo;utilizzo dei prodotti L&rsquo;Or&eacute;al e che avete reso noto di aver ricevuto gratuitamente il prodotto e/o altro incentivo da parte di nostra o del Gruppo L&rsquo;Or&eacute;al al fine della pubblicazione del vostro Contenuto Utente.<br />
3584Ti informiamo inoltre che i suddetti sociali networks sono piattaforme di propriet&agrave; 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&eacute; la rimozione dei Contenuti Utente. Sar&agrave; responsabile per la gestione di eventuali richieste di terze parti relative all'uso dei Contenuti Utente in conformit&agrave; ai termini di utilizzo definiti dai social networks.<br />
3585<br />
3586Inoltre, ti ricordiamo che qualsiasi Contenuto Utente pu&ograve; 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 &ldquo;virale&rdquo; (passaparola) su siti web di terzi e che Noi e il Gruppo L&rsquo;Or&eacute;al non ci assumeremo alcuna responsabilit&agrave; per qualsiasi reclamo o azione in merito.<br />
3587Questa autorizzazione conferisce alla nostra societ&agrave; la possibilit&agrave; di adattare il Contenuto Utente rispetto alla versione originale e/o apportare qualsiasi chiarimento al Contenuto Utente da Noi ritenuto utile, purch&eacute; il Contenuto Utente non modifichi la vostra immagine o le parole.<br />
3588<br />
3589Inoltre, l&rsquo;utilizzo del Contenuto Utente pu&ograve; comportare il trattamento di informazioni anonimizzate quali la vostra citt&agrave;, il tuo paese o la tua et&agrave; e/o, se l&rsquo;avete espressamente autorizzato, informazioni che consentano la vostra identificazione quali il vostro nome o l&rsquo;indirizzo e-mail.<br />
3590Prendi atto ed accetti che Noi o il Gruppo L&rsquo;Or&eacute;al non ti riconoscer&agrave; alcun compenso per l&rsquo;utilizzo del tuo Contenuto Utente e/o per qualsiasi diritto di propriet&agrave;
3590 intellettuale connesso a tale contenuto.<br />
3591Qualsiasi Contenuto Utente che pubblicherai tramite questo Sito sar&agrave; scelto da te e pubblicato sotto la tua esclusiva responsabilit&agrave;. Tuttavia, ti ricordiamo che i Contenuti Utente non dovr&agrave; essere in contrasto con la legislazione applicabile o con i principi di moralit&agrave; 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>&nbsp;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 &ldquo;sensibili&rdquo;:
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&rsquo;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&rsquo;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&agrave; estranee alla stessa, incluso l&rsquo;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&agrave; dei giovani;</li>
3619    <li>intimidire o molestare altri;</li>
3620    <li>intraprendere attivit&agrave; 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&agrave;, 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&agrave;, 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&rsquo;Or&eacute;al, o a qualsiasi persona che agisce per conto nostro, la responsabilit&agrave; per eventuali reclami o domande in relazione all&rsquo;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&rsquo;autore della pubblicazione, che non state sottraendo l&rsquo;identit&agrave; di un&rsquo;altra persona e che non state utilizzando un indirizzo e-mail falso o non siete fuorvianti riguardo all&rsquo;origine della vostra pubblicazione;</li>
3629    <li>la tua pubblicazione &egrave; il frutto del tuo lavoro e non viola i diritti di propriet&agrave; 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&rsquo;Or&eacute;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&agrave; 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&rsquo;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&rsquo;umanit&agrave;, incitare all&rsquo;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&agrave;, l&rsquo;URL, la descrizione del contenuto e l&rsquo;ID utente dell&rsquo;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&agrave;, l&rsquo;URL, la descrizione del contenuto e l&rsquo;ID utente dell&rsquo;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&ugrave; 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 &egrave; 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&rsquo;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&eacute; 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&agrave; 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 &egrave; da Noi controllabile. Di conseguenza, poich&eacute; questi collegamenti ipertestuali sono stati inclusi nel Sito con il solo fine di facilitare la navigazione Internet, la consultazione di tali siti avverr&agrave; esclusivamente a seguito di una tua decisione e sotto la tua esclusiva responsabilit&agrave;.<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&agrave; di titolare del trattamento, per le finalit&agrave; e con le tempistiche di volta in volta indicate nell&rsquo;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&rsquo;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 &ldquo;Cookies&rdquo;).<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&agrave; notificata all'utente tramite il Sito prima dell&rsquo;entrata in vigore, in conformit&agrave; ai Termini di Utilizzo. Salvo che la modifica non richieda il tuo consenso espresso, l'utilizzo continuato del Sito sar&agrave; 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 &ldquo;Societ&agrave; estera n / immat.RCS&rdquo;, 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&ograve;, 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&agrave; sar&agrave; limitata a danni diretti, escludendo qualsiasi altro danno o perdita. Pi&ugrave; 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&agrave; 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&ograve; 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&agrave; 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="{&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::footer&quot;,&quot;eventLabel&quot;:&quot;website links::termini di utilizzo&quot;,&quot;click_area&quot;:&quot;footer&quot;,&quot;breadcrumb&quot;:&quot;website links::termini di utilizzo&quot;}" 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="{&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::footer&quot;,&quot;eventLabel&quot;:&quot;website links::informazioni privacy&quot;,&quot;click_area&quot;:&quot;footer&quot;,&quot;breadcrumb&quot;:&quot;website links::informazioni privacy&quot;}" 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="{&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::footer&quot;,&quot;eventLabel&quot;:&quot;website links::impostazione cookie&quot;,&quot;click_area&quot;:&quot;footer&quot;,&quot;breadcrumb&quot;:&quot;website links::impostazione cookie&quot;}" 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="{&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::footer&quot;,&quot;eventLabel&quot;:&quot;website links::cookie policy&quot;,&quot;click_area&quot;:&quot;footer&quot;,&quot;breadcrumb&quot;:&quot;website links::cookie policy&quot;}" data-variantfieldname="Link" href="/cookie-policy" data-variantitemid="{60047C2C-5A72-4B6C-AEC3-328FDF09647F}">Cookie Policy</a>            </li>
3783            <li>
3784<a v-tag="{&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::footer&quot;,&quot;eventLabel&quot;:&quot;website links::informativa recensioni&quot;,&quot;click_area&quot;:&quot;footer&quot;,&quot;breadcrumb&quot;:&quot;website links::informativa recensioni&quot;}" data-variantfieldname="Link" href="/informativa-recensioni" data-variantitemid="{0FAFEE0D-79D8-4897-B977-826EB22DC16C}">Informativa Recensioni</a>            </li>
3785            <li>
3786<a v-tag="{&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::footer&quot;,&quot;eventLabel&quot;:&quot;website links::mappa del sito&quot;,&quot;click_area&quot;:&quot;footer&quot;,&quot;breadcrumb&quot;:&quot;website links::mappa del sito&quot;}" 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">&#169;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="{&quot;event_name&quot;:&quot;menu_click&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::footer&quot;,&quot;eventLabel&quot;:&quot;customer service::contattaci&quot;,&quot;click_area&quot;:&quot;footer&quot;,&quot;breadcrumb&quot;:&quot;customer service::contattaci&quot;}" 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="{&quot;event&quot;:&quot;socialint&quot;,&quot;event_name&quot;:&quot;social_interaction&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;socialNetwork&quot;:&quot;instagram&quot;,&quot;socialAction&quot;:&quot;follow&quot;,&quot;socialTarget&quot;:&quot;https://www.instagram.com/garnieritalia/&quot;,&quot;social_network&quot;:&quot;instagram&quot;,&quot;social_action&quot;:&quot;follow&quot;}" 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="{&quot;event&quot;:&quot;socialint&quot;,&quot;event_name&quot;:&quot;social_interaction&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;socialNetwork&quot;:&quot;facebook&quot;,&quot;socialAction&quot;:&quot;share&quot;,&quot;socialTarget&quot;:&quot;https://www.facebook.com/garnier.italia/&quot;,&quot;social_network&quot;:&quot;facebook&quot;,&quot;social_action&quot;:&quot;share&quot;}" 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="{&quot;event&quot;:&quot;socialint&quot;,&quot;event_name&quot;:&quot;social_interaction&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;socialNetwork&quot;:&quot;youtube&quot;,&quot;socialAction&quot;:&quot;follow&quot;,&quot;socialTarget&quot;:&quot;https://www.youtube.com/user/garnierit&quot;,&quot;social_network&quot;:&quot;youtube&quot;,&quot;social_action&quot;:&quot;follow&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;burger menu&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;link 1&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;burger menu&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;link 2&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;burger menu&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;link 3&quot;}" 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="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;burger menu&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;link 4&quot;}" 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.