PageSourceSearch

https://www.garnier.com.my/

html garnier.com.my collected 2026-10-06 15:18:13 UTC 249,982 bytes, 3,143 lines download raw bytes

1
2
3
4   
5    
6    
7
8
9 
10
11
12<!DOCTYPE html>
13<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
14<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
15<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
16<!--[if gt IE 8]><!-->
17<html class="no-js" lang="ms-MY" id="id">
18<!--<![endif]-->
19<head>
20    
21
22    <link href="/-/media/project/loreal/brand-sites/garnier/apac/my/ico/newgarnierlogoupdate_favicon_32x32.png?rev=-1" rel="shortcut icon" />
23
24
25<!-- OneTrust Cookies Consent Notice start for garnier.com.my -->
26<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js"  type="text/javascript" charset="UTF-8" data-domain-script="a216d57a-d39d-49de-aff5-a8dd97f3608b" ></script>
vendor: 2 bytes, line 26
26
27<script type="text/javascript">
28function OptanonWrapper() { }
29</script>
29
30<!-- OneTrust Cookies Consent Notice end for garnier.com.my -->
31
32    <meta name="viewport" content="width=device-width, initial-scale=1" charset="utf-8" />
33    <link rel="preload" crossorigin="anonymous" href="/themes/garnier/bundle.css?v=12.6.0-release00000004" as="style">
34    <link rel="preload" crossorigin="anonymous" href="/themes/apac/bundle.css?v=12.6.0-release00000004" as="style">
35    <link rel="preload" type="text/css" href="/themes/garnier/gothamfonts.css" as="style">
36
37    <link rel="stylesheet" crossorigin="anonymous" href="/themes/garnier/bundle.css?v=12.6.0-release00000004">
38    <link rel="stylesheet" crossorigin="anonymous" href="/themes/apac/bundle.css?v=12.6.0-release00000004">
39    <link rel="preload" crossorigin="anonymous" href="/themes/Garnier/bundle.js?v=12.6.0-release00000004" as="script">
40    <link rel="preload" crossorigin="anonymous" href="/themes/apac/bundle.js?v=12.6.0-release00000004" as="script">
41    <link rel="stylesheet" type="text/css" href="/themes/garnier/gothamfonts.css" />
42    <link href="https://www.garnier.com.my" rel="canonical" />
43    
44    
45<script type="application/ld+json">
46       {"@context":"http://schema.org/","@type":"Organization","url":"https://www.garnier.com.my","description":"Discover skin care, hir care, hair color, hair styling & men's care by Garnier. Explore top-rated products to finding your custom skin care and hair routines.","name":"Garnier","sameAs":"","address":{"@type":"PostalAddress","streetAddress":"4308 BLABLA ROAD","addressLocality":"NEW YORK","addressRegion":"NEW YORK","postalCode":"70001","addressCountry":"United States"},"contactPoint":{"@type":"ContactPoint","telephone":"5057313989","contactType":"customer support","areaServed":"","availablelanguage":["Malay"]},"parentOrganization":{"@type":"Organization","name":"L'Oréal Group","url":"https://www.loreal.com"}}
47</script>
47
48
49
50
51        <title>Produk Penjagaan Kulit & Pewarna Rambut dari Garnier</title>
52
53
54
55
56
57
58        <link rel="alternate" href="https://www.garnier.com.my/" hreflang="ms-my" />
59        <link rel="alternate" href="https://www.garnier.com.sg/" hreflang="en-sg" />
60
61
62
63
64<meta property="og:type"  content="homepage"><meta property="og:site_name"  content="Garnier"><meta property="og:image"  content="https://www.garnier.com.my/-/media/project/loreal/brand-sites/garnier/apac/my/3d-rainbow-water-drop-black-android-wallpaper.jpg?rev=1e9527b9f4b942858fef3c0954cd88db"><meta property="og:title"  content="Homepage - Garnier.com"><meta property="og:url"  content="https://www.garnier.com.my/"><meta property="og:description"  content="open graph description">
65
66
67<meta  name="description" content="Diskaun 10% untuk jenama micellar No.1 dunia. Temui inovasi terbaru seperti bright complete water gel dan sakura glow. Pilih bahan semula jadi terbaik."><meta  name="keywords" content="meta keywords Home page">
68
69
70<meta property="twitter:site"  content="site"><meta  name="twitter:image" content="https://www.garnier.com.my/-/media/project/loreal/brand-sites/garnier/apac/my/oldroot/01.jpg?rev=56fa07c397ba4618ae1001877378c81f"><meta  name="twitter:description" content="tweet description"><meta  name="twitter:title" content="Title"><meta  name="twitter:card" content="app">
71
72    <meta name="viewport" content="width=device-width, initial-scale=1" />
73<link rel="preconnect" crossorigin="anonymous" href="https://www.googletagmanager.com/gtm.js?id=GTM-PWWH6HM" as="script">
74        
74<script type="text/javascript">
75            function OptanonWrapper() {
76                        window.gtmLoaded = true;
vendor: 733 bytes, lines 76-89
76
77                        (function(w, d, s, l, i) {
78                            w[l] = w[l] || [];
79                            w[l].push({
80                                'gtm.start': new Date().getTime(),
81                                event: 'gtm.js'
82                            });
83                            var f = d.getElementsByTagName(s)[0],
84                                j = d.createElement(s),
85                                dl = l != 'dataLayer' ? '&l=' + l : '';
86        j.async = true;
87                            j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl;
88                            f.parentNode.insertBefore(j, f);
89                        })(window, document, 'script', 'dataLayer', '
89GTM-PWWH6HM
vendor: 17 bytes, lines 89-90
89');
90            
90}
91function gaOptanon() {
92    if (typeof(OptanonWrapper) === 'function') {
93        window.gtmLoaded = false;
94        setTimeout(() => {
95            if (!window.gtmLoaded) {
96                OptanonWrapper();
97            }
98        }, 1000);
99    } else {
100        function gtmManager() {}
vendor: 509 bytes, lines 100-113
100
101        (function(w, d, s, l, i) {
102            w[l] = w[l] || [];
103            w[l].push({
104                'gtm.start': new Date().getTime(),
105                            event: 'gtm.js'
106                        });
107var f = d.getElementsByTagName(s)[0],
108    j = d.createElement(s),
109    dl = l != 'dataLayer' ? '&l=' + l : '';
110j.async = true;
111j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl;
112f.parentNode.insertBefore(j, f);
113                    })(window, document, 'script', 'dataLayer', '
113GTM-PWWH6HM
vendor: 21 bytes, lines 113-114
113');
114                
114}
115            }
116            window.gaOptanon = gaOptanon;
117        </script>
117
118        
118<script type="text/plain" class="optanon-category-2">
119            if (window.eventBus) {
120    window.eventBus.$emit('optanonCategory2', true);
121            
122            }
123        </script>
123
124        
124<script type="text/plain" class="optanon-category-3">
125            if (window.eventBus) {
126            window.eventBus.$emit('optanonCategory3', true);
127            
128            }
129        </script>
129
130        
130<script type="text/plain" class="optanon-category-4">
131            if (window.eventBus) {
132                window.eventBus.$emit('optanonCategory4', true);
133                
134            }
135        </script>
135
136            
136<script type="text/javascript">
137                gaOptanon();
138            </script>
138
139    
139<script type="text/javascript">
140        var dataLayer = window["dataLayer"] || [];
141        dataLayer.push({"brand":"GAR","language":"ms","country":"SG","geoIPLocation":"US","siteTypeLevel":"main","pageCategory":"homepage","uiLoggedStatus":"not logged","website_type":"NON-DTC","masterVersion":"3.2","breadCrumb":"home","product_category":""});
142    </script>
142
143    
143<script type="application/json" id="refapp-global-tagging-configuration">
144        {
145            "globalVars":   {
146            "[page category]": "homepage"
147                            }
148        }
149    </script>
149
150    <!-- Google Tag Manager -->
151    <link rel="dns-prefetch" href="https://www.googletagmanager.com">
152    <link rel="dns-prefetch" href="https://www.google-analytics.com">
153    <!-- End Google Tag Manager -->
154    <!--Jebbit Quiz Tagging Script-->
155    
155<script type="text/javascript">
156        setTimeout(function () {
157            function iFramePush(message) {
158                try {
159                    if (typeof message.data['event'] != 'undefined')
160                        dataLayer.push(message.data);
161                } catch (e) { }
162            }
163            window.addEventListener("message", iFramePush, false);
164        }, 5000);
165    </script>
165
166    <!--End Jebbit Quiz Tagging Script-->
167        
167<script crossorigin="anonymous" src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.7.16/vue.runtime.min.js"></script>
vendor: 2 bytes, line 167
167
168<script src="/Refapp-build/refapp-user-redirect/widget-vue2/refapp-user-redirect.umd.js?v=1.0.0.3"></script>
168
169    <link rel="stylesheet" type="text/css" href="/themes/garnier/gothamfonts.css" defer />
170    
171    
172
173
174<script type="application/ld+json">
175
176
177{
178  "@context": "https://schema.org",
179  "@type": "WebSite",
180  "url":"https://www.garnier.com.my/",
181  "potentialAction": {
182    "@type": "SearchAction",
183    "target": {
184      "@type": "EntryPoint",
185      "urlTemplate":"https://www.garnier.com.my//search-page/search?query={search_term_string}"
186    },
187    "query-input": "required name=search_term_string"
188  }
189}
190</script>
190
191
192
193</head>
194
195
196<body class="default-device wireframe-images bodyclass gotham-fontsgotham-fonts">
197    
197<script>document.querySelector('html').classList.remove('no-js')</script>
197
198    <div style="display: none"><?xml version="1.0" encoding="utf-8" ?>
199<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
200    <symbol viewBox="0 0 300 300" id="account" xmlns="http://www.w3.org/2000/svg">
201        <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" />
202    </symbol>
203    <symbol viewBox="0 0 300 300" id="arrow-down" xmlns="http://www.w3.org/2000/svg">
204        <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" />
205    </symbol>
206    <symbol viewBox="0 0 300 300" id="arrow-next" xmlns="http://www.w3.org/2000/svg">
207        <path class="acst0" d="M102.4 298.8l-48.8-47.5 99-101.7-101.7-99L98.4 1.8l150.5 146.5z" />
208    </symbol>
209    <symbol viewBox="0 0 300 300" id="arrow-previous" xmlns="http://www.w3.org/2000/svg">
210        <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" />
211    </symbol>
212    <symbol viewBox="0 0 272.93 295" id="arrow-reset" xmlns="http://www.w3.org/2000/svg">
213        <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" />
214    </symbol>
215    <svg viewBox="0 0 16 16" id="arrow-right" fill="none" xmlns="http://www.w3.org/2000/svg">
216        <path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="2"/>
217    </svg>
218    <symbol viewBox="0 0 300 300" id="arrow-slider-next" xmlns="http://www.w3.org/2000/svg">
219        <path class="afcls-1" d="M115.45 81.31l70.41 68.56-68.56 70.41" />
220    </symbol>
221    <symbol viewBox="0 0 300 300" id="arrow-slider-previous" xmlns="http://www.w3.org/2000/svg">
222        <path class="agcls-1" d="M185.86 81.31l-70.41 68.56 68.56 70.41" />
223    </symbol>
224    <svg width="30" height="30" id="arrow-top-rounded" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
225      <path d="M22.5 18.75L15 11.25L7.5 18.75" stroke="#156031" stroke-width="2.5"/>
226    </svg>
227
228    <symbol viewBox="0 0 300 300" id="arrows-updown" xmlns="http://www.w3.org/2000/svg">
229        <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" />
230    </symbol>
231    <symbol fill="none" viewBox="0 0 201 98" id="back-arrow-quiz" xmlns="http://www.w3.org/2000/svg">
232        <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" />
233    </symbol>
234    <symbol viewBox="0 0 20 20" id="before-after" xmlns="http://www.w3.org/2000/svg">
235        <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" />
236    </symbol>
237    <symbol viewBox="0 0 300 300" id="burger" xmlns="http://www.w3.org/2000/svg">
238        <path class="alcls-1" d="M45 85.3h210v27.54H45zm0 51.63h210v27.54H45zm0 51.64h210v27.54H45z" />
239    </symbol>
240    <symbol viewBox="0 0 300 300" id="cart" xmlns="http://www.w3.org/2000/svg">
241        <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" />
242    </symbol>
243    <symbol viewBox="0 0 300 300" id="chat" xmlns="http://www.w3.org/2000/svg">
244        <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" />
245    </symbol>
246    <symbol viewBox="0 0 300 300" id="chat-with-dots" xmlns="http://www.w3.org/2000/svg">
247        <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" />
248        <circle cx="108" cy="126.2" r="11.2" fill="#fff" />
249        <circle cx="156.7" cy="126.2" r="11.2" fill="#fff" />
250        <circle cx="205.4" cy="126.2" r="11.2" fill="#fff" />
251    </symbol>
252    <symbol viewBox="0 0 15 15" id="close" xmlns="http://www.w3.org/2000/svg">
253        <path class="apst0" d="M.4 1.1l13.5 13.5 1-1L1.4.1l-1 1z" />
254        <path class="apst0" d="M14.9 1.1L1.4 14.6l-1-1L13.9.1l1 1z" />
255    </symbol>
256    <symbol viewBox="0 0 80 48" id="email" xmlns="http://www.w3.org/2000/svg">
257        <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" />
258    </symbol>
259    <symbol viewBox="0 0 300 300" id="facebook" xmlns="http://www.w3.org/2000/svg">
260        <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" />
261    </symbol>
262    <symbol viewBox="0 0 300 300" id="google" xmlns="http://www.w3.org/2000/svg">
263        <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" />
264    </symbol>
265    <symbol viewBox="0 0 300 300" id="home" xmlns="http://www.w3.org/2000/svg">
266        <path class="atcls-1" d="M149.48 51.52l-84.04 68.76v129.88h168.08V120.28l-84.04-68.76z" />
267        <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" />
268    </symbol>
269    <symbol viewBox="0 0 49 49" id="info" xmlns="http://www.w3.org/2000/svg">
270        <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" />
271        <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" />
272        <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" />
273    </symbol>
274    <symbol viewBox="0 0 300 300" id="instagram" xmlns="http://www.w3.org/2000/svg">
275        <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" />
276    </symbol>
277    <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">
278        <circle cx="50" cy="50" r="40" fill="none" stroke="#eef7db" stroke-width="3">
279            <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
279inite" />
280            <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" />
281        </circle>
282        <circle cx="50" cy="50" r="25.953" fill="none" stroke="#B4C832" stroke-width="3">
283            <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" />
284            <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" />
285        </circle>
286    </symbol>
287    <symbol viewBox="0 0 300 300" id="location" xmlns="http://www.w3.org/2000/svg">
288        <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" />
289    </symbol>
290    <symbol viewBox="0 0 15 15" id="minus" xmlns="http://www.w3.org/2000/svg">
291        <path class="ayst0" d="M17.2 8H-1.9V6.6h19.1V8z" />
292    </symbol>
293    <symbol viewBox="0 0 300 300" id="pinterest" xmlns="http://www.w3.org/2000/svg">
294        <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" />
295    </symbol>
296    <symbol viewBox="0 0 15 15" id="plus" xmlns="http://www.w3.org/2000/svg">
297        <path class="bast0" d="M7-2.2v19.1h1.4V-2.2H7z" />
298        <path class="bast0" d="M17.2 8H-1.9V6.6h19.1V8z" />
299    </symbol>
300    <symbol fill="none" viewBox="0 0 24 24" id="arrowhead-previous" xmlns="http://www.w3.org/2000/svg">
301        <path d="M15 6l-6 6 6 6" stroke="#21362C" stroke-width="2"/>
302    </symbol>
303    <symbol fill="none" viewBox="0 0 24 24" id="arrowhead-next" xmlns="http://www.w3.org/2000/svg">
304        <path d="M9 18l6-6-6-6" stroke="#21362C" stroke-width="2"/>
305    </symbol>
306    <symbol fill="none" viewBox="0 0 18 18" id="arrowhead-S-right" xmlns="http://www.w3.org/2000/svg">
307        <path d="M6.75 13.5l4.5-4.5-4.5-4.5" stroke="currentColor" stroke-width="2"/>
308    </symbol>
309    <symbol viewBox="0 0 126 135" id="rounded-arrow-quiz" xmlns="http://www.w3.org/2000/svg">
310        <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"/>
311    </symbol>
312    <symbol viewBox="0 0 300 300" id="search" xmlns="http://www.w3.org/2000/svg">
313        <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" />
314    </symbol>
315    <symbol viewBox="0 0 300 300" id="share" xmlns="http://www.w3.org/2000/svg">
316        <circle cx="151" cy="150.5" r="99" />
317        <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" />
318    </symbol>
319    <symbol viewBox="0 0 155.139 155.139" id="sign-in-facebook" xmlns="http://www.w3.org/2000/svg">
320        <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" />
321    </symbol>
322    <symbol viewBox="0 0 300 300" id="star" xmlns="http://www.w3.org/2000/svg">
323        <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" />
324    </symbol>
325    <symbol viewBox="0 0 29 21.96" id="tryon-camera" xmlns="http://www.w3.org/2000/svg">
326        <path class="bgcls-1" d="M21.78 4l-2.34-4H9.56L7.22 4H0v18h29V4zM28 21H1V5h6.79l2.34-4h8.74l2.34 4H28z" />
327        <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" />
328        <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" />
329    </symbol>
330    <symbol viewBox="0 0 22.4 19" id="tryon-reload" xmlns="http://www.w3.org/2000/svg">
331        <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" />
332    </symbol>
333    <symbol viewBox="0 0 29 25" id="tryon-upload" xmlns="http://www.w3.org/2000/svg">
334        <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" />
335        <path class="bicls-1" d="M29 0H0v18h10.63v-1H1V1h27v16h-9.63v1H29V0z" />
336    </symbol>
337    <symbol viewBox="0 0 300 300" id="twitter" xmlns="http://www.w3.org/2000/svg">
338        <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" />
339    </symbol>
340    <symbol viewBox="0 0 107 59" id="up-arrow" xmlns="http://www.w3.org/2000/svg">
341        <path d="M107.4 54.9L53.9.3.4 54.9 4 58.6 53.9 7.7l49.9 50.9z" />
342    </symbol>
343    <symbol viewBox="0 0 300 300" id="video" xmlns="http://www.w3.org/2000/svg">
344        <path class="blcls-1" d="M126.93 113.88v79.35l66.13-39.67-66.13-39.68z" />
345        <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" />
346    </symbol>
347    <symbol viewBox="0 0 20 20" id="video-pdp" xmlns="http://www.w3.org/2000/svg">
348        <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" />
349    </symbol>
350    <symbol viewBox="0 0 300 300" id="youtube" xmlns="http://www.w3.org/2000/svg">
351        <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
3510.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" />
352    </symbol>
353    <symbol viewBox="0 0 300 300" id="zoom-minus" xmlns="http://www.w3.org/2000/svg">
354        <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" />
355        <path class="bocls-1" d="M106.28 142.92v-14.98h59.91v14.98z" />
356    </symbol>
357    <symbol viewBox="0 0 300 300" id="zoom-plus" xmlns="http://www.w3.org/2000/svg">
358        <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" />
359        <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" />
360    </symbol>
361    <symbol viewBox="0 0 40 40" id="co2" xmlns="http://www.w3.org/2000/svg">
362        <g fill="none" fill-rule="evenodd">
363            <circle stroke="#969696" fill="#FFF" cx="20" cy="20" r="19.5" />
364            <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" />
365        </g>
366    </symbol>
367    <symbol viewBox="0 0 40 40" id="picto-water" xmlns="http://www.w3.org/2000/svg">
368        <g fill="none" fill-rule="evenodd">
369            <circle stroke="#969696" fill="#FFF" cx="20" cy="20" r="19.5" />
370            <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" />
371        </g>
372    </symbol>
373    <symbol viewBox="0 0 40 40" id="picto-tryon" xmlns="http://www.w3.org/2000/svg">
374        <path fill="#004532" d="M0 0h40v40H0z" />
375        <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
375-.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"
376              fill="#fff" />
377        <path opacity=".5" fill="#004532" d="M20 0h20v40H20z" />
378    </symbol>
379    <symbol viewBox="0 0 30 25" id="picto-camera" xmlns="http://www.w3.org/2000/svg">
380        <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" />
381    </symbol>
382    <symbol viewBox="0 0 15 20" id="picto-upload" xmlns="http://www.w3.org/2000/svg">
383        <path d="M15 14v1.2H0V14h15zM7.497 2L12.3 7.486H8.869v5.485h-2.74V7.486H2.7L7.497 2z" fill-rule="evenodd" />
384    </symbol>
385    <symbol fill="none" viewBox="0 0 25 25" id="warning-icon" xmlns="http://www.w3.org/2000/svg">
386        <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"/>
387        <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"/>
388    </symbol>
389    <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>
390
391    <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>
392    <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>
393
394</svg>
395
396<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none" id="newchat">
397  <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"/>
398</svg>
399<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" id="newsearch">
400  <circle cx="10.875" cy="10.875" r="7.875" stroke="white" stroke-width="2"/>
401  <path d="M16.5 16.5L21 21" stroke="white" stroke-width="2" stroke-linejoin="round"/>
402</svg>
403<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" id="newaccount">
404  <g clip-path="url(#clip0_77070_5919)">
405    <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"/>
406    <rect x="2" y="14" width="15.9973" height="22" rx="4" stroke="white" stroke-width="2"/>
407  </g>
408  <defs>
409    <clipPath id="clip0_77070_5919">
410      <rect width="20" height="20" fill="white"/>
411    </clipPath>
412  </defs>
413</svg>
414
415<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">
416    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
417        <g id="27-New-Atoms-down" transform="translate(-50.000000, -234.000000)">
418            <g id="New-Arrow/Down" transform="translate(50.000000, 234.000000)">
419                <rect id="frame-30-down" x="0" y="0" width="30" height="30"></rect>
420                <path d="M9.66893667,24.6083133 C10.1911855,25.1305622 11.033
4201786,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>
421            </g>
422        </g>
423    </g>
424</svg>
425<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">
426    <g id="Find-Your-Match" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
427        <g id="27-New-Atoms-left" transform="translate(-170.000000, -234.000000)">
428            <g id="New-Arrow/left" transform="translate(170.000000, 234.000000)">
429                <rect id="frame-30-left" x="0" y="0" width="30" height="30"></rect>
430                <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"
431                fill="#005c43" transform="translate(15.000000, 15.000000) scale(-1, 1) translate(-15.000000, -15.000000) "></path>
432            </g>
433        </g>
434    </g>
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="new-arrowdown">
439<path d="M20 8L12 16L4 8" stroke="black" stroke-width="2"/>
440</svg>
441<svg width="16" height="16" viewBox="0 0 16 16" id="new-chat-with-dots" fill="none" xmlns="http://www.w3.org/2000/svg">
442<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"/>
443<rect x="5" y="7" width="1" height="1" fill="#21362C"/>
444<rect x="7" y="7" width="1" height="1" fill="#21362C"/>
445<rect x="9" y="7" width="1" height="1" fill="#21362C"/>
446</svg>
447<svg width="16" height="16" viewBox="0 0 16 16" fill="none" id="new-search-arrow-next" xmlns="http://www.w3.org/2000/svg">
448  <path d="M5.5293 13L10.5293 8L5.5293 3" stroke-width="2"/>
449  </svg>
450<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="new-arrowup">
451    <path d="M20 16L12 8L4 16" stroke="#21362C" stroke-width="2"/>
452</svg>
453<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="pin">
454    <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" />
455    <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" />
456</svg>
457<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="goback-arrow">
458  <path d="M15 6L9 12L15 18" stroke="#156031" stroke-width="2"/>
459</svg>
460
461<svg
462          width="56"
463          height="56"
464          viewBox="0 0 56 56"
465          fill="none"
466          xmlns="http://www.w3.org/2000/svg" id="qrplayicon">
467              <path
468                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"
469                fill="white"
470              />
471          <defs>
472            <filter
473              id="filter0_d_78516_480"
474              x="0"
475              y="0"
476              width="56"
477              height="56"
478              filterUnits="userSpaceOnUse"
479              color-interpolation-filters="sRGB"
480            >
481              <feFlood flood-opacity="0" result="BackgroundImageFix" />
482              <feColorMatrix
483                in="SourceAlpha"
484                type="matrix"
485                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
486                result="hardAlpha"
487              />
488              <feOffset />
489              <feGaussianBlur stdDeviation="2" />
490              <feComposite in2="hardAlpha" operator="out" />
491              <feColorMatrix
492                type="matrix"
493                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
494              />
495              <feBlend
496                mode="normal"
497                in2="BackgroundImageFix"
498                result="effect1_dropShadow_78516_480"
499              />
500              <feBlend
501                mode="normal"
502                in="SourceGraphic"
503                in2="effect1_dropShadow_78516_480"
504                result="shape"
505              />
506            </filter>
507            <clipPath id="clip0_78516_480">
508              <rect width="56" height="56" fill="white" />
509            </clipPath>
510          </defs>
511        </svg>
512<svg width="10" height="11" viewBox="0 0 10 11" xmlns="http://www.w3.org/2000/svg" id="qrstar">
513  <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"/>
514</svg>
515
516
517<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="searchicon">
518    <circle cx="10.875" cy="10.875" r="7.875" stroke="#21362C" stroke-width="2" />
519    <path d="M16.5 16.5L21 21" stroke="#21362C" stroke-width="2" stroke-linejoin="round" />
520</svg>
521
522
523<svg id="closeicon"
524          width=" 24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
525    <path d="M19 5L5 19" stroke="#21362C" stroke-width="2" stroke-linejoin="round" />
526    <path d="M5 5L19 19" stroke="#21362C" stroke-width="2" stroke-linejoin="round" />
527</svg>
528</div>
529    
530    <!-- Google Tag Manager (noscript) -->
531    <noscript>
532    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PWWH6HM"
533            height="0" width="0" title="Tag manager" style="display:none;visibility:hidden"></iframe>
534    </noscript>
535    <!-- End Google Tag Manager (noscript) -->
536
537    <!-- #wrapper -->
538    <div id="wrapper">
539        <div id="main-container" key="main_container_key">
540            <!-- #header -->
541            <div id="header" class="main clearfix">
542
543
544
545<div data-qr-page-section="hide-on-qr">
546    <ul id="jump-to-content" prefix="jump-to-content" tabindex="-1" slot="skiplinks" class="jump-to-content">
547    <li><a href="#sidebar-toggle" rel="nofollow">JUMP TO MENU</a></li>
548    <li><a href="#content" rel="nofollow">JUMP TO CONTENT</a></li>
549    <li><a href="#footer" rel="nofollow">JUMP TO FOOTER</a></li>
550</ul>
551
552    <header v-cloak id="new-main__header" class="new-header" role="banner">
553        <newheadernavigation :new-header="true">
554            
555
556
557            <div v-cloak slot="navbar" slot-scope="props" class="navbar navbar-default nav-center navbar-fixed-top">
558                <input type="checkbox" name="nav-toggle" id="nav-toggle" tabindex="-1" aria-hidden="true">
559                <label for="nav-toggle">Toggle nav</label>
560                <span id="wordbreak"></span>
561                <div class="site-header__wrapper">
562                    
563<newhamburger title="Menu"
564              aria-label-close-text="Close Text"
565              aria-label-expanded-text="Expand Text">
566</newhamburger>
567
568                    <input type="hidden" id="hdnFlag" value="False" />
569                        <div class="menu_item_container"
570                             >
571
572                            <nav nav role="navigation" aria-label="Menu principal" class="collapse navbar-collapse header__navigation">
573                                <div class="nav-sidebar-wrapper">
574
575                                    <div class="sidebar__wrapper" tabindex="-1" id="menuModal">
576                                        <div class="submenuheader__firstlevel_container">
577                                            <div class="submenuheader__logo-wrapper">
578                                                <img src="" alt="Garnier" id="submenuheaderlogoimagesrc" class="submenuheader__logo-image">
579                                            </div>
580                                            <button class="submenuheader__firstlevel_close" id="sidemenuclose" tabindex="0" aria-label="Close Icon" v-on:click="props.firstlevelclose()" v-on:keydown.enter="props.firstlevelclose()" v-on:keydown.space.prevent="props.firstlevelclose()">
581                                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
582                                                    <path d="M19 5L5 19" stroke="#21362C" stroke-width="2" stroke-linejoin="round" />
583                                                    <path d="M5 5L19 19" stroke="#21362C" stroke-width="2" stroke-linejoin="round" />
584                                                </svg>
585                                            </button>
586                                        </div>
587                                        <div class="sidebar__wrapper-scroll" tabindex="0">
588                                            
589
590<newmainnavigation>
591
592
593                    <newitemnavigation main-menu="megamenublock-1" category-id="50039d43-42e0-4768-b408-2d908ad8758e" category-name ="PRODUK GARNIER" category-item ="Castle.Proxies.ICategoryProxy">
594                        <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-1">
595                            <span class="title-mega-menu">PRODUK GARNIER</span>
596                            <span class="arrow-mega-menu">
597                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
598                                    <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
599                                </svg>
600                            </span>
601                        </button>
602                    </newitemnavigation>
603                    <newitemnavigation main-menu="megamenublock-2" category-id="885cd0b6-8332-4f86-96d2-4ce66a1e4958" category-name ="JENAMA KAMI" category-item ="Castle.Proxies.ICategoryProxy">
604                        <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-2">
605                            <span class="title-mega-menu">JENAMA KAMI</span>
606                            <span class="arrow-mega-menu">
607                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
608                                    <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
609                                </svg>
610                            </span>
611                        </button>
612                    </newitemnavigation>
613                    <newitemnavigation main-menu="megamenublock-3" category-id="94db6893-2845-4a90-9011-c8bf6ddde4d9" category-name ="PENJAGAAN KULIT WANITA" category-item ="Castle.Proxies.ICategoryProxy">
614                        <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-3">
615                            <span class="title-mega-menu">PENJAGAAN KULIT WANITA</span>
616                            <span class="arrow-mega-menu">
617                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
618                                    <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
619                                </svg>
620                            </span>
621                        </button>
622                    </newitemnavigation>
623                    <newitemnavigation main-menu="megamenublock-4" category-id="03dbd085-b514-4e82-b63b-1a3b7dc87da7" category-name ="GARNIER MEN" category-item ="Castle.Proxies.ICategoryProxy">
624                        <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-4">
625                            <span class="title-mega-menu">GARNIER MEN</span>
626                            <span class="arrow-mega-menu">
627                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
628                                    <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
629                                </svg>
630                            </span>
631                        </button>
632                    </newitemnavigation>
633                    <newitemnavigation main-menu="megamenublock-5" category-id="fc8d7361-a7b9-4c31-a6e6-416a7cec5329" category-name ="PEWARNA RAMBUT" category-item ="Castle.Proxies.ICategoryProxy">
634                        <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-5">
635                            <span class="title-mega-menu">PEWARNA RAMBUT</span>
636                            <span class="arrow-mega-menu">
637                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
638                                    <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
639                                </svg>
640                            </span>
641                        </button>
642                    </newitemnavigation>
643                    <newitemnavigation main-menu="megamenublock-6" category-id="a9729843-30a3-429f-bd9b-a569d4d63faf" category-name ="TIPS and ARTIKEL TERKINI" category-item ="Castle.Proxies.ICategoryProxy">
644                        <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-6">
645                            <span class="title-mega-menu">TIPS & ARTIKEL TERKINI</span>
646                            <span class="arrow-mega-menu">
647                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
648                                    <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
649                                </svg>
650                            </span>
651                        </button>
652                    </newitemnavigation>
653                    <newitemnavigation main-menu="megamenublock-7" category-id="3bfc00d9-bd1e-421d-8064-115a05d458d6" category-name ="GREEN BEAUTY" category-item ="Castle.Proxies.ICategoryProxy">
654                        <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-7">
655                            <span class="title-mega-menu">GREEN BEAUTY</span>
656                            <span class="arrow-mega-menu">
657                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
658                                    <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
659                                </svg>
660                            </span>
661                        </button>
662                    </newitemnavigation>
663</newmainnavigation>
664
665
666                                            
667<div class="component link-list new-header__info-wrapper--mobile">
668    <div class="component-content">
669        
670                <ul class="footer-navigation">
671                            <li class="item0 odd first">
672<a class="new-header__info-link" 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;about garnier&quot;}" data-variantfieldname="Link" target="_blank" href="/kenali-garnier" data-variantitemid="{D4CA7450-CEEE-4F3F-815B-14EDD5B5F2B9}">about garnier</a>                            </li>
673                            <li class="item2 odd">
674<a class="new-header__info-link" 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;gisele ambassador&quot;}" data-variantfieldname="Link" href="/garnier-x-gisele-bundchen" data-variantitemid="{B15E1140-41EF-445B-98B0-34AAE3A92E6C}">New! Garnier x Gisele</a>                            </li>
675
676        </ul>
677    </div>
678</div>
679
680
681                                            
682                                        </div>
683                                    </div>
684                                    <newmegamenuoverlay></newmegamenuoverlay>
685                                    <div class="new_header_megamenublock">
686                                        
687
688
689            <newsubmenu category-title="PRODUK GARNIER" back-button-aria-label="Return to Previous Menu">
690                <div slot="megamenublock-1" class="level__two--new">
691
692
693
694<div class="panel-tabss">
695    <div class="container">
696        <div class="row">
697
698            <div class="mega-menu__columns mega-menu__level2">
699                <ul class="tabs">
700                        <li>
701                            <button class="tabs__tab" v-activate-tab="{ contentToShow: 'd85f1446-1caf-4a80-8be8-abb17858ec5d' }">
702                                <span class="title-mega-menu">
702Jenama Garnier</span> <span class="arrow-mega-menu">
703                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
704                                         class="icon is-mlarge" aria-hidden="true">
705                                        <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"></path>
706                                    </svg>
707                                </span>
708                            </button>
709                        </li>
710                        <li>
711                            <button class="tabs__tab" v-activate-tab="{ contentToShow: '431881e6-bc9e-47d8-b247-a498d15337af' }">
712                                <span class="title-mega-menu">Penjagaan Kulit Wanita</span> <span class="arrow-mega-menu">
713                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
714                                         class="icon is-mlarge" aria-hidden="true">
715                                        <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"></path>
716                                    </svg>
717                                </span>
718                            </button>
719                        </li>
720                        <li>
721                            <button class="tabs__tab" v-activate-tab="{ contentToShow: 'bde941cf-e3b9-482b-8855-9cb196082ae3' }">
722                                <span class="title-mega-menu">Garnier Men</span> <span class="arrow-mega-menu">
723                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
724                                         class="icon is-mlarge" aria-hidden="true">
725                                        <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"></path>
726                                    </svg>
727                                </span>
728                            </button>
729                        </li>
730                        <li>
731                            <button class="tabs__tab" v-activate-tab="{ contentToShow: '22750099-489d-4128-93a7-2cef9738afee' }">
732                                <span class="title-mega-menu">Pewarna Rambut</span> <span class="arrow-mega-menu">
733                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
734                                         class="icon is-mlarge" aria-hidden="true">
735                                        <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"></path>
736                                    </svg>
737                                </span>
738                            </button>
739                        </li>
740                </ul>
741            </div>
742
743            <div class="megamenu__container">
744                    <div class="tabs__content-wrapper three-col-wrapper " data-tabid="d85f1446-1caf-4a80-8be8-abb17858ec5d">
745
746
747                            <div class="tab__collapse--content mega-menu__level2--column-links" slot="content">
748                                <newsubmenu category-title="Jenama Garnier" back-button-aria-label="Return to Previous Menu" class="level-three"></newsubmenu>
749                                <div class="three-col-wrapper--new">
750                                                                            <div class="container" slot="content">
751                                            
752                                        </div>
753                                                                            <div class="mega-menu__columns">
754                                            
755                <new-mega-menu-collapse>
756                    <span slot="indicator" class="mega-menu-collapse__indicator">
757                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
758                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
759                        </svg>
760                    </span>
761
762                        <span slot="title" class="mega-menu-collapse__title--header">Jenama Garnier</span>
763
764                    <ul slot="content" slot-scope="afterProps">
765                                <li>
766                                    <a href="/produk-garnier/penjagaan-kulit-wanita/skin-naturals" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu L4&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;produk garnier::jenama garnier::jenama garnier::garnier skin naturals&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;produk garnier::jenama garnier::jenama garnier::garnier skin naturals&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
767                                        Garnier Skin Naturals
768
769                                    </a>
770                                </li>
771                                <li>
772                                    <a href="/produk-garnier/garnier-men" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu L4&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;produk garnier::jenama garnier::jenama garnier::garnier men&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;produk garnier::jenama garnier::jenama garnier::garnier men&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
773                                        Garnier Men
774
775                                    </a>
776                                </li>
777                                <li>
778                                    <a href="/produk-garnier/pewarna-rambut/color-naturals" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu L4&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;produk garnier::jenama garnier::jenama garnier::garnier color naturals&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;produk garnier::jenama garnier::jenama garnier::garnier color naturals&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
779                                        Garnier Color Naturals
780
781                                    </a>
782                                </li>
783                    </ul>
784                </new-mega-menu-collapse>
785
786                                        </div>
787                                                                    </div>
788                            </div>
789                    </div>
790                    <div class="tabs__content-wrapper three-col-wrapper " data-tabid="431881e6-bc9e-47d8-b247-a498d15337af">
791
792
793                            <div class="tab__collapse--content mega-menu__level2--column-links" slot="content">
794                                <newsubmenu category-title="Penjagaan Kulit Wanita" back-button-aria-label="Return to Previous Menu" class="level-three"></newsubmenu>
795                                <div class="three-col-wrapper--new">
796                                                                            <div class="container" slot="content">
797                                            
798                                        </div>
799                                                                            <div class="mega-menu__columns">
800                                            
801                <new-mega-menu-collapse>
802                    <span slot="indicator" class="mega-menu-collapse__indicator">
803                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
804                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
805                        </svg>
806                    </span>
807
808                        <span slot="title" class="mega-menu-collapse__title--header">Penjagaan Kulit Wanita</span>
809
810                    <ul slot="content" slot-scope="afterProps">
811                                <li>
812                                    <a href="/jenama-kami/dry-touch-cream" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu L4&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::mochi dry touch cream&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::mochi dry touch cream&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
813                                        Mochi Dry Touch Cream
814                                            <span class="megamenu__item__link--newbadge megamenu__item__link--newbadge-default">
815                                                New!
816                                            </span>
817
818                                    </a>
819                                </li>
820                                <li>
821                                    <a href="/produk-garnier/penjagaan-kulit-wanita/bright-complete" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu L4&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::bright complete&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::bright complete&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
822                                        Bright Complete
823
824                                    </a>
825                                </li>
826                                <li>
827                                    <a href="/produk-garnier/penjagaan-kulit-wanita/micellar-water" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu L4&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::micellar water&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::micellar water&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
828                                        Micellar Water
829
830                                    </a>
831                                </li>
832                                <li>
833                                    <a href="/produk-garnier/penjagaan-kulit-wanita/bright-anti-acne" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu L4&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::bright anti-acne&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::bright anti-acne&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
834                                        Bright Anti-Acne
835                                            <span class="megamenu__item__link--newbadge megamenu__item__link--newbadge-default">
836                                                New!
837                                            </span>
838
839                                    </a>
840                                </li>
841                                <li>
842                                    <a href="/produk-garnier/penjagaan-kulit-wanita/sakura-glow" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu L4&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::sakura glow&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::sakura glow&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
843                                        Sakura Glow
844
845                                    </a>
846                                </li>
847                                <li>
848                                    <a href="/produk-garnier/penjagaan-kulit-wanita/pure-active" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu L4&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::pure active&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::pure active&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
849                                        Pure Active
850
851                                    </a>
852                                </li>
853                                <li>
854                                    <a href="/produk-garnier/penjagaan-kulit-wanita/serum-mask" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu L4&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::serum mask&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::serum mask&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
855                                        Serum Mask
856
857                                    </a>
858                                </li>
859                                <li>
860                                    <a href="/jenama-kami/garnier-others" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu L4&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::garnier others&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::garnier others&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
861                                        Garnier Others
862
863                                    </a>
864                                </li>
865                    </ul>
866                </new-mega-menu-collapse>
867
868                                        </div>
869                                                                    </div>
870                            </div>
871                    </div>
872                    <div class="tabs__content-wrapper three-col-wrapper " data-tabid="bde941cf-e3b9-482b-8855-9cb196082ae3">
873
874
875                            <div class="tab__collapse--content mega-menu__level2
875--column-links" slot="content">
876                                <newsubmenu category-title="Garnier Men" back-button-aria-label="Return to Previous Menu" class="level-three"></newsubmenu>
877                                <div class="three-col-wrapper--new">
878                                                                            <div class="container" slot="content">
879                                            
880                                        </div>
881                                                                            <div class="mega-menu__columns">
882                                            
883                <new-mega-menu-collapse>
884                    <span slot="indicator" class="mega-menu-collapse__indicator">
885                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
886                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
887                        </svg>
888                    </span>
889
890                        <span slot="title" class="mega-menu-collapse__title--header">Garnier Men</span>
891
892                    <ul slot="content" slot-scope="afterProps">
893                                <li>
894                                    <a href="/produk-garnier/garnier-men/acno-fight" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu L4&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;produk garnier::garnier men::garnier men::acno fight&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;produk garnier::garnier men::garnier men::acno fight&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
895                                        Acno Fight
896
897                                    </a>
898                                </li>
899                                <li>
900                                    <a href="/produk-garnier/garnier-men/turbo-bright-oil-control" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu L4&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;produk garnier::garnier men::garnier men::oil control&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;produk garnier::garnier men::garnier men::oil control&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
901                                        Oil Control
902
903                                    </a>
904                                </li>
905                                <li>
906                                    <a href="/produk-garnier/garnier-men/turbo-bright" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu L4&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;produk garnier::garnier men::garnier men::turbo bright&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;produk garnier::garnier men::garnier men::turbo bright&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
907                                        Turbo Bright
908
909                                    </a>
910                                </li>
911                    </ul>
912                </new-mega-menu-collapse>
913
914                                        </div>
915                                                                    </div>
916                            </div>
917                    </div>
918                    <div class="tabs__content-wrapper three-col-wrapper " data-tabid="22750099-489d-4128-93a7-2cef9738afee">
919
920
921                            <div class="tab__collapse--content mega-menu__level2--column-links" slot="content">
922                                <newsubmenu category-title="Pewarna Rambut" back-button-aria-label="Return to Previous Menu" class="level-three"></newsubmenu>
923                                <div class="three-col-wrapper--new">
924                                                                            <div class="container" slot="content">
925                                            
926                                        </div>
927                                                                            <div class="mega-menu__columns">
928                                            
929                <new-mega-menu-collapse>
930                    <span slot="indicator" class="mega-menu-collapse__indicator">
931                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
932                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
933                        </svg>
934                    </span>
935
936                        <span slot="title" class="mega-menu-collapse__title--header">Pewarna Rambut</span>
937
938                    <ul slot="content" slot-scope="afterProps">
939                                <li>
940                                    <a href="/produk-garnier/pewarna-rambut/color-naturals" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu L4&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;produk garnier::pewarna rambut::pewarna rambut::color naturals&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;produk garnier::pewarna rambut::pewarna rambut::color naturals&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
941                                        Color Naturals
942
943                                    </a>
944                                </li>
945                    </ul>
946                </new-mega-menu-collapse>
947
948                                        </div>
949                                                                    </div>
950                            </div>
951                    </div>
952            </div>
953
954        </div>
955
956    </div>
957</div>
958                </div>
959            </newsubmenu>
960            <newsubmenu category-title="JENAMA KAMI" back-button-aria-label="Return to Previous Menu">
961                <div slot="megamenublock-2" class="level__two--new">
962
963
964
965<div class="panel-title-list">
966    <div class="container">
967        <div class="row">
968
969            <div class="mega-menu__level1--column mega-menu__level1--glcolumn ">
970                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
971                                                        <div class="mega-menu__columns">
972                                
973                <new-mega-menu-collapse>
974                    <span slot="indicator" class="mega-menu-collapse__indicator">
975                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
976                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
977                        </svg>
978                    </span>
979
980                        <span slot="title" class="mega-menu-collapse__title--header">Garnier Skin Naturals</span>
981
982                    <ul slot="content" slot-scope="afterProps">
983                                <li>
984                                    <a href="/jenama-kami/garnier-bright-complete" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;jenama kami::garnier skin naturals::garnier bright complete&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;jenama kami::garnier skin naturals::garnier bright complete&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
985                                        Garnier Bright Complete
986
987                                    </a>
988                                </li>
989                                <li>
990                                    <a href="/jenama-kami/garnier-sakura-glow" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;jenama kami::garnier skin naturals::garnier sakura glow&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;jenama kami::garnier skin naturals::garnier sakura glow&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
991                                        Garnier Sakura Glow
992
993                                    </a>
994                                </li>
995                                <li>
996                                    <a href="/jenama-kami/garnier-pure-active" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;jenama kami::garnier skin naturals::garnier pure active&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;jenama kami::garnier skin naturals::garnier pure active&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
997                                        Garnier Pure Active
998
999                                    </a>
1000                                </li>
1001                                <li>
1002                                    <a href="/jenama-kami/garnier-micellar-water" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;jenama kami::garnier skin naturals::garnier micellar water&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;jenama kami::garnier skin naturals::garnier micellar water&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1003                                        Garnier Micellar Water
1004
1005                                    </a>
1006                                </li>
1007                                <li>
1008                                    <a href="/jenama-kami/garnier-serum-mask" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;jenama kami::garnier skin naturals::garnier serum mask&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;jenama kami::garnier skin naturals::garnier serum mask&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1009                                        Garnier Serum Mask
1010
1011                                    </a>
1012                                </li>
1013                                <li>
1014                                    <a href="/jenama-kami/garnier-others" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;jenama kami::garnier skin naturals::garnier others&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;jenama kami::garnier skin naturals::garnier others&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1015                                        Garnier Others
1016
1017                                    </a>
1018                                </li>
1019                    </ul>
1020                </new-mega-menu-collapse>
1021                <new-mega-menu-collapse>
1022                    <span slot="indicator" class="mega-menu-collapse__indicator">
1023                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1024                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1025                        </svg>
1026                    </span>
1027
1028                        <span slot="title" class="mega-menu-collapse__title--header">Garnier Color Naturals</span>
1029
1030                    <ul slot="content" slot-scope="afterProps">
1031                                <li>
1032                                    <a href="/jenama-kami/garnier-color-naturals" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;jenama kami::garnier color naturals::garnier color naturals&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;jenama kami::garnier color naturals::garnier color naturals&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1033                                        Garnier Color Naturals
1034
1035                                    </a>
1036                                </li>
1037                                <li>
1038                                    <a href="/jenama-kami/garnier-ultra-color" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;jenama kami::garnier color naturals::garnier ultra color&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;jenama kami::garnier color naturals::garnier ultra color&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1039                                        Garnier Ultra Color
1040
1041                                    </a>
1042                                </li>
1043                    </ul>
1044                </new-mega-menu-collapse>
1045
1046                            </div>
1047                        </div>
1048                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column2">
1049                            <div class="mega-menu__columns">
1050                                
1051                <new-mega-menu-collapse>
1052                    <span slot="indicator" class="mega-menu-collapse__indicator">
1053                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1054                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1055                        </svg>
1056                    </span>
1057
1058                        <span slot="title" class="mega-menu-collapse__title--header">Garnier Men</span>
1059
1060                    <ul slot="content" slot-scope="afterProps">
1061                                <li>
1062                                    <a href="/jenama-kami/garnier-men-acno-fight" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;jenama kami::garnier men::garnier men acno fight&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;jenama kami::garnier men::garnier men acno fight&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1063                                        Garnier Men Acno Fight
1064
1065                                    </a>
1066                                </li>
1067                                <li>
1068                                    <a href="/jenama-kami/garnier-men-oil-control" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;jenama kami::garnier men::garnier men oil control&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;jenama kami::garnier men::garnier men oil control&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1069                                        Garnier Men Oil Control
1070
1071                                    </a>
1072                                </li>
1073                                <li>
1074                                    <a href="/jenama-kami/garnier-men-turbo-bright" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;jenama kami::garnier men::garnier men turbo bright&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;jenama kami::garnier men::garnier men turbo bright&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1075                                        Garnier Men Turbo Bright
1076
1077                                    </a>
1078                                </li>
1079                    </ul>
1080                </new-mega-menu-collapse>
1081                <new-mega-menu-collapse>
1082                    <span slot="indicator" class="mega-menu-collapse__indicator">
1083                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1084                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1085                        </svg>
1086                    </span>
1087
1088                        <span slot="title" class="mega-menu-collapse__title--header">Kempen Garnier</span>
1089
1090                    <ul slot="content" slot-scope="afterProps">
1091                                <li>
1092                                    <a href="" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;jenama kami::kempen garnier::garnier #lebihcerah&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;jenama kami::kempen garnier::garnier #lebihcerah&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1093                                        Garnier #LebihCerah
1094
1095                                    </a>
1096                                </li>
1097                    </ul>
1098                </new-mega-menu-collapse>
1099
1100                            </div>
1101                        </div>
1102
1103            </div>
1104
1105            
1106
1107
1108
1109
1110
1111
1112
1113
1114        </div>
1115
1116    </div>
1117</div>
1118                </div>
1119            </newsubmenu>
1120            <newsubmenu category-title="PENJAGAAN KULIT WANITA" back-button-aria-label="Return to Previous Menu">
1121                <div slot="megamenublock-3" class="level__two--new">
1122
1123
1124
1125<div class="panel-title-list">
1126    <div class="container">
1127        <div class="row">
1128
1129            <div class="mega-menu__level1--column mega-menu__level1--glcolumn ">
1130                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
1131                                                        <div class="mega-menu__columns">
1132                                
1133                <new-mega-menu-collapse>
1134                    <span slot="indicator" class="mega-menu-collapse__indicator">
1135                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1136                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1137                        </svg>
1138                    </span>
1139
1140                        <span slot="title" class="mega-menu-collapse__title--header">Keperluan</span>
1141
1142                    <ul slot="content" slot-scope="afterProps">
1143                                <li>
1144                                    <a href="/penjagaan-kulit-wanita-melalui-keperluan/pembersih-solekan" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;penjagaan kulit wanita::keperluan::pembersih solekan&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;penjagaan kulit wanita::keperluan::pembersih solekan&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1145                                        Pembersih Solekan
1146
1147                                    </a>
1148                                </li>
1149                                <li>
1150                                    <a href="/penjagaan-kulit-wanita-melalui-keperluan/pencerahan" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;penjagaan kulit wanita::keperluan::pencerahan&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;penjagaan kulit wanita::keperluan::pencerahan&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1151                                        Pencerahan
1152
1153                                    </a>
1154                                </li>
1155                                <li>
1156                                    <a href="/penjagaan-kulit-wanita-melalui-keperluan/gebu-lembab" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;penjagaan kulit wanita::keperluan::gebu &amp; lembab&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;penjagaan kulit wanita::keperluan::gebu &amp; lembab&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1157                                        Gebu &amp; Lembab
1158
1159                                    </a>
1160                                </li>
1161                                <li>
1162                                    <a href="/penjagaan-kulit-wanita-melalui-keperluan/anti-jerawat-kawalan-minyak" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;penjagaan kulit wanita::keperluan::anti jerawat &amp; kawalan minyak&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;penjagaan kulit wanita::keperluan::anti jerawat &amp; kawalan minyak&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1163                                        Anti Jerawat &amp; Kawalan Minyak
1164
1165                                    </a>
1166                                </li>
1167                    </ul>
1168                </new-mega-menu-collapse>
1169                <new-mega-menu-collapse>
1170                    <span slot="indicator" class="mega-menu-collapse__indicator">
1171                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1172                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1173                        </svg>
1174                    </span>
1175
1176                        <span slot="title" class="mega-menu-collapse__title--header">Rangkaian</span>
1177
1178                    <ul slot="content" slot-scope="afterProps">
1179                                <li>
1180                                    <a href="/jenama-kami/dry-touch-cream" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;penjagaan kulit wanita::rangkaian::garnier mochi dry touch cream&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;penjagaan kulit wanita::rangkaian::garnier mochi dry touch cream&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1181                                        Garnier Mochi Dry Touch Cream
1182                                            <span class="megamenu__item__link--newbadge megamenu__item__link--newbadge-default">
1183                                                New!
1184                                            </span>
1185
1186                                    </a>
1187                                </li>
1188                                <li>
1189                                    <a href="/penjagaan-kulit-wanita-melalui-rangkaian/garnier-bright-complete" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;penjagaan kulit wanita::rangkaian::garnier bright complete&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;penjagaan kulit wanita::rangkaian::garnier bright complete&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1190                                        Garnier Bright Complete
1191
1192                                    </a>
1193                                </li>
1194                                <li>
1195                                    <a href="/penjagaan-kulit-wanita-melalui-rangkaian/garnier-micellar-water" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;penjagaan kulit wanita::rangkaian::garnier micellar water&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;penjagaan kulit wanita::rangkaian::garnier micellar water&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1196                                        Garnier Micellar Water
1197
1198                                    </a>
1199                                </li>
1200                                <li>
1201                                    <a href="/penjagaan-kulit-wanita-melalui-rangkaian/garnier-bright-anti-acne" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;penjagaan kulit wanita::rangkaian::garnier bright anti-acne&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;penjagaan kulit wanita::rangkaian::garnier bright anti-acne&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1202                                        Garnier Bright Anti-Acne
1203                                            <span class="megamenu__item__link--newbadge megamenu__item__link--newbadge-default">
1204                                                New!
1205                                            </span>
1206
1207                                    </a>
1208                                </li>
1209                                <li>
1210                                    <a href="/penjagaan-kulit-wanita-melalui-rangkaian/garnier-sakura-glow" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;penjagaan kulit wanita::rangkaian::garnier sakura glow&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;penjagaan kulit wanita::rangkaian::garnier sakura glow&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1211                                        Garnier Sakura Glow
1212
1213                                    </a>
1214                                </li>
1215                                <li>
1216                                    <a href="/penjagaan-kulit-wanita-melalui-rangkaian/garnier-pure-active" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;penjagaan kulit wanita::rangkaian::garnier pure active&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;penjagaan kulit wanita::rangkaian::garnier pure active&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1217                                        Garnier Pure Active
1218
1219                                    </a>
1220                                </li>
1221                                <li>
1222                                    <a href="/penjagaan-kulit-wanita-melalui-rangkaian/garnier-serum-mask" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;penjagaan kulit wanita::rangkaian::garnier serum mask&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;penjagaan kulit wanita::rangkaian::garnier serum mask&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1223                                        Garnier Serum Mask
1224
1225                                    </a>
1226                                </li>
1227                                <li>
1228                                    <a href="" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;penjagaan kulit wanita::rangkaian::garnier others&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;penjagaan kulit wanita::rangkaian::garnier others&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1229                                        Garnier Others
1230
1231                                    </a>
1232                                </li>
1233                    </ul>
1234                </new-mega-menu-collapse>
1235
1236                            </div>
1237                        </div>
1238                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column2">
1239                            <div class="mega-menu__columns">
1240                                
1241                <new-mega-menu-collapse>
1242                    <span slot="indicator" class="mega-menu-collapse__indicator">
1243                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1244                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1245                        </svg>
1246                    </span>
1247
1248                        <span slot="title" class="mega-menu-collapse__title--header">Jenis</span>
1249
1250                    <ul slot="content" slot-scope="afterProps">
1251                                <li>
1252                                    <a href="/penjagaan-kulit-wanita-melalui-jenis/pembersih-solekan" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;penjagaan kulit wanita::jenis::pembersih solekan&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;penjagaan kulit wanita::jenis::pembersih solekan&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1253                                        Pembersih Solekan
1254
1255                                    </a>
1256                                </li>
1257                                <li>
1258                                    <a href="/penjagaan-kulit-wanita-melalui-jenis/pembersih-wajah" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;penjagaan kulit wanita::jenis::pembersih wajah&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;penjagaan kulit wanita::jenis::pembersih wajah&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1259                                        Pembersih Wajah
1260
1261                                    </a>
1262                                </li>
1263                                <li>
1264                                    <a href="/penjagaan-kulit-wanita-melalui-jenis/penyegar" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;penjagaan kulit wanita::jenis::penyegar&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;penjagaan kulit wanita::jenis::penyegar&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1265                                        Penyegar
1266
1267                                    </a>
1268                                </li>
1269                                <li>
1270                                    <a href="/penjagaan-kulit-wanita-melalui-jenis/esen-serum" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;penjagaan kulit wanita::jenis::esen / serum&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;penjagaan kulit wanita::jenis::esen / serum&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1271                                        Esen / Serum
1272
1273                                    </a>
1274                                </li>
1275                                <li>
1276                                    <a href="/penjagaan-kulit-wanita-melalui-jenis/pelembap" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;penjagaan kulit wanita::jenis::pelembab&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;penjagaan kulit wanita::jenis::pelembab&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1277                                        Pelembab
1278
1279                                    </a>
1280                                </li>
1281                                <li>
1282                                    <a href="/penjagaan-kulit-wanita-melalui-jenis/penjagaan-mata" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;penjagaan kulit wanita::jenis::penjagaan mata&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;penjagaan kulit wanita::jenis::penjagaan mata&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1283                                        Penjagaan Mata
1284
1285                                    </a>
1286                                </li>
1287                                <li>
1288                                    <a href="/penjagaan-kulit-wanita-melalui-jenis/masker" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;penjagaan kulit wanita::jenis::masker&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;penjagaan kulit wanita::jenis::masker&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1289                                        Masker
1290
1291                                    </a>
1292                                </li>
1293                    </ul>
1294                </new-mega-menu-collapse>
1295
1296                            </div>
1297                        </div>
1298
1299            </div>
1300
1301            
1302
1303
1304
1305
1306
1307
1308
1309
1310        </div>
1311
1312    </div>
1313</div>
1314                </div>
1315            </newsubmenu>
1316            <newsubmenu category-title="GARNIER MEN" back-button-aria-label="Return to Previous Menu">
1317                <div slot="megamenublock-4" class="level__two--new">
1318
1319
1320
1321<div class="panel-title-list">
1322    <div class="container">
1323        <div class="row">
1324
1325            <div class="mega-menu__level1--column mega-menu__level1--glcolumn ">
1326                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
1327                                                        <div class="mega-menu__columns">
1328                                
1329                <new-mega-menu-collapse>
1330                    <span slot="indicator" class="mega-menu-collapse__indicator">
1331                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1332                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1333                        </svg>
1334                    </span>
1335
1336                        <span slot="title" class="mega-menu-collapse__title--header">Keperluan</span>
1337
1338                    <ul slot="content" slot-scope="afterProps">
1339                                <li>
1340                                    <a href="/garnier-men-melalui-keperluan/anti-jerawat" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;garnier men::keperluan::anti jerawat&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;garnier men::keperluan::anti jerawat&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1341                                        Anti Jerawat
1342
1343                                    </a>
1344                                </li>
1345                                <li>
1346                                    <a href="/garnier-men-melalui-keperluan/kawalan-minyak" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;garnier men::keperluan::kawalan minyak&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;garnier men::keperluan::kawalan minyak&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1347                                        Kawalan Minyak
1348
1349                                    </a>
1350                                </li>
1351                                <li>
1352                                    <a href="/garnier-men-melalui-keperluan/pencerahan" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;garnier men::keperluan::pencerahan&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;garnier men::keperluan::pencerahan&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1353                                        Pencerahan
1354
1355                                    </a>
1356                                </li>
1357                    </ul>
1358                </new-mega-menu-collapse>
1359                <new-mega-menu-collapse>
1360                    <span slot="indicator" class="mega-menu-collapse__indicator">
1361                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1362                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1363                        </svg>
1364                    </span>
1365
1366                        <span slot="title" class="mega-menu-collapse__title--header">Rangkaian</span>
1367
1368                    <ul slot="content" slot-scope="afterProps">
1369                                <li>
1370                                    <a href="/garnier-men-melalui-rangkaian/garnier-men-acno-fight" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;garnier men::rangkaian::garnier men acno fight&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;garnier men::rangkaian::garnier men acno fight&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1371                                        Garnier Men Acno Fight
1372
1373                                    </a>
1374                                </li>
1375                                <li>
1376                                    <a href="/garnier-men-melalui-rangkaian/garnier-men-turbolight-oil-control" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;garnier men::rangkaian::garnier men oil control&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;garnier men::rangkaian::garnier men oil control&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1377                                        Garnier Men Oil Control
1378
1379                                    </a>
1380                                </li>
1381                                <li>
1382                                    <a href="/garnier-men-melalui-rangkaian/garnier-men-power-white" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;garnier men::rangkaian::garnier men turbo bright&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;garnier men::rangkaian::garnier men turbo bright&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1383                                        Garnier Men Turbo Bright
1384
1385                                    </a>
1386                                </li>
1387                    </ul>
1388                </new-mega-menu-collapse>
1389
1390                            </div>
1391                        </div>
1392                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column2">
1393                            <div class="mega-menu__columns">
1394                                
1395                <new-mega-menu-collapse>
1396                    <span slot="indicator" class="mega-menu-collapse__indicator">
1397                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1398                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1399                        </svg>
1400                    </span>
1401
1402                        <span slot="title" class="mega-menu-collapse__title--header">Jenis</span>
1403
1404                    <ul slot="content" slot-scope="afterProps">
1405                                <li>
1406                                    <a href="/garnier-men-melalui-jenis/permbersih-wajah" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;garnier men::jenis::pembersih wajah&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;garnier men::jenis::pembersih wajah&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1407                                        Pembersih Wajah
1408
1409                                    </a>
1410                                </li>
1411                                <li>
1412                                    <a href="/garnier-men-melalui-jenis/pelembap" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;garnier men::jenis::pelembap&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;garnier men::jenis::pelembap&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1413                                        Pelembap
1414
1415                                    </a>
1416                                </li>
1417                                <li>
1418                                    <a href="/garnier-men-melalui-jenis/rawatan-jerawat" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;garnier men::jenis::rawatan jerawat&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;garnier men::jenis::rawatan jerawat&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1419                                        Rawatan Jerawat
1420
1421                                    </a>
1422                                </li>
1423                    </ul>
1424                </new-mega-menu-collapse>
1425
1426                            </div>
1427                        </div>
1428
1429            </div>
1430
1431            
1432
1433
1434
1435
1436
1437
1438
1439
1440        </div>
1441
1442    </div>
1443</div>
1444                </div>
1445            </newsubmenu>
1446            <newsubmenu category-title="PEWARNA RAMBUT" back-button-aria-label="Return to Previous Menu">
1447                <div slot="megamenublock-5" class="level__two--new">
1448
1449
1450
1451<div class="panel-title-list">
1452    <div class="container">
1453        <div class="row">
1454
1455            <div class="mega-menu__level1--column mega-menu__level1--glcolumn ">
1456                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
1457                                                        <div class="mega-menu__columns">
1458                                
1459                <new-mega-menu-collapse>
1460                    <span slot="indicator" class="mega-menu-collapse__indicator">
1461                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1462                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1463                        </svg>
1464                    </span>
1465
1466                        <span slot="title" class="mega-menu-collapse__title--header">Rangkaian</span>
1467
1468                    <ul slot="content" slot-scope="afterProps">
1469                                <li>
1470                                    <a href="/pewarna-rambut-melalui-rangkaian/garnier-color-naturals" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;pewarna rambut::rangkaian::garnier color naturals&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;pewarna rambut::rangkaian::garnier color naturals&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1471                                        Garnier Color Naturals
1472
1473                                    </a>
1474                                </li>
1475                                <li>
1476                                    <a href="/jenama-kami/garnier-men-shampoo-color" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;pewarna rambut::rangkaian::garnier men shampoo color&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;pewarna rambut::rangkaian::garnier men shampoo color&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1477                                        Garnier Men Shampoo Color
1478
1479                                    </a>
1480                                </li>
1481                                <li>
1482                                    <a href="/pewarna-rambut-melalui-rangkaian/garnier-ultra-color" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;pewarna rambut::rangkaian::garnier ultra color&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;pewarna rambut::rangkaian::garnier ultra color&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1483                                        Garnier Ultra Color
1484
1485                                    </a>
1486                                </li>
1487                    </ul>
1488                </new-mega-menu-collapse>
1489
1490                            </div>
1491                        </div>
1492
1493            </div>
1494
1495            
1496
1497
1498
1499
1500
1501
1502
1503
1504        </div>
1505
1506    </div>
1507</div>
1508                </div>
1509            </newsubmenu>
1510            <newsubmenu category-title="TIPS &amp; ARTIKEL TERKINI" back-button-aria-label="Return to Previous Menu">
1511                <div slot="megamenublock-6" class="level__two--new">
1512
1513
1514
1515<div class="panel-title-list">
1516    <div class="container">
1517        <div class="row">
1518
1519            <div class="mega-menu__level1--column mega-menu__level1--glcolumn ">
1520                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
1521                                                        <div class="mega-menu__columns">
1522                                
1523                <new-mega-menu-collapse>
1524                    <span slot="indicator" class="mega-menu-collapse__indicator">
1525                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1526                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1527                        </svg>
1528                    </span>
1529
1530                        <span slot="title" class="mega-menu-collapse__title--header">TIPS & ARTIKEL TERKINI</span>
1531
1532                    <ul slot="content" slot-scope="afterProps">
1533                                <li>
1534                                    <a href="/artikel/keperluan-kulit" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;tips &amp; artikel terkini::tips &amp; artikel terkini::keperluan kulit&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;tips &amp; artikel terkini::tips &amp; artikel terkini::keperluan kulit&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1535                                        Keperluan Kulit
1536
1537                                    </a>
1538                                </li>
1539                                <li>
1540                                    <a href="/artikel/keperluan-warna-rambut" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;tips &amp; artikel terkini::tips &amp; artikel terkini::keperluan warna rambut&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;tips &amp; artikel terkini::tips &amp; artikel terkini::keperluan warna rambut&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1541                                        Keperluan Warna Rambut
1542
1543                                    </a>
1544                                </li>
1545                                <li>
1546                                    <a href="/artikel/gaya-hidup" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;tips &amp; artikel terkini::tips &amp; artikel terkini::gaya hidup&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;tips &amp; artikel terkini::tips &amp; artikel terkini::gaya hidup&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1547                                        Gaya Hidup
1548
1549                                    </a>
1550                                </li>
1551                    </ul>
1552                </new-mega-menu-collapse>
1553
1554                            </div>
1555                        </div>
1556
1557            </div>
1558
1559            
1560
1561
1562
1563
1564
1565
1566
1567
1568        </div>
1569
1570    </div>
1571</div>
1572                </div>
1573            </newsubmenu>
1574            <newsubmenu category-title="GREEN BEAUTY" back-button-aria-label="Return to Previous Menu">
1575                <div slot="megamenublock-7" class="level__two--new">
1576
1577
1578
1579<div class="panel-title-list">
1580    <div class="container">
1581        <div class="row">
1582
1583            <div class="mega-menu__level1--column mega-menu__level1--glcolumn ">
1584                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
1585                                                        <div class="mega-menu__columns">
1586                                
1587                <new-mega-menu-collapse>
1588                    <span slot="indicator" class="mega-menu-collapse__indicator">
1589                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1590                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1591                        </svg>
1592                    </span>
1593
1594                        <span slot="title" class="mega-menu-collapse__title--header">GREEN BEAUTY</span>
1595
1596                    <ul slot="content" slot-scope="afterProps">
1597                                <li>
1598                                    <a href="/green-beauty" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;green beauty::green beauty::green beauty&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;green beauty::green beauty::green beauty&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1599                                        Green Beauty
1600
1601                                    </a>
1602                                </li>
1603                    </ul>
1604                </new-mega-menu-collapse>
1605
1606                            </div>
1607                        </div>
1608                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column2">
1609                            <div class="mega-menu__columns">
1610                                
1611                <new-mega-menu-collapse>
1612                    <span slot="indicator" class="mega-menu-collapse__indicator">
1613                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1614                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1615                        </svg>
1616                    </span>
1617
1618                        <span slot="title" class="mega-menu-collapse__title--header">Garnier Officially Cruelty Free</span>
1619
1620                    <ul slot="content" slot-scope="afterProps">
1621                                <li>
1622                                    <a href="/garnier-cruelty-free" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;green beauty::garnier officially cruelty free::cruelty free&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;green beauty::garnier officially cruelty free::cruelty free&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1623                                        Cruelty Free
1624
1625                                    </a>
1626                                </li>
1627                    </ul>
1628                </new-mega-menu-collapse>
1629
1630                            </div>
1631                        </div>
1632
1633            </div>
1634
1635            
1636
1637
1638
1639
1640    <div class="mega-menu__level2--subcolumn mega-menu__level2--column2">
1641
1642        <ul slot="megamenu__item__list-images" class="megamenu__items__list-images">
1643                        <li>
1644                            <a href="/garnier-cruelty-free" class="megamenu__items__link">
1645                                <div class="megamenu__items__link--images">
1646                                    <span class="megamenu__items__link--images-in"><img data-src="/-/media/project/loreal/brand-sites/garnier/apac/my/cruelty-free/garnier-crueltyfree-logo.jpg?rev=003a07d424414c42abaf3c689a0c945e&amp;cx=0&amp;cy=0&amp;cw=180&amp;ch=132&amp;hash=3C3995094395DECF2C68388CAD46F883" alt="Garnier Cruelty Free Logo" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;green beauty::menutab:: &quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;green beauty::menutab:: &quot;}" /></span>
1647                                </div>
1648                                <div class="megamenu__items__link--txts">
1649                                    <span class="megamenu__items__link--subtitle"> </span>
1650                                    <p class="megamenu__items__link--content"> </p>
1651                                </div>
1652                            </a>
1653                        </li>
1654        </ul>
1655    </div>
1656
1657
1658
1659
1660        </div>
1661
1662    </div>
1663</div>
1664                </div>
1665            </newsubmenu>
1666
1667                                    </div>
1668                                </div>
1669                                <overlay></overlay>
1670                            </nav>
1671                        </div>
1672                    
1673
1674        <component is="style">
1675
1676            :root {
1677            --active-color: #156031;
1678            --hover-color: #ffffff;
1679            --text-color: #ffffff;
1680            --gradient-color: #156031;
1681            --nav-color: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #156031;;
1682            }
1683
1684        </component>
1685            <div class="new-header__logo-wrapper"><a href="/" aria-label="Garnier(back to homepage)" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;logo_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;logo&quot;}">
1686                <img src="/-/media/project/loreal/brand-sites/garnier/garnier-logos/garnier_logo.png?rev=74f8a053b339437f91d3c3d68123232b" alt="Garnier" id="headerlogoimagesrc" class="new-header__logo-image" width="1298" height="595">
1687                    </a></div>
1688
1689                    <ul class="new-header__icons-wrapper">
1690
1691                        
1692
1693                        
1694
1695                        
1696<search inline-template :request-parameters='{&quot;filtersettingsitemid&quot;:&quot;59e98435-a0fd-41b9-a3e7-3066c5bbe539&quot;,&quot;filterpageitemid&quot;:&quot;c8f50ed0-4d20-4e55-a6b2-c4f10c278342&quot;,&quot;searchwithsuggestions&quot;:true,&quot;formactionlink&quot;:&quot;/search-page/search&quot;}'>
1697    <li class="new-header__icon-item search">
1698        <div class="click-overlay" @click="overlayClick" v-if="isActive"></div>
1699        <search-input
1700            form-action="/search-page/search"
1701            placeholder="Type in here"
1702            title="Search (suggested results are available after the field when at least 3 characters are typed)"
1703            >
1704        </search-input>
1705        <suggested-search
1706                          :aria-labels="{
1707                                'closeButton': 'Close the suggested search results subpanel',
1708                                'viewAll': 'View all search results'
1709                            }"
1710                          loading-text='Memuatkan carian'
1711                          view-all-text='Lihat semua'
1712                          no-results-text='Kami mohon maaf. Kami tidak menjumpai sebarang padanan dari carian anda, sila cuba kata kunci lain atau kembali ke laman utama'>
1713        </suggested-search>
1714    </li>
1715</search>
1716
1717
1718                    </ul>
1719                </div>
1720            </div>
1721        </newheadernavigation>
1722    </header>
1723    
1724</div>
1725
1726
1727<div data-qr-page-section="show-on-qr" hidden>
1728    <go-backbutton btn-text='Kembali' back-url="" analytics-data='{"event":"uaevent","event_name":"body_button_click","event_category":"homepage","event_action":"select::kembali","event_label":"kembali::[destination_url]","cta_name":"kembali","link_url":"[destination_url]","module_name":"kembali"}'>
1729    </go-backbutton>
1730</div>
1731            </div>
1732            <!-- /#header -->
1733            <!-- #content -->
1734            <div id="content" class="main clearfix">
1735                
1736
1737
1738
1739
1740                <div id="search-content">
1741                    
1742                    
1743
1744
1745
1746
1747
1748<hosted-video :initial-value="[{&quot;Title&quot;:&quot;Garnier x Gisele - The Signature&quot;,&quot;TitleLength&quot;:32,&quot;SubTitle&quot;:&quot;Temui Duta Jenama baharu kami&quot;,&quot;SubTitleLength&quot;:29,&quot;Video&quot;:&quot;&quot;,&quot;MobileVideo&quot;:&quot;&quot;,&quot;DesktopImage&quot;:&quot;/-/media/project/loreal/brand-sites/garnier/apac/my/ambassador2026/header-1920x720.jpg?rev=179943e2a27c45ec94c5f063a278f090&amp;cx=0.73&amp;cy=0.46&amp;cw=1920&amp;ch=720&amp;hash=F7E0CA70CBAE5D356A48D290CA6976DE&quot;,&quot;MobileImage&quot;:&quot;/-/media/project/loreal/brand-sites/garnier/apac/my/ambassador2026/header-1920x720.jpg?rev=179943e2a27c45ec94c5f063a278f090&amp;cx=0.73&amp;cy=0.46&amp;cw=414&amp;ch=450&amp;hash=EDED7FDD5A5A67BEBBF21072DCDBA94C&quot;,&quot;TabletImage&quot;:&quot;/-/media/project/loreal/brand-sites/garnier/apac/my/ambassador2026/header-1920x720.jpg?rev=179943e2a27c45ec94c5f063a278f090&amp;cx=0.73&amp;cy=0.46&amp;cw=800&amp;ch=288&amp;hash=0DAF0D187637AB481269A6E2296F38BD&quot;,&quot;IsDesktopImage&quot;:&quot;1&quot;,&quot;IsMobileImage&quot;:&quot;1&quot;,&quot;CalltoActionUrl&quot;:&quot;/garnier-x-gisele-bundchen&quot;,&quot;CalltoActionText&quot;:&quot;Ketahui lebih lanjut&quot;,&quot;
1748BackgroundColor&quot;:&quot;#F0F2EC&quot;,&quot;TitleColor&quot;:&quot;#21362C&quot;,&quot;Alt&quot;:&quot;Header 1920x720&quot;,&quot;CtaTagging&quot;:{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;}}]" :aria-lable-texts='{"play":"play","pause":"pause","previousslide":"previousslide","nextslide":"nextslide","slide":"Slide","trueval":"true","falseval":"false"}' :timer1="0" :timer2="3">
1749
1750
1751</hosted-video>
1752
1753
1754
1755                    
1756  <skindr-embed script-url="https://dsf-cdn.loreal.io/dropper.js" :skindr-tagging="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;analysis::skindr::skin&quot;,&quot;eventAction&quot;:&quot;homepage::select::skindr&quot;,&quot;eventLabel&quot;:&quot;load::skindr&quot;}">
1757      <template>
1758        <dsf-app tenant="lorealsa" application="skindrv2" customer="garnier" country="mys" environment="staging"
1759          touchpoint="web" type="std" loadingbg="" loadingmsg=""
1760          switch_ecom="false" switch_autostart="false" csrftoken="">
1761        </dsf-app>
1762      </template>
1763  </skindr-embed>
1764
1765
1766
1767    <div id="cb32dd64dcdc49d994b3c06894f67c28"></div>
1768<div class="fixed-carousel-container">
1769    <carousel class=""
1770              :swipe-on-desktop="true"
1771              :per-page="1"
1772              :scroll-per-page="true"
1773              :navigation-enabled="true"
1774              :slide-count-navigation="false"
1775              :arrow-animation="false"
1776              :navigation-label='{"carouselbuttonnext":"Carousel Button Navigation Next","carouselbuttonprev":"Carousel Button Navigation Prev"}'
1777              :slide-text-label='{"slideText":"Slide","playText":"Play","pauseText":"Pause"}'
1778              :autoplay="true"
1779              :autoplay-duration="5000">
1780
1781                <slide class=" ">
1782                            <img alt="Garnier Home" class="carousel-slide__background-image" src="/-/media/project/loreal/brand-sites/garnier/apac/my/pages/homepage/carousel/slide-1.jpg?rev=3e943203ac2f43d5940712ea6b5fc316" fetchpriority="high">
1783                            </img>
1784
1785                    <div class="carousel-slide__content">
1786                        <div class="container">
1787                            <div class="row">
1788                                <div class="col-xs-12 col-sm-5 col-md-9 col-md-offset-1 carousel-md-offset-1 ">
1789
1790
1791                                        <div class="carousel-slide__title">
1792                                                        <h1 class="heading-alt is-3 field-slidetitle">NEW REVOLUTIONARY MOISTURIZER</h1>
1793                                        </div>
1794
1795                                        <div class="carousel-slide__description">
1796                                            <div class="field-slidetext">OIL FREE HYDRATION, INSTANT BRIGHT SKIN</div>
1797                                        </div>
1798
1799                                        <div class="carousel-slide__cta">
1800                                                                            <a v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;silder_button_click&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:&quot;select::new revolutionary moisturizer&quot;,&quot;eventLabel&quot;:&quot;check it out::https://www.garnier.com.my/jenama-kami/dry-touch-cream/garnier-vitamin-c-dry-touch-cream&quot;,&quot;cta_name&quot;:&quot;check it out&quot;,&quot;link_url&quot;:&quot;https://www.garnier.com.my/jenama-kami/dry-touch-cream/garnier-vitamin-c-dry-touch-cream&quot;,&quot;module_name&quot;:&quot;new revolutionary moisturizer&quot;}" class="" target="" href="/jenama-kami/dry-touch-cream/garnier-vitamin-c-dry-touch-cream" anchor="">
1801CHECK IT OUT
1802                                            </a>
1803                </div>
1804
1805                                </div>
1806                            </div>
1807                        </div>
1808                    </div>
1809                </slide>
1810                <slide class=" ">
1811                            <img alt="Garnier Home" class="carousel-slide__background-image lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/apac/my/pages/homepage/carousel/slide-2.jpg?rev=2259a462895942a8b0ae3b847bd34077">
1812
1813                    <div class="carousel-slide__content">
1814                        <div class="container">
1815                            <div class="row">
1816                                <div class="col-xs-12 col-sm-5 col-md-9 col-md-offset-1 carousel-md-offset-1 ">
1817
1818
1819                                        <div class="carousel-slide__title">
1820                                                        <h1 class="heading-alt is-3 field-sli
1820detitle">TOUGH ON ACNE, GENTLE ON SKIN</h1>
1821                                        </div>
1822
1823                                        <div class="carousel-slide__description">
1824                                            <div class="field-slidetext">THE GENTLEST FORMULA FOR MEN</div>
1825                                        </div>
1826
1827                                        <div class="carousel-slide__cta">
1828                                                                            <a v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;silder_button_click&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:&quot;select::tough on acne, gentle on skin&quot;,&quot;eventLabel&quot;:&quot;check it out::https://www.garnier.com.my/jenama-kami/garnier-men-acno-fight&quot;,&quot;cta_name&quot;:&quot;check it out&quot;,&quot;link_url&quot;:&quot;https://www.garnier.com.my/jenama-kami/garnier-men-acno-fight&quot;,&quot;module_name&quot;:&quot;tough on acne, gentle on skin&quot;}" class="" target="" href="/jenama-kami/garnier-men-acno-fight" anchor="">
1829CHECK IT OUT
1830                                            </a>
1831                </div>
1832
1833                                </div>
1834                            </div>
1835                        </div>
1836                    </div>
1837                </slide>
1838                <slide class=" ">
1839                            <img alt="Garnier Home" class="carousel-slide__background-image lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/apac/my/pages/homepage/carousel/slide-3.jpg?rev=50a6f85df46546ae964c0958670cebf3">
1840
1841                    <div class="carousel-slide__content">
1842                        <div class="container">
1843                            <div class="row">
1844                                <div class="col-xs-12 col-sm-5 col-md-9 col-md-offset-1 carousel-md-offset-1 ">
1845
1846
1847                                        <div class="carousel-slide__title">
1848                                                        <h1 class="heading-alt is-3 field-slidetitle">Garnier Invisible Pimple Patch</h1>
1849                                        </div>
1850
1851
1852                                        <div class="carousel-slide__cta">
1853                                                                            <a v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;silder_button_click&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:&quot;select::garnier invisible pimple patch&quot;,&quot;eventLabel&quot;:&quot;check it out::https://www.garnier.com.my/jenama-kami/garnier-others/garnier-invisible-pimple-patch&quot;,&quot;cta_name&quot;:&quot;check it out&quot;,&quot;link_url&quot;:&quot;https://www.garnier.com.my/jenama-kami/garnier-others/garnier-invisible-pimple-patch&quot;,&quot;module_name&quot;:&quot;garnier invisible pimple patch&quot;}" class="" target="" href="/jenama-kami/garnier-others/garnier-invisible-pimple-patch" anchor="">
1854CHECK IT OUT
1855                                            </a>
1856                </div>
1857
1858                                </div>
1859                            </div>
1860                        </div>
1861                    </div>
1862                </slide>
1863                <slide class=" ">
1864                            <img alt="Garnier Home" class="carousel-slide__background-image lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/apac/my/pages/homepage/carousel/revised-micellar-pump.jpg?rev=ad246b9458c54a0badfd6ef345a4e65a">
1865
1866                    <div class="carousel-slide__content">
1867                        <div class="container">
1868                            <div class="row">
1869                                <div class="col-xs-12 col-sm-5 col-md-9 col-md-offset-1 carousel-md-offset-1 ">
1870
1871
1872                                        <div class="carousel-slide__title">
1873                                                        <h1 class="heading-alt is-3 field-slidetitle">THE WORLD'S NO.1 MICELLAR WATER</h1>
1874                                        </div>
1875
1876                                        <div class="carousel-slide__description">
1877                                            <div class="field-sli
1877detext">NOW WITH A PUMP!</div>
1878                                        </div>
1879
1880                                        <div class="carousel-slide__cta">
1881                                                                            <a v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;silder_button_click&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:&quot;select::the world&#39;s no.1 micellar water&quot;,&quot;eventLabel&quot;:&quot;check it out::https://www.garnier.com.my/jenama-kami/garnier-micellar-water&quot;,&quot;cta_name&quot;:&quot;check it out&quot;,&quot;link_url&quot;:&quot;https://www.garnier.com.my/jenama-kami/garnier-micellar-water&quot;,&quot;module_name&quot;:&quot;the world&#39;s no.1 micellar water&quot;}" class="" target="" href="/jenama-kami/garnier-micellar-water" anchor="">
1882CHECK IT OUT
1883                                            </a>
1884                </div>
1885
1886                                </div>
1887                            </div>
1888                        </div>
1889                    </div>
1890                </slide>
1891                <slide class=" ">
1892                            <img alt="Garnier Home" class="carousel-slide__background-image lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/apac/my/pages/homepage/carousel/revised-low-ph-wash_1920x336.jpg?rev=1b9d05aa960041ceb888226308bf0c24">
1893
1894                    <div class="carousel-slide__content">
1895                        <div class="container">
1896                            <div class="row">
1897                                <div class="col-xs-12 col-sm-5 col-md-9 col-md-offset-1 carousel-md-offset-1 ">
1898
1899
1900                                        <div class="carousel-slide__title">
1901                                                        <h1 class="heading-alt is-3 field-slidetitle">PROTECT YOUR SKIN BARRIER</h1>
1902                                        </div>
1903
1904                                        <div class="carousel-slide__description">
1905                                            <div class="field-slidetext">NEW! LOW PH GEL WASH<br />
1906<span data-teams="true">NO TIGHTNESS, GENTLE ON SKIN</span><br /></div>
1907                                        </div>
1908
1909                                        <div class="carousel-slide__cta">
1910                                                                            <a v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;silder_button_click&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:&quot;select::protect your skin barrier&quot;,&quot;eventLabel&quot;:&quot;check it out::https://www.garnier.com.my/produk-garnier/penjagaan-kulit-wanita/skin-naturals&quot;,&quot;cta_name&quot;:&quot;check it out&quot;,&quot;link_url&quot;:&quot;https://www.garnier.com.my/produk-garnier/penjagaan-kulit-wanita/skin-naturals&quot;,&quot;module_name&quot;:&quot;protect your skin barrier&quot;}" class="" target="" href="/produk-garnier/penjagaan-kulit-wanita/skin-naturals" anchor="">
1911CHECK IT OUT
1912                                            </a>
1913                </div>
1914
1915                                </div>
1916                            </div>
1917                        </div>
1918                    </div>
1919                </slide>
1920                <slide class=" ">
1921                            <img alt="Garnier Home" class="carousel-slide__background-image lazyload" data-src="/-/media/project/loreal/brand-sites/garnier/apac/my/pages/homepage/carousel/revised-k-glow_1920x336.jpg?rev=0b19ac7d3267430ebc8301fd21ba565a">
1922
1923                    <div class="carousel-slide__content">
1924                        <div class="container">
1925                            <div class="row">
1926                                <div class="col-xs-12 col-sm-5 col-md-9 col-md-offset-1 carousel-md-offset-1 ">
1927
1928
1929                                        <div class="carousel-slide__title">
1930                                                        <h1 class="heading-alt is-3 field-sli
1930detitle">NEW! K-GLOW NUDE HAIRCOLORS</h1>
1931                                        </div>
1932
1933                                        <div class="carousel-slide__description">
1934                                            <div class="field-slidetext">MADE FOR ASIAN HAIR AND SKIN TONES</div>
1935                                        </div>
1936
1937                                        <div class="carousel-slide__cta">
1938                                                                            <a v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;silder_button_click&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:&quot;select::new! k-glow nude haircolors&quot;,&quot;eventLabel&quot;:&quot;check it out::https://www.garnier.com.my/jenama-kami/garnier-color-naturals/garnier-color-naturals-ultra-color-k-glow&quot;,&quot;cta_name&quot;:&quot;check it out&quot;,&quot;link_url&quot;:&quot;https://www.garnier.com.my/jenama-kami/garnier-color-naturals/garnier-color-naturals-ultra-color-k-glow&quot;,&quot;module_name&quot;:&quot;new! k-glow nude haircolors&quot;}" class="" target="" href="/jenama-kami/garnier-color-naturals/garnier-color-naturals-ultra-color-k-glow" anchor="">
1939CHECK IT OUT
1940                                            </a>
1941                </div>
1942
1943                                </div>
1944                            </div>
1945                        </div>
1946                    </div>
1947                </slide>
1948    </carousel>
1949</div>
1950
1951<Script>
1952  document.addEventListener('DOMContentLoaded', () => {
1953    function myJebbitFunction() {
1954      
1955    }
1956    const style = document.createElement('style');
1957    style.innerHTML = `
1958            #lilo3746-wrapper.lilo3746-wrapper {
1959                z-index: 9999999999 !important;
1960            }
1961        `;
1962    document.head.appendChild(style);
1963    const jebbitElement = document.getElementById('jebbitPopupFC');
1964    if (jebbitElement) {
1965      jebbitElement.addEventListener('click', (event) => {
1966        myJebbitFunction();
1967      });
1968    }
1969
1970    const carouselSlides = document.querySelectorAll('.--new-fixed-slider .carousel-slide');
1971    if (carouselSlides.length > 0) {
1972
1973      carouselSlides.forEach((slide, index) => {
1974        const titleLength = slide.querySelector('.carousel-slide__title h2')?.textContent?.length;
1975        let originalString = slide.querySelector('.field-slidetext').textContent;
1976        let ctaText = slide.querySelector('.carousel-slide__cta');
1977
1978        if (!ctaText) {
1979          const getCutString = (length, maxLength) => length > maxLength ? originalString.slice(0, maxLength) : originalString;
1980          let cutString = '';
1981          if (!titleLength) {
1982            cutString = getCutString(originalString.length, 320);
1983          } else if (titleLength <= 18) {
1984            cutString = getCutString(originalString.length, 256);
1985          } else if (titleLength <= 36) {
1986            cutString = getCutString(originalString.length, 192);
1987          } else if (titleLength <= 54) {
1988            cutString = getCutString(originalString.length, 160);
1989          } else if (titleLength <= 72) {
1990            cutString = getCutString(originalString.length, 96);
1991          } else if (titleLength <= 90) {
1992            cutString = getCutString(originalString.length, 64);
1993          } else {
1994            slide.querySelector('.carousel-slide__info-container').classList.add('carousel-slide__info-container--hide');
1995          }
1996
1997          slide.querySelector('.field-slidetext').textContent = cutString;
1998        }
1999      });
2000    }
2001  });
2002
2003</Script>
2003
2004
2005
2006    
2006<script type="application/json" id="{A680EB7A-DD69-4DE8-9908-8E98E1D4D097}">
2007        {"click":[{"target":"continue","payload":null},{"target":"change-country","payload":null}],"close-redirect-popup":[{"target":"ra-user-redirect-modal","payload":null}]}
2008    </script>
2008
2009        <div id="refapp-user-redirect-popup-example" data-nosnippet>
2010            <refapp-user-redirect v-bind="{
2011  &quot;title&quot;: &quot;You’re Visiting from a Different Region&quot;,
2012  &quot;description&quot;: &quot;Would you like to switch to your local site for a better experience — including localized content, currency, and shipping options?&quot;,
2013  &quot;redirectLabel&quot;: &quot;Redirect user&quot;,
2014  &quot;continueLabel&quot;: &quot;Continue&quot;,
2015  &quot;image&quot;: {
2016    &quot;src&quot;: &quot;https://www.garnier.com.my/-/media/project/loreal/brand-sites/garnier/master/dmi/vitamin-c.png?rev=-1&quot;
2017  },
2018  &quot;defaultCountryCode&quot;: &quot;us&quot;,
2019  &quot;btnBgColor&quot;: &quot;&quot;,
2020  &quot;btnTextColor&quot;: &quot;&quot;,
2021  &quot;countries&quot;: [
2022    {
2023      &quot;name&quot;: &quot;Argentina&quot;,
2024      &quot;url&quot;: &quot;https://www.garnier.com.ar:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2025      &quot;countryCodes&quot;: [
2026        &quot;ar&quot;
2027      ]
2028    },
2029    {
2030      &quot;name&quot;: &quot;Australia&quot;,
2031      &quot;url&quot;: &quot;https://www.garnier.com.au:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2032      &quot;countryCodes&quot;: [
2033        &quot;au&quot;
2034      ]
2035    },
2036    {
2037      &quot;name&quot;: &quot;Belgium&quot;,
2038      &quot;url&quot;: &quot;https://www.garnier-be.com:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2039      &quot;countryCodes&quot;: [
2040        &quot;be&quot;
2041      ]
2042    },
2043    {
2044      &quot;name&quot;: &quot;Brazil&quot;,
2045      &quot;url&quot;: &quot;https://www.garnier.com.br:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2046      &quot;countryCodes&quot;: [
2047        &quot;br&quot;
2048      ]
2049    },
2050    {
2051      &quot;name&quot;: &quot;Bulgaria&quot;,
2052      &quot;url&quot;: &quot;https://www.garnier.bg:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2053      &quot;countryCodes&quot;: [
2054        &quot;bg&quot;
2055      ]
2056    },
2057    {
2058      &quot;name&quot;: &quot;Canada&quot;,
2059      &quot;url&quot;: &quot;https://www.garnier.ca:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2060      &quot;countryCodes&quot;: [
2061        &quot;ca&quot;
2062      ]
2063    },
2064    {
2065      &quot;name&quot;: &quot;Central America&quot;,
2066      &quot;url&quot;: &quot;https://www.garnier-centroamerica.com:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2067      &quot;countryCodes&quot;: [
2068        &quot;pa&quot;
2069      ]
2070    },
2071    {
2072      &quot;name&quot;: &quot;Chile&quot;,
2073      &quot;url&quot;: &quot;https://www.garnier.cl:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2074      &quot;countryCodes&quot;: [
2075        &quot;cl&quot;
2076      ]
2077    },
2078    {
2079      &quot;name&quot;: &quot;Colombia&quot;,
2080      &quot;url&quot;: &quot;https://www.garnier.com.co:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2081      &quot;countryCodes&quot;: [
2082        &quot;co&quot;
2083      ]
2084    },
2085    {
2086      &quot;name&quot;: &quot;Croatia&quot;,
2087      &quot;url&quot;: &quot;https://www.garnier.hr:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2088      &quot;countryCodes&quot;: [
2089        &quot;hr&quot;
2090      ]
2091    },
2092    {
2093      &quot;name&quot;: &quot;Czech Republic&quot;,
2094      &quot;url&quot;: &quot;https://www.garnier.cz:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2095      &quot;countryCodes&quot;: [
2096        &quot;cz&quot;
2097      ]
2098    },
2099    {
2100      &quot;name&quot;: &quot;Denmark&quot;,
2101      &quot;url&quot;: &quot;https://www.garnier.dk:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2102      &quot;countryCodes&quot;: [
2103        &quot;dk&quot;
2104      ]
2105    },
2106    {
2107      &quot;name&quot;: &quot;Finland&quot;,
2108      &quot;url&quot;: &quot;https://www.garnier.fi:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2109      &quot;countryCodes&quot;: [
2110        &quot;fi&quot;
2111      ]
2112    },
2113    {
2114      &quot;name&quot;: &quot;France&quot;,
2115      &quot;url&quot;: &quot;https://www.garnier.fr:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2116      &quot;countryCodes&quot;: [
2117        &quot;fr&quot;
2118      ]
2119    },
2120    {
2121      &quot;name&quot;: &quot;Germany&quot;,
2122      &quot;url&quot;: &quot;https://www.garnier.de:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2123      &quot;countryCodes&quot;: [
2124        &quot;de&quot;
2125      ]
2126    },
2127    {
2128      &quot;name&quot;: &quot;Greece&quot;,
2129      &quot;url&quot;: &quot;https://www.garnier.gr:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2130      &quot;countryCodes&quot;: [
2131        &quot;gr&quot;
2132      ]
2133    },
2134    {
2135      &quot;name&quot;: &quot;Hungary&quot;,
2136      &quot;url&quot;: &quot;
2136https://www.garnier.hu:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2137      &quot;countryCodes&quot;: [
2138        &quot;hu&quot;
2139      ]
2140    },
2141    {
2142      &quot;name&quot;: &quot;India&quot;,
2143      &quot;url&quot;: &quot;https://www.garnier.in:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2144      &quot;countryCodes&quot;: [
2145        &quot;in&quot;
2146      ]
2147    },
2148    {
2149      &quot;name&quot;: &quot;Indonesia&quot;,
2150      &quot;url&quot;: &quot;https://www.garnier.co.id:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2151      &quot;countryCodes&quot;: [
2152        &quot;id&quot;
2153      ]
2154    },
2155    {
2156      &quot;name&quot;: &quot;Israel&quot;,
2157      &quot;url&quot;: &quot;https://www.garnier.co.il:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2158      &quot;countryCodes&quot;: [
2159        &quot;is&quot;
2160      ]
2161    },
2162    {
2163      &quot;name&quot;: &quot;Italy&quot;,
2164      &quot;url&quot;: &quot;https://www.garnier.it:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2165      &quot;countryCodes&quot;: [
2166        &quot;it&quot;
2167      ]
2168    },
2169    {
2170      &quot;name&quot;: &quot;Malaysia&quot;,
2171      &quot;url&quot;: &quot;https://www.garnier.com.my:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2172      &quot;countryCodes&quot;: [
2173        &quot;my&quot;
2174      ]
2175    },
2176    {
2177      &quot;name&quot;: &quot;Mexico&quot;,
2178      &quot;url&quot;: &quot;https://www.garnier.com.mx:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2179      &quot;countryCodes&quot;: [
2180        &quot;mx&quot;
2181      ]
2182    },
2183    {
2184      &quot;name&quot;: &quot;Middle East&quot;,
2185      &quot;url&quot;: &quot;https://www.garnierarabia.com:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2186      &quot;countryCodes&quot;: [
2187        &quot;middle east&quot;
2188      ]
2189    },
2190    {
2191      &quot;name&quot;: &quot;Netherlands&quot;,
2192      &quot;url&quot;: &quot;https://www.garniernederland.nl:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2193      &quot;countryCodes&quot;: [
2194        &quot;nl&quot;
2195      ]
2196    },
2197    {
2198      &quot;name&quot;: &quot;Norway&quot;,
2199      &quot;url&quot;: &quot;https://www.garnier.no:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2200      &quot;countryCodes&quot;: [
2201        &quot;no&quot;
2202      ]
2203    },
2204    {
2205      &quot;name&quot;: &quot;Peru&quot;,
2206      &quot;url&quot;: &quot;https://www.garnier.com.pe:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2207      &quot;countryCodes&quot;: [
2208        &quot;pe&quot;
2209      ]
2210    },
2211    {
2212      &quot;name&quot;: &quot;Philippines&quot;,
2213      &quot;url&quot;: &quot;https://www.garnier.com.ph:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2214      &quot;countryCodes&quot;: [
2215        &quot;ph&quot;
2216      ]
2217    },
2218    {
2219      &quot;name&quot;: &quot;Poland&quot;,
2220      &quot;url&quot;: &quot;https://www.garnier.pl:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2221      &quot;countryCodes&quot;: [
2222        &quot;pl&quot;
2223      ]
2224    },
2225    {
2226      &quot;name&quot;: &quot;Portugal&quot;,
2227      &quot;url&quot;: &quot;https://www.garnier.pt:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2228      &quot;countryCodes&quot;: [
2229        &quot;pt&quot;
2230      ]
2231    },
2232    {
2233      &quot;name&quot;: &quot;Romania&quot;,
2234      &quot;url&quot;: &quot;https://www.garnier.ro:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2235      &quot;countryCodes&quot;: [
2236        &quot;ro&quot;
2237      ]
2238    },
2239    {
2240      &quot;name&quot;: &quot;Russia&quot;,
2241      &quot;url&quot;: &quot;https://www.garnier.ru:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2242      &quot;countryCodes&quot;: [
2243        &quot;ru&quot;
2244      ]
2245    },
2246    {
2247      &quot;name&quot;: &quot;
2247Serbia&quot;,
2248      &quot;url&quot;: &quot;https://www.garnier.rs:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2249      &quot;countryCodes&quot;: [
2250        &quot;rs&quot;
2251      ]
2252    },
2253    {
2254      &quot;name&quot;: &quot;Singapore&quot;,
2255      &quot;url&quot;: &quot;https://www.garnier.com.sg:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2256      &quot;countryCodes&quot;: [
2257        &quot;sy&quot;
2258      ]
2259    },
2260    {
2261      &quot;name&quot;: &quot;Slovakia&quot;,
2262      &quot;url&quot;: &quot;https://www.garnier.sk:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2263      &quot;countryCodes&quot;: [
2264        &quot;sk&quot;
2265      ]
2266    },
2267    {
2268      &quot;name&quot;: &quot;Slovenia&quot;,
2269      &quot;url&quot;: &quot;https://www.garnier.si:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2270      &quot;countryCodes&quot;: [
2271        &quot;sl&quot;
2272      ]
2273    },
2274    {
2275      &quot;name&quot;: &quot;South Africa&quot;,
2276      &quot;url&quot;: &quot;https://africa.garnier.com:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2277      &quot;countryCodes&quot;: [
2278        &quot;sa&quot;
2279      ]
2280    },
2281    {
2282      &quot;name&quot;: &quot;Spain&quot;,
2283      &quot;url&quot;: &quot;https://www.garnier.es:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2284      &quot;countryCodes&quot;: [
2285        &quot;es&quot;
2286      ]
2287    },
2288    {
2289      &quot;name&quot;: &quot;Sweden&quot;,
2290      &quot;url&quot;: &quot;https://www.garnier.se:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2291      &quot;countryCodes&quot;: [
2292        &quot;se&quot;
2293      ]
2294    },
2295    {
2296      &quot;name&quot;: &quot;Switzerland&quot;,
2297      &quot;url&quot;: &quot;https://www.garnier.ch:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2298      &quot;countryCodes&quot;: [
2299        &quot;ch&quot;
2300      ]
2301    },
2302    {
2303      &quot;name&quot;: &quot;Thailand&quot;,
2304      &quot;url&quot;: &quot;https://www.garnier.co.th:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2305      &quot;countryCodes&quot;: [
2306        &quot;th&quot;
2307      ]
2308    },
2309    {
2310      &quot;name&quot;: &quot;Turkey&quot;,
2311      &quot;url&quot;: &quot;https://www.garnier.com.tr:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2312      &quot;countryCodes&quot;: [
2313        &quot;tu&quot;
2314      ]
2315    },
2316    {
2317      &quot;name&quot;: &quot;Ukraine&quot;,
2318      &quot;url&quot;: &quot;https://www.garnier.ua:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2319      &quot;countryCodes&quot;: [
2320        &quot;ua&quot;
2321      ]
2322    },
2323    {
2324      &quot;name&quot;: &quot;United Kingdom&quot;,
2325      &quot;url&quot;: &quot;https://www.garnier.co.uk:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2326      &quot;countryCodes&quot;: [
2327        &quot;uk&quot;
2328      ]
2329    },
2330    {
2331      &quot;name&quot;: &quot;United States&quot;,
2332      &quot;url&quot;: &quot;https://www.garnierusa.com:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2333      &quot;countryCodes&quot;: [
2334        &quot;us&quot;
2335      ]
2336    },
2337    {
2338      &quot;name&quot;: &quot;Uruguay&quot;,
2339      &quot;url&quot;: &quot;https://www.garnier.com.uy:443/?utm_campaign=geo-ip-redirect&amp;utm_source=MY&amp;utm_medium=referral&amp;geoip-redirect=true&quot;,
2340      &quot;countryCodes&quot;: [
2341        &quot;uy&quot;
2342      ]
2343    }
2344  ],
2345  &quot;cookieExpiration&quot;: &quot;d&quot;,
2346  &quot;closeBtnAriaLabel&quot;: &quot;Close&quot;,
2347  &quot;taggingId&quot;: &quot;{A680EB7A-DD69-4DE8-9908-8E98E1D4D097}&quot;
2348}" style="z-index: 10">
2349                    <div role="dialog" aria-modal="true" tabindex="-1" style="display:none;">
2350        <h2>You’re Visiting from a Different Region</h2>
2351        <p>Would you like to switch to your local site for a better experience — including localized content, currency, and shipping options?</p>
2352        <ul>
2353                <li>
2354                    <a href="https://www.garnier.com.ar:443/">Argentina</a>
2355                </li>
2356                <li>
2357                    <a href="https://www.garnier.com.au:443/">Australia</a>
2358                </li>
2359                <li>
2360                    <a href="https://www.garnier-be.com:443/">Belgium</a>
2361                </li>
2362                <li>
2363                    <a href="https://www.garnier.com.br:443/">Brazil</a>
2364                </li>
2365                <li>
2366                    <a href="https://www.garnier.bg:443/">Bulgaria</a>
2367                </li>
2368                <li>
2369                    <a href="https://www.garnier.ca:443/">Canada</a>
2370                </li>
2371                <li>
2372                    <a href="https://www.garnier-centroamerica.com:443/">Central America</a>
2373                </li>
2374                <li>
2375                    <a href="https://www.garnier.cl:443/">Chile</a>
2376                </li>
2377                <li>
2378                    <a href="https://www.garnier.com.co:443/">Colombia</a>
2379                </li>
2380                <li>
2381                    <a href="https://www.garnier.hr:443/">Croatia</a>
2382                </li>
2383                <li>
2384                    <a href="https://www.garnier.cz:443/">Czech Republic</a>
2385                </li>
2386                <li>
2387                    <a href="https://www.garnier.dk:443/">Denmark</a>
2388                </li>
2389                <li>
2390                    <a href="https://www.garnier.fi:443/">Finland</a>
2391                </li>
2392                <li>
2393                    <a href="https://www.garnier.fr:443/">France</a>
2394                </li>
2395                <li>
2396                    <a href="https://www.garnier.de:443/">Germany</a>
2397                </li>
2398                <li>
2399                    <a href="https://www.garnier.gr:443/">Greece</a>
2400                </li>
2401                <li>
2402                    <a href="https://www.garnier.hu:443/">Hungary</a>
2403                </li>
2404                <li>
2405                    <a href="https://www.garnier.in:443/">India</a>
2406                </li>
2407                <li>
2408                    <a href="https://www.garnier.co.id:443/">Indonesia</a>
2409                </li>
2410                <li>
2411                    <a href="https://www.garnier.co.il:443/">Israel</a>
2412                </li>
2413                <li>
2414                    <a href="https://www.garnier.it:443/">Italy</a>
2415                </li>
2416                <li>
2417                    <a href="https://www.garnier.com.my:443/">Malaysia</a>
2418                </li>
2419                <li>
2420                    <a href="https://www.garnier.com.mx:443/">Mexico</a>
2421                </li>
2422                <li>
2423                    <a href="https://www.garnierarabia.com:443/">Middle East</a>
2424                </li>
2425                <li>
2426                    <a href="https://www.garniernederland.nl:443/">Netherlands</a>
2427                </li>
2428                <li>
2429                    <a href="https://www.garnier.no:443/">Norway</a>
2430                </li>
2431                <li>
2432                    <a href="https://www.garnier.com.pe:443/">Peru</a>
2433                </li>
2434                <li>
2435                    <a href="https://www.garnier.com.ph:443/">Philippines</a>
2436                </li>
2437                <li>
2438                    <a href="https://www.garnier.pl:443/">Poland</a>
2439                </li>
2440                <li>
2441                    <a href="https://www.garnier.pt:443/">Portugal</a>
2442                </li>
2443                <li>
2444                    <a href="https://www.garnier.ro:443/">Romania</a>
2445                </li>
2446                <li>
2447                    <a href="https://www.garnier.ru:443/">Russia</a>
2448                </li>
2449                <li>
2450                    <a href="https://www.garnier.rs:443/">Serbia</a>
2451                </li>
2452                <li>
2453                    <a href="https://www.garnier.com.sg:443/">Singapore</a>
2454                </li>
2455                <li>
2456                    <a href="https://www.garnier.sk:443/">Slovakia</a>
2457                </li>
2458                <li>
2459                    <a href="https://www.garnier.si:443/">Slovenia</a>
2460                </li>
2461                <li>
2462                    <a href="https://africa.garnier.com:443/">South Africa</a>
2463                </li>
2464                <li>
2465                    <a href="https://www.garnier.es:443/">Spain</a>
2466                </li>
2467                <li>
2468                    <a href="https://www.garnier.se:443/">Sweden</a>
2469                </li>
2470                <li>
2471                    <a href="https://www.garnier.ch:443/">Switzerland</a>
2472                </li>
2473                <li>
2474                    <a href="https://www.garnier.co.th:443/">Thailand</a>
2475                </li>
2476                <li>
2477                    <a href="https://www.garnier.com.tr:443/">Turkey</a>
2478                </li>
2479                <li>
2480                    <a href="https://www.garnier.ua:443/">Ukraine</a>
2481                </li>
2482                <li>
2483                    <a href="https://www.garnier.co.uk:443/">United Kingdom</a>
2484                </li>
2485                <li>
2486                    <a href="https://www.garnierusa.com:443/">United States</a>
2487                </li>
2488                <li>
2489                    <a href="https://www.garnier.com.uy:443/">Uruguay</a>
2490                </li>
2491        </ul>
2492    </div>
2493
2494            </refapp-user-redirect>
2495        </div>
2496
2497                </div>
2498                
2499
2500
2501
2502<div id="1d433347cee24247ba910eac9e425479"></div>
2503
2504<div class="container scroll-target" id="content_block">
2505        <div class="row">
2506            <div class="editorial__wrapper  editorial__wrapper--full-width-columns  editorial__wrapper--align-center " style="background: #FFFFFF; color: #21362C">
2507                <div class="col-xs-12 col-sm-8 editorial__column_bottomtext col-md-offset-2 editorial__column editorial__col-1 editorial__column--sm-bottom">
2508                    
2509
2510
2511<h1 class="heading is-2"  style="color:#21362C">PRODUK TERBARU DARI GARNIER</h1>                    
2512
2513    <div class="description_block description_block_nocta">
2514        <p>Menerokai produk dan inovasi terkini dari Garnier
2515</p>
2516    </div>
2517
2518
2519                </div>
2520                    <div class="col-xs-12 col-sm-8 editorial__column_bottomimg col-md-offset-2 editorial__column  editorial__col-2 ">
2521                                <div v-tag-on-viewport="{animatevalue : 'bottomanimate'}"></div>
2522                    </div>
2523            </div>
2524        </div>
2525</div>
2526<script type="text/javascript">
2527    document.addEventListener('DOMContentLoaded', function () {
2528        if (window.innerWidth < 768) {
2529            if (!document.querySelector(".page-not-found")) {
2530                let getEle = document.querySelector(".editorial__wrapper.editorial__wrapper--align-center");
2531                if (getEle) {
2532                    getEle.classList.add("editorial__wrapper--align-left");
2533                    getEle.classList.remove("editorial__wrapper--align-center");
2534                }
2535            }
2536        }
2537    })
2538</script>
2538
2539
2540
2541<div id="839e68f4eb54489998949c00dda76ddf"></div>
2542
2543    <div class="container promo-slider__wrapper">
2544        <carousel :swipe-on-desktop="true"
2545                  :per-page="1"
2546                  :scroll-per-page="true"
2547                  class=""
2548                  :autoplay="true"
2549                  :navigation-enabled="true"
2550                  :slide-count-navigation="false"
2551                  :arrow-animation="false"
2552                  :analytics="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:{&quot;moduleName&quot;:&quot;promo module&quot;,&quot;nextAction&quot;:&quot;next&quot;,&quot;previousAction&quot;:&quot;previous&quot;}}"
2553                  :autoplay-duration="5000"
2554                  :navigation-label='{"carouselbuttonnext":"Carousel Button Navigation Next","carouselbuttonprev":"Carousel Button Navigation Prev"}'>
2555
2556
2557                <slide analytics-slide-name="Virtual Try On!">
2558                        <promo-slider :alignment="'left'"
2559                                      :background="&#39;&#39;"
2560                                      :text-color="&#39;&#39;"
2561                                      :is-new-layout="false"
2562                                      class=""
2563                                      :color="'black'">
2564
2565
2566
2567                                <div class="promo-slider__image lazyload"
2568                                     data-bg="/-/media/project/loreal/brand-sites/garnier/apac/my/homepage/garnier-vto-hp.jpg?rev=f2b95e287f474d66bb7db2b35568ad16">
2569                                </div>
2570
2571
2572                            <div class="promo-slider__block col-md-offset-1 promo-slider-md-offset-1">
2573                                    <p class="promo-slider__pre-title">
2574                                        
2575                                    </p>
2576                                <h2 class="promo-slider__title">
2577                                    Virtual Try On!
2578                                </h2>
2579                                <div class="promo-slider__description">
2580                                    <p>Ketahui warna sesuai buat anda dengan Virtual Try On!</p>
2581                                </div>
2582
2583                                
2584                            </div>
2585                        </promo-slider>
2586                </slide>
2587        </carousel>
2588    </div>
2589
2590<Script>
2591    document.addEventListener('DOMContentLoaded', () => {
2592        function myJebbitFunction() {
2593            
2594        }
2595        const style = document.createElement('style');
2596        style.innerHTML = `
2597                #lilo3746-wrapper.lilo3746-wrapper {
2598                    z-index: 9999999999 !important;
2599                }
2600            `;
2601        document.head.appendChild(style);
2602        const jebbitElement = document.getElementById('jebbitPopupPS');
2603        if (jebbitElement) {
2604            jebbitElement.addEventListener('click', (event) => {
2605                myJebbitFunction();
2606            });
2607        }
2608    });
2609
2610</Script>
2610
2611
2612
2613    <div id="456aa30787c34b21917009775b10b041"></div>
2614    <sfmc-container api-url="/api/catalog/getproductsfrominteractionstudio"
2615                    :payload-config="{}"
2616                    :enabled="false"
2617                    id="in_the_spotlight"
2618                    class="scroll-target">
2619        <template slot="recommendations" slot-scope="slotProps">
2620            <sfmc-products :config="{ecommerce: true}"
2621                           :carousel-analytics="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:{&quot;moduleName&quot;:&quot;in the spotlight&quot;,&quot;nextAction&quot;:&quot;next&quot;,&quot;previousAction&quot;:&quot;previous&quot;},&quot;eventLabel&quot;:{&quot;moduleName&quot;:&quot;in the spotlight&quot;,&quot;nextAction&quot;:&quot;next&quot;,&quot;previousAction&quot;:&quot;previous&quot;}}"
2622                           buy-now-button-label="Buy Now"
2623                           component-title="Kegemaran Pelanggan"
2624                           :clickable-stars="false"
2625                           :product-data="slotProps.recommendations" />
2626        </template>
2627
2628        <template slot="default-list">
2629            <spot-light :config="{ecommerce: true}"
2630                        :carousel-analytics="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:{&quot;moduleName&quot;:&quot;in the spotlight&quot;,&quot;nextAction&quot;:&quot;next&quot;,&quot;previousAction&quot;:&quot;previous&quot;},&quot;eventLabel&quot;:{&quot;moduleName&quot;:&quot;in the spotlight&quot;,&quot;nextAction&quot;:&quot;next&quot;,&quot;previousAction&quot;:&quot;previous&quot;}}"
2631                        product-click-data="{&quot;event&quot;:&quot;productClick&quot;,&quot;ecommerce&quot;:{&quot;click&quot;:{&quot;actionField&quot;:{&quot;currencyCode&quot;:&quot;[Token2]&quot;,&quot;list&quot;:&quot;[Token1]&quot;},&quot;products&quot;:[{&quot;name&quot;:&quot;$$lc(get-field(array-item(), \&quot;Product Name\&quot;))$$&quot;,&quot;id&quot;:&quot;$$lc(get-field(array-item(), \&quot;Product ID\&quot;)$$&quot;,&quot;price&quot;:&quot;$$get-field(get-first-child-item(array-item(), \&quot;ProductVariant\&quot;),\&quot;Product Variant Price\&quot;)$$&quot;,&quot;brand&quot;:&quot;GAR&quot;,&quot;category&quot;:&quot;$$lc(get-field(get-parent-item(get-item(get-field(array-item(), \&quot;Category\&quot;))), \&quot;CategoryName\&quot;))$$-$$lc(get-field(get-item(get-field(array-item(), \&quot;Category\&quot;)), \&quot;CategoryName\&quot;))$$&quot;,&quot;variant&quot;:&quot;$$lc(get-field(get-first-child-item(array-item(), \&quot;ProductVariant\&quot;),\&quot;Product Variant Size\&quot;))$$&quot;,&quot;position&quot;:&quot;[Index]&quot;,&quot;dimension35&quot;:&quot;$$get-field(get-first-child-item(array-item(), \&quot;ProductVariant\&quot;),\&quot;Product Variant Size\&quot;)$$&quot;,&quot;dimension38&quot;:&quot;[Token7]&quot;,&quot;dimension39&quot;:&quot;in stock&quot;,&quot;dimension48&quot;:&quot;$$get-field(get-first-child-item(array-item(), \&quot;ProductVariant\&quot;),\&quot;Product Variant Id\&quot;)$$&quot;,&quot;dimension59&quot;:&quot;[Token10]&quot;,&quot;dimension49&quot;:&quot;[Token9]&quot;,&quot;dimension91&quot;:&quot;[Token8]&quot;,&quot;dimension176&quot;:&quot;$$lc(get-field(get-parent-item(get-item(get-field(array-item(), \&quot;Category\&quot;))), \&quot;CategoryName\&quot;))$$-$$lc(get-field(get-item(get-field(array-item(), \&quot;Category\&quot;)), \&quot;CategoryName\&quot;))$$&quot;}]}},&quot;event_name&quot;:&quot;select_item&quot;,&quot;eventCategory&quot;:&quot;Ecommerce&quot;,&quot;eventAction&quot;:&quot;Product Click&quot;,&quot;eventLabel&quot;:&quot;[Token3]::[Token4]&quot;,&quot;product_info&quot;:&quot;[Token3]::[Token4]&quot;}"
2632                        buy-now-button-label="Buy Now"
2633                        :rich-relevance="false"
2634                        :navigation-label='{"carouselbuttonnext":"Carousel Button Navigation Next","carouselbuttonprev":"Carousel Button Navigation Prev"}'>
2635                    <div class="spotlight-wrap   nocta"
2636                         v-tag:view="{&quot;event&quot;:&quot;nievent&quot;,&quot;ecommerce&quot;:{&quot;currencyCode&quot;:&quot;MYR&quot;,&quot;list&quot;:&quot;cross-sell&quot;,&quot;impressions&quot;:[{&quot;name&quot;:&quot;garnier bright complete 30x vitamin c booster serum&quot;,&quot;id&quot;:&quot;8994993013746&quot;,&quot;price&quot;:&quot;26.9&quot;,&quot;brand&quot;:&quot;GAR&quot;,&quot;category&quot;:&quot;skin care-face-caring&quot;,&quot;variant&quot;:&quot;15ml&quot;,&quot;position&quot;:&quot;1&quot;,&quot;dimension35&quot;:&quot;15ml&quot;,&quot;dimension38&quot;:&quot;none&quot;,&quot;dimension39&quot;:&quot;in stock&quot;,&quot;dimension48&quot;:&quot;8994993013746&quot;,&quot;dimension49&quot;:&quot;not present&quot;,&quot;
2636dimension59&quot;:&quot;0&quot;,&quot;dimension91&quot;:&quot;none&quot;,&quot;dimension176&quot;:&quot;face-caring&quot;},{&quot;name&quot;:&quot;garnier bright complete vitamin c serum cream spf 36&quot;,&quot;id&quot;:&quot;8992304054419&quot;,&quot;price&quot;:&quot;31.5&quot;,&quot;brand&quot;:&quot;GAR&quot;,&quot;category&quot;:&quot;skin care-face-caring&quot;,&quot;variant&quot;:&quot;50ml&quot;,&quot;position&quot;:&quot;2&quot;,&quot;dimension35&quot;:&quot;50ml&quot;,&quot;dimension38&quot;:&quot;none&quot;,&quot;dimension39&quot;:&quot;in stock&quot;,&quot;dimension48&quot;:&quot;8992304054419&quot;,&quot;dimension49&quot;:&quot;not present&quot;,&quot;dimension59&quot;:&quot;0&quot;,&quot;dimension91&quot;:&quot;none&quot;,&quot;dimension176&quot;:&quot;face-caring&quot;},{&quot;name&quot;:&quot;garnier micellar cleansing water pink&quot;,&quot;id&quot;:&quot;6928820029572&quot;,&quot;price&quot;:&quot;16.9&quot;,&quot;brand&quot;:&quot;GAR&quot;,&quot;category&quot;:&quot;skin care-face-cleansing&quot;,&quot;variant&quot;:&quot;125ml&quot;,&quot;position&quot;:&quot;3&quot;,&quot;dimension35&quot;:&quot;125ml&quot;,&quot;dimension38&quot;:&quot;none&quot;,&quot;dimension39&quot;:&quot;in stock&quot;,&quot;dimension48&quot;:&quot;6928820029572&quot;,&quot;dimension49&quot;:&quot;not present&quot;,&quot;dimension59&quot;:&quot;0&quot;,&quot;dimension91&quot;:&quot;none&quot;,&quot;dimension176&quot;:&quot;face-cleansing&quot;},{&quot;name&quot;:&quot;garnier men acnofight anti-acne scrub in foam facial cleanser&quot;,&quot;id&quot;:&quot;8992304015298&quot;,&quot;price&quot;:&quot;20.9&quot;,&quot;brand&quot;:&quot;GAR&quot;,&quot;category&quot;:&quot;skin care-men&quot;,&quot;variant&quot;:&quot;100ml&quot;,&quot;position&quot;:&quot;4&quot;,&quot;dimension35&quot;:&quot;100ml&quot;,&quot;dimension38&quot;:&quot;none&quot;,&quot;dimension39&quot;:&quot;in stock&quot;,&quot;dimension48&quot;:&quot;8992304015298&quot;,&quot;dimension49&quot;:&quot;not present&quot;,&quot;dimension59&quot;:&quot;0&quot;,&quot;dimension91&quot;:&quot;none&quot;,&quot;dimension176&quot;:&quot;men&quot;},{&quot;name&quot;:&quot;garnier color naturals cr&#232;me riche 1 - hitam alami (natural black)&quot;,&quot;id&quot;:&quot;8901526527465&quot;,&quot;price&quot;:&quot;24.9&quot;,&quot;brand&quot;:&quot;GAR&quot;,&quot;category&quot;:&quot;hair-color&quot;,&quot;variant&quot;:&quot;55ml&quot;,&quot;position&quot;:&quot;5&quot;,&quot;dimension35&quot;:&quot;55ml&quot;,&quot;dimension38&quot;:&quot;none&quot;,&quot;dimension39&quot;:&quot;in stock&quot;,&quot;dimension48&quot;:&quot;8901526527465&quot;,&quot;dimension49&quot;:&quot;present&quot;,&quot;dimension59&quot;:&quot;0&quot;,&quot;dimension91&quot;:&quot;none&quot;,&quot;dimension176&quot;:&quot;color&quot;},{&quot;name&quot;:&quot;garnier sakura glow hyaluron waterglow essence&quot;,&quot;id&quot;:&quot;8992304096396&quot;,&quot;price&quot;:&quot;33.9&quot;,&quot;brand&quot;:&quot;GAR&quot;,&quot;category&quot;:&quot;skin care-face-caring&quot;,&quot;variant&quot;:&quot;100ml&quot;,&quot;position&quot;:&quot;6&quot;,&quot;dimension35&quot;:&quot;100ml&quot;,&quot;dimension38&quot;:&quot;none&quot;,&quot;dimension39&quot;:&quot;in stock&quot;,&quot;dimension48&quot;:&quot;8992304096396&quot;,&quot;dimension49&quot;:&quot;not present&quot;,&quot;dimension59&quot;:&quot;0&quot;,&quot;dimension91&quot;:&quot;none&quot;,&quot;dimension176&quot;:&quot;face-caring&quot;}]},&quot;event_name&quot;:&quot;view_item_list&quot;,&quot;eventCategory&quot;:&quot;Ecommerce&quot;,&quot;eventAction&quot;:&quot;Product Impressions&quot;,&quot;eventLabel&quot;:&quot;homepage&quot;}">
2637                        <quick-view-container>
2638                            <product-push-wrap :spotlight-product="true" ref="spotlight_ref" :config="{ecommerce: true}">
2639                                    <div class="title__seeall_deskmob" slot="titles">
2640                                        <h2 class="heading is-3"  >Kegemaran Pelanggan</h2>
2641                                    </div>
2642                                    <div class="title__seeall_tablet" slot="titles">
2643                                        <h2 class="heading is-3"  >Kegemaran Pelanggan</h2>
2644                                    </div>
2645                                <template scope="config">
2646                                    <carousel :swipe-on-desktop="false"
2647                                              :per-page-custom="[
2648                                        [320, 1.155],
2649                                        [320, 1.1411],
2650                                        [768, 1.4533],
2651                                        [1025, 4]
2652                                        ]"
2653                                              :scroll-per-page="false"
2654                                              :navigation-enabled="true"
2655                                              :loop="false"
2656                                              :autoplay="false"
2657                                              :pagination-enabled="false"
2658                                              :swipe-enabled="false"
2659                                              :navigation-label='{"carouselbuttonnext":"Carousel Button Navigation Next","carouselbuttonprev":"Carousel Button Navigation Prev"}'
2660                                              ref="spotlightcarousel"
2661                                              :spot-light="true"
2662                                              :analytics="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:{&quot;moduleName&quot;:&quot;in the spotlight&quot;,&quot;nextAction&quot;:&quot;next&quot;,&quot;previousAction&quot;:&quot;previous&quot;},&quot;eventLabel&quot;:{&quot;moduleName&quot;:&quot;in the spotlight&quot;,&quot;nextAction&quot;:&quot;next&quot;,&quot;previousAction&quot;:&quot;previous&quot;}}">
2663                                            <slide>
2664                                                <product-push rating-class="rating_section" :config="config" class="">
2665
2666
2667                                                    <a href="/jenama-kami/garnier-bright-complete/bright-complete-serum/garnier-bright-complete-30x-vitamin-c-booster-serum" v-tag="{&quot;event&quot;:&quot;productClick&quot;,&quot;ecommerce&quot;:{&quot;click&quot;:{&quot;actionField&quot;:{&quot;currencyCode&quot;:&quot;MYR&quot;,&quot;list&quot;:&quot;cross-sell&quot;},&quot;products&quot;:[{&quot;name&quot;:&quot;garnier bright complete 30x vitamin c booster serum&quot;,&quot;id&quot;:&quot;8992304055157&quot;,&quot;price&quot;:&quot;26.9&quot;,&quot;brand&quot;:&quot;GAR&quot;,&quot;category&quot;:&quot;skin care-face-caring&quot;,&quot;variant&quot;:&quot;15ml&quot;,&quot;position&quot;:&quot;1&quot;,&quot;dimension35&quot;:&quot;15ml&quot;,&quot;dimension38&quot;:&quot;0&quot;,&quot;dimension39&quot;:&quot;in stock&quot;,&quot;dimension48&quot;:&quot;8994993013746&quot;,&quot;
2667dimension59&quot;:&quot;0&quot;,&quot;dimension49&quot;:&quot;not present&quot;,&quot;dimension91&quot;:&quot;none&quot;,&quot;dimension176&quot;:&quot;skin care-face-caring&quot;}]}},&quot;event_name&quot;:&quot;select_item&quot;,&quot;eventCategory&quot;:&quot;Ecommerce&quot;,&quot;eventAction&quot;:&quot;Product Click&quot;,&quot;eventLabel&quot;:&quot;garnier bright complete 30x vitamin c booster serum::8992304055157&quot;,&quot;product_info&quot;:&quot;garnier bright complete 30x vitamin c booster serum::8992304055157&quot;}" class="product-push__link tile__imagecontainer" dataid="8992304055157" aria-label="Garnier Garnier Bright Complete 30X Vitamin C Booster Serum">
2668                                                        <div class="product-push__main">
2669                                                            <figure class="product-push__packshot">
2670                                                                <div class="product-push__badge-placeholder">
2671                                                                    <!-- Please add a condition below, checking whether try on badge is enabled. Important: placeholder above is always present. -->
2672                                                                </div>
2673<img alt="" class="lazyload" data-aspectratio="500/667" data-sizes="(max-width: 767px) 100vw, 33vw" data-srcset="/-/media/project/loreal/brand-sites/garnier/apac/my/products/garnier-light-complete/garnier-bright-complete-serum-vitaminc-c/1_garnier-bright-complete-30x-vitamin-c-booster-serum-15ml.png?w=150&amp;rev=fdc384c074924093a3656a746109c8a5&amp;hash=8F8CE0405A7E42C30A6DEAD6A74B0F43 150w" src="" />                                                            </figure>
2674                                                        </div>
2675                                                        <h3 class="product-push__heading">
2676                                                            <span class="product-push__name">Garnier</span>
2677                                                            <span class="product-push__description">Garnier Bright Complete 30X Vitamin C Booster Serum</span>
2678                                                        </h3>
2679
2680                                                    </a>
2681
2682<rating-link class="product-push__rating-reviews"
2683                                                                     :rating=0
2684                                                                     :rating-count=0
2685                                                                     target="/jenama-kami/garnier-bright-complete/bright-complete-serum/garnier-bright-complete-30x-vitamin-c-booster-serum#ratings_reviews"
2686                                                                     title="LIHAT SEMUA 0 PENILAIAN"
2687                                                                     aria-label-text="LIHAT SEMUA 0 PENILAIAN Garnier Garnier Bright Complete 30X Vitamin C Booster Serum"
2688                                                                     outof-text="out of"
2689                                                                     stars-text="stars based on"
2690                                                                     reviews-text="reviews"
2691                                                                     :show-empty-rating=false
2692                                                                     :clickable-stars="false" />
2693
2694                                                </product-push>
2695                                            </slide>
2696                                            <slide>
2697                                                <product-push rating-class="rating_section" :config="config" class="">
2698
2699
2700                                                    <a href="/jenama-kami/garnier-bright-complete/light-complete-moisturizer/garnier-bright-complete-vitamin-c-serum-cream-spf-36" v-tag="{&quot;event&quot;:&quot;productClick&quot;,&quot;ecommerce&quot;:{&quot;click&quot;:{&quot;actionField&quot;:{&quot;currencyCode&quot;:&quot;MYR&quot;,&quot;list&quot;:&quot;cross-sell&quot;},&quot;products&quot;:[{&quot;name&quot;:&quot;garnier bright complete vitamin c serum cream spf 36&quot;,&quot;id&quot;:&quot;8992304054419&quot;,&quot;price&quot;:&quot;31.5&quot;,&quot;brand&quot;:&quot;GAR&quot;,&quot;category&quot;:&quot;skin care-face-caring&quot;,&quot;variant&quot;:&quot;50ml&quot;,&quot;position&quot;:&quot;2&quot;,&quot;dimension35&quot;:&quot;50ml&quot;,&quot;dimension38&quot;:&quot;0&quot;,&quot;dimension39&quot;:&quot;in stock&quot;,&quot;dimension48&quot;:&quot;8992304054419&quot;,&quot;
2700dimension59&quot;:&quot;0&quot;,&quot;dimension49&quot;:&quot;not present&quot;,&quot;dimension91&quot;:&quot;none&quot;,&quot;dimension176&quot;:&quot;skin care-face-caring&quot;}]}},&quot;event_name&quot;:&quot;select_item&quot;,&quot;eventCategory&quot;:&quot;Ecommerce&quot;,&quot;eventAction&quot;:&quot;Product Click&quot;,&quot;eventLabel&quot;:&quot;garnier bright complete vitamin c serum cream spf 36::8992304054419&quot;,&quot;product_info&quot;:&quot;garnier bright complete vitamin c serum cream spf 36::8992304054419&quot;}" class="product-push__link tile__imagecontainer" dataid="8992304054419" aria-label="Garnier Garnier Bright Complete Vitamin C Serum Cream SPF 36">
2701                                                        <div class="product-push__main">
2702                                                            <figure class="product-push__packshot">
2703                                                                <div class="product-push__badge-placeholder">
2704                                                                    <!-- Please add a condition below, checking whether try on badge is enabled. Important: placeholder above is always present. -->
2705                                                                </div>
2706<img alt="" class="lazyload" data-aspectratio="1080/1080" data-sizes="(max-width: 767px) 100vw, 33vw" data-srcset="/-/media/project/loreal/brand-sites/garnier/apac/my/products/new_packshots_recycle/2_garnier-bright-complete-vitamin-c-serum-cream-spf-36.png?w=150&amp;rev=4e5fda21f5a149c79f964a6b0bd8c4c9&amp;hash=0C18A5077319EAAC519C79B7FC543405 150w" src="" />                                                            </figure>
2707                                                        </div>
2708                                                        <h3 class="product-push__heading">
2709                                                            <span class="product-push__name">Garnier</span>
2710                                                            <span class="product-push__description">Garnier Bright Complete Vitamin C Serum Cream SPF 36</span>
2711                                                        </h3>
2712
2713                                                    </a>
2714
2715<rating-link class="product-push__rating-reviews"
2716                                                                     :rating=0
2717                                                                     :rating-count=0
2718                                                                     target="/jenama-kami/garnier-bright-complete/light-complete-moisturizer/garnier-bright-complete-vitamin-c-serum-cream-spf-36#ratings_reviews"
2719                                                                     title="LIHAT SEMUA 0 PENILAIAN"
2720                                                                     aria-label-text="LIHAT SEMUA 0 PENILAIAN Garnier Garnier Bright Complete Vitamin C Serum Cream SPF 36"
2721                                                                     outof-text="out of"
2722                                                                     stars-text="stars based on"
2723                                                                     reviews-text="reviews"
2724                                                                     :show-empty-rating=false
2725                                                                     :clickable-stars="false" />
2726
2727                                                </product-push>
2728                                            </slide>
2729                                            <slide>
2730                                                <product-push rating-class="rating_section" :config="config" class="">
2731
2732
2733                                                    <a href="/jenama-kami/garnier-micellar-water/garnier-micellar-cleansing-water-pink" v-tag="{&quot;event&quot;:&quot;productClick&quot;,&quot;ecommerce&quot;:{&quot;click&quot;:{&quot;actionField&quot;:{&quot;currencyCode&quot;:&quot;MYR&quot;,&quot;list&quot;:&quot;cross-sell&quot;},&quot;products&quot;:[{&quot;name&quot;:&quot;garnier micellar cleansing water pink&quot;,&quot;id&quot;:&quot;6928820029572&quot;,&quot;price&quot;:&quot;16.9&quot;,&quot;brand&quot;:&quot;GAR&quot;,&quot;category&quot;:&quot;skin care-face-cleansing&quot;,&quot;variant&quot;:&quot;125ml&quot;,&quot;position&quot;:&quot;3&quot;,&quot;dimension35&quot;:&quot;125ml&quot;,&quot;dimension38&quot;:&quot;0&quot;,&quot;dimension39&quot;:&quot;in stock&quot;,&quot;dimension48&quot;:&quot;6928820029572&quot;,&quot;
2733dimension59&quot;:&quot;0&quot;,&quot;dimension49&quot;:&quot;not present&quot;,&quot;dimension91&quot;:&quot;none&quot;,&quot;dimension176&quot;:&quot;skin care-face-cleansing&quot;}]}},&quot;event_name&quot;:&quot;select_item&quot;,&quot;eventCategory&quot;:&quot;Ecommerce&quot;,&quot;eventAction&quot;:&quot;Product Click&quot;,&quot;eventLabel&quot;:&quot;garnier micellar cleansing water pink::6928820029572&quot;,&quot;product_info&quot;:&quot;garnier micellar cleansing water pink::6928820029572&quot;}" class="product-push__link tile__imagecontainer" dataid="6928820029572" aria-label="Garnier Garnier Micellar Cleansing Water Pink">
2734                                                        <div class="product-push__main">
2735                                                            <figure class="product-push__packshot">
2736                                                                <div class="product-push__badge-placeholder">
2737                                                                    <!-- Please add a condition below, checking whether try on badge is enabled. Important: placeholder above is always present. -->
2738                                                                </div>
2739<img alt="" class="lazyload" data-aspectratio="500/667" data-sizes="(max-width: 767px) 100vw, 33vw" data-srcset="/-/media/project/loreal/brand-sites/garnier/apac/my/products/garnier-micellar-water/garnier-micellar-cleansing-water-pink-400ml/micellar_pink_125ml_eb_2022_ok.png?w=150&amp;rev=-1&amp;hash=FE368F217B2942BDDF3ED9B3E63A3D62 150w" src="" />                                                            </figure>
2740                                                        </div>
2741                                                        <h3 class="product-push__heading">
2742                                                            <span class="product-push__name">Garnier</span>
2743                                                            <span class="product-push__description">Garnier Micellar Cleansing Water Pink</span>
2744                                                        </h3>
2745
2746                                                    </a>
2747
2748<rating-link class="product-push__rating-reviews"
2749                                                                     :rating=0
2750                                                                     :rating-count=0
2751                                                                     target="/jenama-kami/garnier-micellar-water/garnier-micellar-cleansing-water-pink#ratings_reviews"
2752                                                                     title="LIHAT SEMUA 0 PENILAIAN"
2753                                                                     aria-label-text="LIHAT SEMUA 0 PENILAIAN Garnier Garnier Micellar Cleansing Water Pink"
2754                                                                     outof-text="out of"
2755                                                                     stars-text="stars based on"
2756                                                                     reviews-text="reviews"
2757                                                                     :show-empty-rating=false
2758                                                                     :clickable-stars="false" />
2759
2760                                                </product-push>
2761                                            </slide>
2762                                            <slide>
2763                                                <product-push rating-class="rating_section" :config="config" class="">
2764
2765
2766                                                    <a href="/jenama-kami/garnier-men-acno-fight/garnier-men-acno-fight-12-in-1-anti-acne-scrub-in-foam" v-tag="{&quot;event&quot;:&quot;productClick&quot;,&quot;ecommerce&quot;:{&quot;click&quot;:{&quot;actionField&quot;:{&quot;currencyCode&quot;:&quot;MYR&quot;,&quot;list&quot;:&quot;cross-sell&quot;},&quot;products&quot;:[{&quot;name&quot;:&quot;garnier men acnofight anti-acne scrub in foam facial cleanser&quot;,&quot;id&quot;:&quot;8992304015298&quot;,&quot;price&quot;:&quot;20.9&quot;,&quot;brand&quot;:&quot;GAR&quot;,&quot;category&quot;:&quot;skin care-men&quot;,&quot;variant&quot;:&quot;100ml&quot;,&quot;position&quot;:&quot;4&quot;,&quot;dimension35&quot;:&quot;100ml&quot;,&quot;dimension38&quot;:&quot;0&quot;,&quot;dimension39&quot;:&quot;in stock&quot;,&quot;dimension48&quot;:&quot;8992304015298&quot;,&quot;
2766dimension59&quot;:&quot;0&quot;,&quot;dimension49&quot;:&quot;not present&quot;,&quot;dimension91&quot;:&quot;none&quot;,&quot;dimension176&quot;:&quot;skin care-men&quot;}]}},&quot;event_name&quot;:&quot;select_item&quot;,&quot;eventCategory&quot;:&quot;Ecommerce&quot;,&quot;eventAction&quot;:&quot;Product Click&quot;,&quot;eventLabel&quot;:&quot;garnier men acnofight anti-acne scrub in foam facial cleanser::8992304015298&quot;,&quot;product_info&quot;:&quot;garnier men acnofight anti-acne scrub in foam facial cleanser::8992304015298&quot;}" class="product-push__link tile__imagecontainer" dataid="8992304015298" aria-label="Garnier Garnier Men AcnoFight Anti-Acne Scrub In Foam Facial Cleanser">
2767                                                        <div class="product-push__main">
2768                                                            <figure class="product-push__packshot">
2769                                                                <div class="product-push__badge-placeholder">
2770                                                                    <!-- Please add a condition below, checking whether try on badge is enabled. Important: placeholder above is always present. -->
2771                                                                </div>
2772<img alt="" class="lazyload" data-aspectratio="550/667" data-sizes="(max-width: 767px) 100vw, 33vw" data-srcset="/-/media/project/loreal/brand-sites/garnier/apac/my/products/garnier-men-acno-fight/garnier-men-acno-fight-12-in-1-anti-acne-scrub-in-foam/acnofight_100ml-120924.png?w=150&amp;rev=-1&amp;hash=9C286CB4E1FA1F4BEEA21E5C7589FE94 150w" src="" />                                                            </figure>
2773                                                        </div>
2774                                                        <h3 class="product-push__heading">
2775                                                            <span class="product-push__name">Garnier</span>
2776                                                            <span class="product-push__description">Garnier Men AcnoFight Anti-Acne Scrub In Foam Facial Cleanser</span>
2777                                                        </h3>
2778
2779                                                    </a>
2780
2781<rating-link class="product-push__rating-reviews"
2782                                                                     :rating=0
2783                                                                     :rating-count=0
2784                                                                     target="/jenama-kami/garnier-men-acno-fight/garnier-men-acno-fight-12-in-1-anti-acne-scrub-in-foam#ratings_reviews"
2785                                                                     title="LIHAT SEMUA 0 PENILAIAN"
2786                                                                     aria-label-text="LIHAT SEMUA 0 PENILAIAN Garnier Garnier Men AcnoFight Anti-Acne Scrub In Foam Facial Cleanser"
2787                                                                     outof-text="out of"
2788                                                                     stars-text="stars based on"
2789                                                                     reviews-text="reviews"
2790                                                                     :show-empty-rating=false
2791                                                                     :clickable-stars="false" />
2792
2793                                                </product-push>
2794                                            </slide>
2795                                            <slide>
2796                                                <product-push rating-class="rating_section" :config="config" class="">
2797
2798
2799                                                    <a href="/jenama-kami/garnier-color-naturals/garnier-color-naturals-creme-riche-1-hitam-alami-natural-black" v-tag="{&quot;event&quot;:&quot;productClick&quot;,&quot;ecommerce&quot;:{&quot;click&quot;:{&quot;actionField&quot;:{&quot;currencyCode&quot;:&quot;MYR&quot;,&quot;list&quot;:&quot;cross-sell&quot;},&quot;products&quot;:[{&quot;name&quot;:&quot;garnier color naturals cr&#232;me riche 1 - hitam alami (natural black)&quot;,&quot;id&quot;:&quot;8901526527465&quot;,&quot;price&quot;:&quot;24.9&quot;,&quot;brand&quot;:&quot;GAR&quot;,&quot;category&quot;:&quot;hair-color&quot;,&quot;variant&quot;:&quot;55ml&quot;,&quot;position&quot;:&quot;5&quot;,&quot;dimension35&quot;:&quot;55ml&quot;,&quot;dimension38&quot;:&quot;0&quot;,&quot;dimension39&quot;:&quot;in stock&quot;,&quot;dimension48&quot;:&quot;8901526527465&quot;,&quot;
2799dimension59&quot;:&quot;0&quot;,&quot;dimension49&quot;:&quot;present&quot;,&quot;dimension91&quot;:&quot;none&quot;,&quot;dimension176&quot;:&quot;hair-color&quot;}]}},&quot;event_name&quot;:&quot;select_item&quot;,&quot;eventCategory&quot;:&quot;Ecommerce&quot;,&quot;eventAction&quot;:&quot;Product Click&quot;,&quot;eventLabel&quot;:&quot;garnier color naturals cr&#232;me riche 1 - hitam alami (natural black)::8901526527465&quot;,&quot;product_info&quot;:&quot;garnier color naturals cr&#232;me riche 1 - hitam alami (natural black)::8901526527465&quot;}" class="product-push__link tile__imagecontainer" dataid="8901526527465" aria-label="Garnier Garnier Color Naturals Cr&#232;me Riche 1 - Hitam Alami (Natural Black)">
2800                                                        <div class="product-push__main">
2801                                                            <figure class="product-push__packshot">
2802                                                                <div class="product-push__badge-placeholder">
2803                                                                    <!-- Please add a condition below, checking whether try on badge is enabled. Important: placeholder above is always present. -->
2804                                                                        <div class="product-push__try-on-badge">
2805                                                                            <span>Try it on</span>
2806                                                                        </div>
2807                                                                </div>
2808<img alt="garnier color naturals creme riche 1 hitam alam natural black" class="lazyload" data-aspectratio="1350/1800" data-sizes="(max-width: 767px) 100vw, 33vw" data-srcset="/-/media/project/loreal/brand-sites/garnier/apac/my/products/garnier-color-naturals/garnier-color-naturals-crme-riche-1--hitam-alam-natural-black/8901526527465_t1.jpg?w=150&amp;rev=755a8986eaad47b8a7088d535de33ee2&amp;hash=0E28B8C248131E6850B4EEF62D5227CD 150w" src="" />                                                            </figure>
2809                                                        </div>
2810                                                        <h3 class="product-push__heading">
2811                                                            <span class="product-push__name">Garnier</span>
2812                                                            <span class="product-push__description">Garnier Color Naturals Cr&#232;me Riche 1 - Hitam Alami (Natural Black)</span>
2813                                                        </h3>
2814
2815                                                    </a>
2816
2817<rating-link class="product-push__rating-reviews"
2818                                                                     :rating=0
2819                                                                     :rating-count=0
2820                                                                     target="/jenama-kami/garnier-color-naturals/garnier-color-naturals-creme-riche-1-hitam-alami-natural-black#ratings_reviews"
2821                                                                     title="LIHAT SEMUA 0 PENILAIAN"
2822                                                                     aria-label-text="LIHAT SEMUA 0 PENILAIAN Garnier Garnier Color Naturals Cr&#232;me Riche 1 - Hitam Alami (Natural Black)"
2823                                                                     outof-text="out of"
2824                                                                     stars-text="stars based on"
2825                                                                     reviews-text="reviews"
2826                                                                     :show-empty-rating=false
2827                                                                     :clickable-stars="false" />
2828
2829                                                </product-push>
2830                                            </slide>
2831                                            <slide>
2832                                                <product-push rating-class="rating_section" :config="config" class="">
2833
2834
2835                                                    <a href="/jenama-kami/garnier-sakura-glow/sakura-glow-essence-serum/garnier-sakura-glow-hyaluron-waterglow-essence" v-tag="{&quot;event&quot;:&quot;productClick&quot;,&quot;ecommerce&quot;:{&quot;click&quot;:{&quot;actionField&quot;:{&quot;currencyCode&quot;:&quot;MYR&quot;,&quot;list&quot;:&quot;cross-sell&quot;},&quot;products&quot;:[{&quot;name&quot;:&quot;garnier sakura glow hyaluron waterglow essence&quot;,&quot;id&quot;:&quot;8992304096396&quot;,&quot;price&quot;:&quot;33.9&quot;,&quot;brand&quot;:&quot;GAR&quot;,&quot;category&quot;:&quot;skin care-face-caring&quot;,&quot;variant&quot;:&quot;100ml&quot;,&quot;position&quot;:&quot;6&quot;,&quot;dimension35&quot;:&quot;100ml&quot;,&quot;dimension38&quot;:&quot;0&quot;,&quot;dimension39&quot;:&quot;in stock&quot;,&quot;dimension48&quot;:&quot;8992304096396&quot;,&quot;
2835dimension59&quot;:&quot;0&quot;,&quot;dimension49&quot;:&quot;not present&quot;,&quot;dimension91&quot;:&quot;none&quot;,&quot;dimension176&quot;:&quot;skin care-face-caring&quot;}]}},&quot;event_name&quot;:&quot;select_item&quot;,&quot;eventCategory&quot;:&quot;Ecommerce&quot;,&quot;eventAction&quot;:&quot;Product Click&quot;,&quot;eventLabel&quot;:&quot;garnier sakura glow hyaluron waterglow essence::8992304096396&quot;,&quot;product_info&quot;:&quot;garnier sakura glow hyaluron waterglow essence::8992304096396&quot;}" class="product-push__link tile__imagecontainer" dataid="8992304096396" aria-label="Garnier Garnier Sakura Glow Hyaluron Waterglow Essence">
2836                                                        <div class="product-push__main">
2837                                                            <figure class="product-push__packshot">
2838                                                                <div class="product-push__badge-placeholder">
2839                                                                    <!-- Please add a condition below, checking whether try on badge is enabled. Important: placeholder above is always present. -->
2840                                                                </div>
2841<img alt="" class="lazyload" data-aspectratio="500/667" data-sizes="(max-width: 767px) 100vw, 33vw" data-srcset="/-/media/project/loreal/brand-sites/garnier/apac/my/products/garnier-sakura-white/garnier-sakura-white-pinkish-radiance-essence-lotion/200730_2035gar_sw_relaunch_waterglowessence_fop_renders_ln-01-trans.png?w=150&amp;rev=-1&amp;hash=286C4EEB551850A63037FFDCFA51B41D 150w" src="" />                                                            </figure>
2842                                                        </div>
2843                                                        <h3 class="product-push__heading">
2844                                                            <span class="product-push__name">Garnier</span>
2845                                                            <span class="product-push__description">Garnier Sakura Glow Hyaluron Waterglow Essence</span>
2846                                                        </h3>
2847
2848                                                    </a>
2849
2850<rating-link class="product-push__rating-reviews"
2851                                                                     :rating=0
2852                                                                     :rating-count=0
2853                                                                     target="/jenama-kami/garnier-sakura-glow/sakura-glow-essence-serum/garnier-sakura-glow-hyaluron-waterglow-essence#ratings_reviews"
2854                                                                     title="LIHAT SEMUA 0 PENILAIAN"
2855                                                                     aria-label-text="LIHAT SEMUA 0 PENILAIAN Garnier Garnier Sakura Glow Hyaluron Waterglow Essence"
2856                                                                     outof-text="out of"
2857                                                                     stars-text="stars based on"
2858                                                                     reviews-text="reviews"
2859                                                                     :show-empty-rating=false
2860                                                                     :clickable-stars="false" />
2861
2862                                                </product-push>
2863                                            </slide>
2864
2865                                    </carousel>
2866                                </template>
2867                            </product-push-wrap>
2868                        </quick-view-container>
2869                    </div>
2870            </spot-light>
2871        </template>
2872    </sfmc-container>
2873
2874
2875
2876    <div class="container">
2877            <ingredients-grid v-cloak find-all-link="/bahan-bahan-semula-jadi-garnier" find-all-label="Bahan-Bahan Semula Jadi Garnier" :navigation-label='{"carouselbuttonnext":"Carousel Button Navigation Next","carouselbuttonprev":"Carousel Button Navigation Prev"}'
2878                              :analytics="{
2879                                  slider: {&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:{&quot;moduleName&quot;:&quot;find your ingredients&quot;,&quot;nextAction&quot;:&quot;next&quot;,&quot;previousAction&quot;:&quot;previous&quot;},&quot;eventLabel&quot;:{&quot;moduleName&quot;:&quot;find your ingredients&quot;,&quot;nextAction&quot;:&quot;next&quot;,&quot;previousAction&quot;:&quot;previous&quot;}},
2880                                  findAllButton:  {&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:&quot;select::bahan- bahan semula jadi garnier&quot;,&quot;eventLabel&quot;:&quot;bahan-bahan semula jadi garnier::https://www.garnier.com.my/bahan-bahan-semula-jadi-garnier&quot;,&quot;event_name&quot;:&quot;body_button_click&quot;,&quot;cta_name&quot;:&quot;bahan-bahan semula jadi garnier&quot;,&quot;link_url&quot;:&quot;https://www.garnier.com.my/bahan-bahan-semula-jadi-garnier&quot;,&quot;module_name&quot;:&quot;bahan- bahan semula jadi garnier&quot;} }">
2881
2882                <div slot="title">
2883                    <h2 class="ingredients__title"  >BAHAN- BAHAN SEMULA JADI GARNIER</h2>
2884                </div>
2885
2886                <div slot="sub-title">
2887                    <p class="ingredients__subtitle">Pilih Bahan-bahan Semula Jadi Garnier Pada Mozek Berikut:</p>
2888                </div>
2889
2890                    <type-ahead slot="type-ahead" placeholder='C
2890ari bahan-bahan'
2891                                results='Pencarian anda dijumpai'
2892                                no-result='No ingredient available'
2893                                :analytics='{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;find_your_ingredients&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:&quot;select::find your ingredients&quot;,&quot;method&quot;:&quot;autocompletion&quot;,&quot;module_name&quot;:&quot;bahan- bahan semula jadi garnier&quot;}'
2894                                :ingredients='[{&quot;ingredient&quot;:&quot;Badam&quot;,&quot;url&quot;:&quot;/bahan-bahan-semula-jadi-garnier/almond&quot;},{&quot;ingredient&quot;:&quot;Minyak Argan&quot;,&quot;url&quot;:&quot;/bahan-bahan-semula-jadi-garnier/minyak-argan&quot;},{&quot;ingredient&quot;:&quot;Buah Avocado&quot;,&quot;url&quot;:&quot;/bahan-bahan-semula-jadi-garnier/avocado&quot;},{&quot;ingredient&quot;:&quot;Arang&quot;,&quot;url&quot;:&quot;/bahan-bahan-semula-jadi-garnier/arang&quot;},{&quot;ingredient&quot;:&quot;Teh Hijau Matcha&quot;,&quot;url&quot;:&quot;/bahan-bahan-semula-jadi-garnier/teh-hijau-matcha&quot;},{&quot;ingredient&quot;:&quot;Hyaluronic Acid&quot;,&quot;url&quot;:&quot;/bahan-bahan-semula-jadi-garnier/hyaluronic-acid&quot;},{&quot;ingredient&quot;:&quot;Lemon Yuzu&quot;,&quot;url&quot;:&quot;/bahan-bahan-semula-jadi-garnier/lemon-yuzu&quot;},{&quot;ingredient&quot;:&quot;Minyak Zaitun&quot;,&quot;url&quot;:&quot;/bahan-bahan-semula-jadi-garnier/olive&quot;},{&quot;ingredient&quot;:&quot;Buah Delima&quot;,&quot;url&quot;:&quot;/bahan-bahan-semula-jadi-garnier/buah-delima&quot;},{&quot;ingredient&quot;:&quot;Bunga Sakura&quot;,&quot;url&quot;:&quot;/bahan-bahan-semula-jadi-garnier/bunga-sakura&quot;},{&quot;ingredient&quot;:&quot;Wasabi&quot;,&quot;url&quot;:&quot;/bahan-bahan-semula-jadi-garnier/wasabi&quot;}]'
2895                                ingredient-list-label='Ingredient'>
2896                    </type-ahead>
2897
2898                    <li slot="ingredient--1" class="ingredients__tile">
2899                        <div class="tile__content" v-clickextension="'img'" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:&quot;select ingredient::find your ingredients&quot;,&quot;eventLabel&quot;:&quot;lemon yuzu&quot;}">
2900                            <img v-on:click.stop data-src="/-/media/project/loreal/brand-sites/garnier/apac/my/pages/homepage/find-ingredients/1_ingredient_453x453_yuzu.jpg?rev=5f7d08a01b814295b9daba813be0c9c7" alt="Lemon" class="tile__image lazyload">
2901                            <a class="tile__name" href="https://www.garnier.com.my/bahan-bahan-semula-jadi-garnier/lemon-yuzu">
2902                                Lemon Yuzu
2903                            </a>
2904                        </div>
2905                    </li>
2906                    <li slot="ingredient--2" class="ingredients__tile">
2907                        <div class="tile__content" v-clickextension="'img'" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:&quot;select ingredient::find your ingredients&quot;,&quot;eventLabel&quot;:&quot;minyak argan&quot;}">
2908                            <img v-on:click.stop data-src="/-/media/project/loreal/brand-sites/garnier/apac/my/pages/homepage/find-ingredients/5_ingredient_453x453_argan.jpg?rev=df00daaf07ea48ff9e98d4bd9cc93fb2" alt="ARGAN" class="tile__image lazyload">
2909                            <a class="tile__name" href="https://www.garnier.com.my/bahan-bahan-semula-jadi-garnier/minyak-argan">
2910                                Minyak Argan
2911                            </a>
2912                        </div>
2913                    </li>
2914                    <li slot="ingredient--3" class="ingredients__tile">
2915                        <div class="tile__content" v-clickextension="'img'" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:&quot;select ingredient::find your ingredients&quot;,&quot;eventLabel&quot;:&quot;buah delima&quot;}">
2916                            <img v-on:click.stop data-src="/-/media/project/loreal/brand-sites/garnier/apac/my/pages/homepage/find-ingredients/3_ingredient_453x453_pomegranate.jpg?rev=67133798e7aa4a20b10c9b91021e5d05" alt="Pomegranate" class="tile__image lazyload">
2917                            <a class="tile__name" href="https://www.garnier.com.my/bahan-bahan-semula-jadi-garnier/buah-delima">
2918                                Buah Delima
2919                            </a>
2920                        </div>
2921                    </li>
2922                    <li slot="ingredient--4" class="ingredients__tile">
2923                        <div class="tile__content" v-clickextension="'img'" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:&quot;select ingredient::find your ingredients&quot;,&quot;eventLabel&quot;:&quot;arang&quot;}">
2924                            <img v-on:click.stop data-src="/-/media/project/loreal/brand-sites/garnier/apac/my/pages/homepage/find-ingredients/6_ingredient_453x453_charcoal.jpg?rev=18149c00f4694c2f9b453e149ecdbc29" alt="Charcoal" class="tile__image lazyload">
2925                            <a class="tile__name" href="https://www.garnier.com.my/bahan-bahan-semula-jadi-garnier/arang">
2926                                Arang
2927                            </a>
2928                        </div>
2929                    </li>
2930                    <li slot="ingredient--5" class="ingredients__tile">
2931                        <div class="tile__content" v-clickextension="'img'" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:&quot;select ingredient::find your ingredients&quot;,&quot;eventLabel&quot;:&quot;bunga sakura&quot;}">
2932                            <img v-on:click.stop data-src="/-/media/project/loreal/brand-sites/garnier/apac/my/pages/homepage/find-ingredients/2_ingredient_453x453_sakura.jpg?rev=4a736720429541df90747d0af28b8b71" alt="Sakura" class="tile__image lazyload">
2933                            <a class="tile__name" href="https://www.garnier.com.my/bahan-bahan-semula-jadi-garnier/bunga-sakura">
2934                                Bunga Sakura
2935                            </a>
2936                        </div>
2937                    </li>
2938                    <li slot="ingredient--6" class="ingredients__tile">
2939                        <div class="tile__content" v-clickextension="'img'" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:&quot;select ingredient::find your ingredients&quot;,&quot;eventLabel&quot;:&quot;teh hijau matcha&quot;}">
2940                            <img v-on:click.stop data-src="/-/media/project/loreal/brand-sites/garnier/apac/my/pages/homepage/find-ingredients/4_ingredient_453x453_matcha.jpg?rev=35c9abfebd7f46a49b2eb421ab15b7b1" alt="Matcha" class="tile__image lazyload">
2941                            <a class="tile__name" href="https://www.garnier.com.my/bahan-bahan-semula-jadi-garnier/teh-hijau-matcha">
2942                                Teh Hijau Matcha
2943                            </a>
2944                        </div>
2945                    </li>
2946                    <li slot="ingredient--7" class="ingredients__tile">
2947                        <div class="tile__content" v-clickextension="'img'" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:&quot;select ingredient::find your ingredients&quot;,&quot;eventLabel&quot;:&quot;hyaluronic acid&quot;}">
2948                            <img v-on:click.stop data-src="/-/media/project/loreal/brand-sites/garnier/apac/my/ingredients/7_0_07a_acid_v1_1.jpg?rev=073c74b3057a4dbbbf188761f45a4f2c" alt="7 0 07a acid v1 1" class="tile__image lazyload">
2949                            <a class="tile__name" href="https://www.garnier.com.my/bahan-bahan-semula-jadi-garnier/hyaluronic-acid">
2950                                Hyaluronic Acid
2951                            </a>
2952                        </div>
2953                    </li>
2954                    <li slot="ingredient--8" class="ingredients__tile">
2955                        <div class="tile__content" v-clickextension="'img'" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:&quot;select ingredient::find your ingredients&quot;,&quot;eventLabel&quot;:&quot;buah avocado&quot;}">
2956                            <img v-on:click.stop data-src="/-/media/project/loreal/brand-sites/garnier/apac/my/pages/homepage/find-ingredients/9_ingredient_453x453_avocado.jpg?rev=61767e8904d849379374da707c8eac34" alt="Avovado" class="tile__image lazyload">
2957                            <a class="tile__name" href="https://www.garnier.com.my/bahan-bahan-semula-jadi-garnier/avocado">
2958                                Buah Avocado
2959                            </a>
2960                        </div>
2961                    </li>
2962                    <li slot="ingredient--9" class="ingredients__tile">
2963                        <div class="tile__content" v-clickextension="'img'" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:&quot;select ingredient::find your ingredients&quot;,&quot;eventLabel&quot;:&quot;badam&quot;}">
2964                            <img v-on:click.stop data-src="/-/media/project/loreal/brand-sites/garnier/apac/my/pages/homepage/find-ingredients/8_ingredient_453xalmond.jpg?rev=caadd10867fe46a7b2e
296406bd541f6ee25" alt="Almond" class="tile__image lazyload">
2965                            <a class="tile__name" href="https://www.garnier.com.my/bahan-bahan-semula-jadi-garnier/almond">
2966                                Badam
2967                            </a>
2968                        </div>
2969                    </li>
2970                    <li slot="ingredient--10" class="ingredients__tile">
2971                        <div class="tile__content" v-clickextension="'img'" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:&quot;select ingredient::find your ingredients&quot;,&quot;eventLabel&quot;:&quot;minyak zaitun&quot;}">
2972                            <img v-on:click.stop data-src="/-/media/project/loreal/brand-sites/garnier/apac/my/pages/homepage/find-ingredients/10_ingredient_453x453_olive.jpg?rev=5ec5ca6ef5a740c196f4c1eeb41bfeb7" alt="Olive" class="tile__image lazyload">
2973                            <a class="tile__name" href="https://www.garnier.com.my/bahan-bahan-semula-jadi-garnier/olive">
2974                                Minyak Zaitun
2975                            </a>
2976                        </div>
2977                    </li>
2978                    <li slot="ingredient--11" class="ingredients__tile">
2979                        <div class="tile__content" v-clickextension="'img'" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;homepage&quot;,&quot;eventAction&quot;:&quot;select ingredient::find your ingredients&quot;,&quot;eventLabel&quot;:&quot;wasabi&quot;}">
2980                            <img v-on:click.stop data-src="/-/media/project/loreal/brand-sites/garnier/apac/my/pages/homepage/find-ingredients/7_ingredient_453x453_wasabi.jpg?rev=0e388bd57d6147fe9a71e67eebd5e355" alt="Wasabi" class="tile__image lazyload">
2981                            <a class="tile__name" href="https://www.garnier.com.my/bahan-bahan-semula-jadi-garnier/wasabi">
2982                                Wasabi
2983                            </a>
2984                        </div>
2985                    </li>
2986            </ingredients-grid>
2987    </div>
2988
2989                
2990                
2991                
2992                <div id="ratings_reviews" class="scroll-target">
2993                    
2994                </div>
2995            </div>
2996            <!-- /#content -->
2997            <!-- #footer -->
2998
2999
3000
3001<div data-qr-page-section="hide-on-qr">
3002    <footer class="footer" id="footer" role="contentinfo">
3003        <div class="container">
3004            <div class="row">
3005                <div class="footer-wrapper">
3006                    <img data-srcset="/themes/garnier/Images/assets/g-logo.png?c=1686900594940" alt="" class="footer-garnier-logo lazyload" />
3007                    <div class="col-xs-12 col-sm-4 footer-col footer-website-links">
3008                        
3009
3010
3011<p class="heading is-6">Website Links</p>
3012<ul class="footer-navigation footer-website-links-list">
3013
3014
3015            <li>
3016            </li>
3017            <li>
3018<a v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::footer&quot;,&quot;eventLabel&quot;:&quot;website links::terms and conditions&quot;,&quot;click_area&quot;:&quot;footer&quot;,&quot;breadcrumb&quot;:&quot;website links::terms and conditions&quot;}" data-variantfieldname="Link" href="/halaman-undang-undang/terms-of-use-of-website" data-variantitemid="{85C22C6F-90C6-475D-B850-E21B5ED956B0}">Terma dan Syarat</a>            </li>
3019            <li>
3020<a v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::footer&quot;,&quot;eventLabel&quot;:&quot;website links::privacy policy&quot;,&quot;click_area&quot;:&quot;footer&quot;,&quot;breadcrumb&quot;:&quot;website links::privacy policy&quot;}" data-variantfieldname="Link" href="/halaman-undang-undang/privacy-policy" data-variantitemid="{A73EFBA2-69EA-4B31-87AF-44F0170C5163}">Dasar Privasi</a>            </li>
3021            <li>
3022<a v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::footer&quot;,&quot;eventLabel&quot;:&quot;website links::cookie table&quot;,&quot;click_area&quot;:&quot;footer&quot;,&quot;breadcrumb&quot;:&quot;website links::cookie table&quot;}" data-variantfieldname="Link" href="/halaman-undang-undang/cookie-table" data-variantitemid="{09A4F31C-A7C2-4
3022C34-8AF1-E682A459D6F5}">Cookie Table</a>            </li>
3023            <li>
3024<a v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::footer&quot;,&quot;eventLabel&quot;:&quot;website links::cookie settings&quot;,&quot;click_area&quot;:&quot;footer&quot;,&quot;breadcrumb&quot;:&quot;website links::cookie settings&quot;}" data-variantfieldname="Link" onclick="javascript:Optanon.ToggleInfoDisplay()" href="#" data-variantitemid="{40533F2E-3C04-4E90-AC49-BBA617A8EF3E}">Cookie Settings</a>            </li>
3025            <li>
3026            </li>
3027    </ul>
3028
3029 <country-drop-down class="component col-xs-12 col-sm-12 footer-country-selector">
3030    <div v-onselect-changeurl>
3031        <div class="country_selector">
3032            <div class="form-item form-item--select">
3033                <div class="form-item__select-wrapper">
3034
3035                        <label for="country selector">Negara</label>
3036                        <select id="country selector" name="country selector" title="country selector">
3037                            <option disabled="disabled" selected="selected">
3038                                <p class="heading is-3">Negara</p>
3039                                                            </option>
3040<option value=" https://www.garnier.com.br/ ">Brazil</option><option value=" https://www.garnier.ca/en-ca ">Canada</option><option value=" http://www.garnier.cl/ ">Chile</option><option value=" http://www.garnier.dk/ ">Denmark</option><option value=" https://www.garnier.fr/ ">France</option><option value=" https://www.garnier.de/ ">Germany</option><option value=" https://www.garnier.in/ ">India</option><option value=" https://www.garnier.it/ ">Italy</option><option value=" https://www.garnier.com.my/ ">Malaysia</option><option value=" http://www.garnier.com.mx/ ">Mexico</option><option value=" https://www.garnierzorgvoorjezelf.nl/ ">Netherlands</option><option value=" http://www.garnierpakistan.com/ ">Pakistan</option><option value=" https://www.garnier.com.ru/ ">Rusia</option><option value=" https://www.garnier.es/ ">Spain</option><option value=" https://www.garnier.co.th/ ">Thailand</option><option value=" https://www.garnier.co.uk/ ">UK</option><option value=" https://www.garnierusa.com/ ">USA</option>                        </select>
3041                        <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>
3042                </div>
3043            </div>
3044        </div>
3045    </div>
3046 </country-drop-down>
3047
3048
3049<p class="footer-website-links-copyright field-phrase">&#169;&#160;2023 Garnier Malaysia</p>
3050                    </div>
3051                    <div class="col-xs-12 col-sm-4 footer-col footer-customer-service">
3052                        
3053<div class="component link-list footer-customer-service--nav">
3054
3055    <p class="heading is-6">Customer Service</p>
3056        <ul class="footer-navigation">
3057                    <li class="">
3058<a v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::footer&quot;,&quot;eventLabel&quot;:&quot;customer service::contact us&quot;,&quot;click_area&quot;:&quot;footer&quot;,&quot;breadcrumb&quot;:&quot;customer service::contact us&quot;}" data-variantfieldname="Link" href="/hubungi-kami" data-variantitemid="{804BFD24-2DD9-4FF0-A61E-C96FE204BA03}">Hubungi Kami</a>
3059                    </li>
3060
3061    </ul>
3062</div>
3063
3064<div class="component link-list footer-customer-service--social">
3065
3066    <p class="heading is-6">FOLLOW GARNIER</p>
3067        <ul class="footer-navigation footer-social-media-links-list">
3068                    <li class="">
3069<a v-tag="{&quot;event&quot;:&quot;socialint&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;social_interaction&quot;,&quot;socialNetwork&quot;:&quot;facebook&quot;,&quot;socialAction&quot;:&quot;share&quot;,&quot;socialTarget&quot;:&quot;https://www.facebook.com/garniermalaysia/&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/GarnierMalaysia/"><img class="lazyload" data-src="/themes/Garnier/Images/assets/Facebook.svg" alt=""></a>
3070                    </li>
3071                    <li class="">
3072<a v-tag="{&quot;event&quot;:&quot;socialint&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;social_interaction&quot;,&quot;socialNetwork&quot;:&quot;instagram&quot;,&quot;socialAction&quot;:&quot;follow&quot;,&quot;socialTarget&quot;:&quot;https://www.instagram.com/garniermalaysia/&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/garniermalaysia/"><img class="lazyload" data-src="/themes/Garnier/Images/assets/Instagram.svg" alt=""></a>
3073                    </li>
3074                    <li class="">
3075<a v-tag="{&quot;event&quot;:&quot;socialint&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;social_interaction&quot;,&quot;socialNetwork&quot;:&quot;youtube&quot;,&quot;socialAction&quot;:&quot;follow&quot;,&quot;socialTarget&quot;:&quot;https://www.youtube.com/garniermalaysia&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/GarnierMalaysia"><img class="lazyload" data-src="/themes/Garnier/Images/assets/Youtube.svg" alt=""></a>
3076                    </li>
3077
3078    </ul>
3079</div>
3080
3081                    </div>
3082                    <div class="col-xs-12 col-sm-4 footer-col footer-mailing-list">
3083                        
3084<div class="component link-list footer-customer-service--social">
3085
3086    <p class="heading is-6">FOLLOW GARNIER MEN</p>
3087        <ul class="footer-navigation footer-social-media-links-list">
3088                    <li class="">
3089<a v-tag="{&quot;event&quot;:&quot;socialint&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;social_interaction&quot;,&quot;socialNetwork&quot;:&quot;facebook&quot;,&quot;socialAction&quot;:&quot;share&quot;,&quot;socialTarget&quot;:&quot;https://www.facebook.com/garniermenmalaysia/&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/GarnierMenMalaysia/"><img class="lazyload" data-src="/themes/Garnier/Images/assets/Facebook.svg" alt=""></a>
3090                    </li>
3091                    <li class="">
3092<a v-tag="{&quot;event&quot;:&quot;socialint&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;social_interaction&quot;,&quot;socialNetwork&quot;:&quot;instagram&quot;,&quot;socialAction&quot;:&quot;follow&quot;,&quot;socialTarget&quot;:&quot;https://www.instagram.com/garniermenmy/&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/garniermenmy/"><img class="lazyload" data-src="/themes/Garnier/Images/assets/Instagram.svg" alt=""></a>
3093                    </li>
3094                    <li class="">
3095<a v-tag="{&quot;event&quot;:&quot;socialint&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;social_interaction&quot;,&quot;socialNetwork&quot;:&quot;youtube&quot;,&quot;socialAction&quot;:&quot;follow&quot;,&quot;socialTarget&quot;:&quot;https://www.youtube.com/user/garniermenmalaysia&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/garniermenmalaysia"><img class="lazyload" data-src="/themes/Garnier/Images/assets/Youtube.svg" alt=""></a>
3096                    </li>
3097
3098    </ul>
3099</div>
3100
3101                    </div>
3102                </div>
3103                <div class="col-xs-12 col-sm-12" id="legaltext">
3104                    <p class="legal-text">
3105    <br />
3106<strong>&copy;&nbsp;2023 Garnier Malaysia. Hak Cipta Terpelihara.</strong><br class="t-last-br" />
3107L&rsquo;Or&eacute;al Malaysia Sdn Bhd (199401042730 / 328418-A)<br class="t-last-br" />
3108</p>
3109
3110
3111                </div>
3112            </div>
3113        </div>
3114    </footer>
3115</div>
3116
3117
3118            <!-- /#footer -->
3119            <scroll-to-top :scroll-to-top-label='{"scroll":"Scroll To Top"}'></scroll-to-top>
3120        </div>
3121    </div>
3122
3123
3124    <!-- /#wrapper -->
3125    
3126
3127<script defer src="/Refapp-build/foundation-layer/scripts/RefApp.foundation-layer.CM.js"></script>
3127
3128
3129
3130
3131    <!-- Sales Force Script Block -->
3132     
3132<script type="text/javascript">
3133        if (typeof _etmc !== "undefined" && _etmc) {
3134                _etmc.push(["setOrgId", "7292816"]);
3135                _etmc.push(["trackPageView", {"search":"","category":"","item":""}]);
3136        }
3137    </script>
3137
3138
3139    
3140    
3140<script crossorigin="anonymous" src="/themes/Garnier/bundle.js?v=12.6.0-release00000004"></script>
3140
3141    
3141<script crossorigin="anonymous" src="/themes/apac/bundle.js?v=12.6.0-release00000004"></script>
vendor: 2 bytes, line 3141
3141
3142<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a465a326fba8549d',t:'MTc5MTI5OTg5Mg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
3142</body>
3143</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.