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="{"event":"uaevent","ecommerce":"undefined","eventCategory":"burger menu","eventAction":"select","eventLabel":"about garnier"}" 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="{"event":"uaevent","ecommerce":"undefined","eventCategory":"burger menu","eventAction":"select","eventLabel":"gisele ambassador"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu L4","eventAction":"select","eventLabel":"produk garnier::jenama garnier::jenama garnier::garnier skin naturals","click_area":"burger menu","breadcrumb":"produk garnier::jenama garnier::jenama garnier::garnier skin naturals"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu L4","eventAction":"select","eventLabel":"produk garnier::jenama garnier::jenama garnier::garnier men","click_area":"burger menu","breadcrumb":"produk garnier::jenama garnier::jenama garnier::garnier men"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu L4","eventAction":"select","eventLabel":"produk garnier::jenama garnier::jenama garnier::garnier color naturals","click_area":"burger menu","breadcrumb":"produk garnier::jenama garnier::jenama garnier::garnier color naturals"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu L4","eventAction":"select","eventLabel":"produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::mochi dry touch cream","click_area":"burger menu","breadcrumb":"produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::mochi dry touch cream"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu L4","eventAction":"select","eventLabel":"produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::bright complete","click_area":"burger menu","breadcrumb":"produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::bright complete"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu L4","eventAction":"select","eventLabel":"produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::micellar water","click_area":"burger menu","breadcrumb":"produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::micellar water"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu L4","eventAction":"select","eventLabel":"produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::bright anti-acne","click_area":"burger menu","breadcrumb":"produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::bright anti-acne"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu L4","eventAction":"select","eventLabel":"produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::sakura glow","click_area":"burger menu","breadcrumb":"produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::sakura glow"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu L4","eventAction":"select","eventLabel":"produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::pure active","click_area":"burger menu","breadcrumb":"produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::pure active"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu L4","eventAction":"select","eventLabel":"produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::serum mask","click_area":"burger menu","breadcrumb":"produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::serum mask"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu L4","eventAction":"select","eventLabel":"produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::garnier others","click_area":"burger menu","breadcrumb":"produk garnier::penjagaan kulit wanita::penjagaan kulit wanita::garnier others"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu L4","eventAction":"select","eventLabel":"produk garnier::garnier men::garnier men::acno fight","click_area":"burger menu","breadcrumb":"produk garnier::garnier men::garnier men::acno fight"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu L4","eventAction":"select","eventLabel":"produk garnier::garnier men::garnier men::oil control","click_area":"burger menu","breadcrumb":"produk garnier::garnier men::garnier men::oil control"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu L4","eventAction":"select","eventLabel":"produk garnier::garnier men::garnier men::turbo bright","click_area":"burger menu","breadcrumb":"produk garnier::garnier men::garnier men::turbo bright"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu L4","eventAction":"select","eventLabel":"produk garnier::pewarna rambut::pewarna rambut::color naturals","click_area":"burger menu","breadcrumb":"produk garnier::pewarna rambut::pewarna rambut::color naturals"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"jenama kami::garnier skin naturals::garnier bright complete","click_area":"burger menu","breadcrumb":"jenama kami::garnier skin naturals::garnier bright complete"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"jenama kami::garnier skin naturals::garnier sakura glow","click_area":"burger menu","breadcrumb":"jenama kami::garnier skin naturals::garnier sakura glow"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"jenama kami::garnier skin naturals::garnier pure active","click_area":"burger menu","breadcrumb":"jenama kami::garnier skin naturals::garnier pure active"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"jenama kami::garnier skin naturals::garnier micellar water","click_area":"burger menu","breadcrumb":"jenama kami::garnier skin naturals::garnier micellar water"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"jenama kami::garnier skin naturals::garnier serum mask","click_area":"burger menu","breadcrumb":"jenama kami::garnier skin naturals::garnier serum mask"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"jenama kami::garnier skin naturals::garnier others","click_area":"burger menu","breadcrumb":"jenama kami::garnier skin naturals::garnier others"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"jenama kami::garnier color naturals::garnier color naturals","click_area":"burger menu","breadcrumb":"jenama kami::garnier color naturals::garnier color naturals"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"jenama kami::garnier color naturals::garnier ultra color","click_area":"burger menu","breadcrumb":"jenama kami::garnier color naturals::garnier ultra color"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"jenama kami::garnier men::garnier men acno fight","click_area":"burger menu","breadcrumb":"jenama kami::garnier men::garnier men acno fight"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"jenama kami::garnier men::garnier men oil control","click_area":"burger menu","breadcrumb":"jenama kami::garnier men::garnier men oil control"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"jenama kami::garnier men::garnier men turbo bright","click_area":"burger menu","breadcrumb":"jenama kami::garnier men::garnier men turbo bright"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"jenama kami::kempen garnier::garnier #lebihcerah","click_area":"burger menu","breadcrumb":"jenama kami::kempen garnier::garnier #lebihcerah"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"penjagaan kulit wanita::keperluan::pembersih solekan","click_area":"burger menu","breadcrumb":"penjagaan kulit wanita::keperluan::pembersih solekan"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"penjagaan kulit wanita::keperluan::pencerahan","click_area":"burger menu","breadcrumb":"penjagaan kulit wanita::keperluan::pencerahan"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"penjagaan kulit wanita::keperluan::gebu & lembab","click_area":"burger menu","breadcrumb":"penjagaan kulit wanita::keperluan::gebu & lembab"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1157 Gebu & Lembab 1158 1159 </a> 1160 </li> 1161 <li> 1162 <a href="/penjagaan-kulit-wanita-melalui-keperluan/anti-jerawat-kawalan-minyak" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"penjagaan kulit wanita::keperluan::anti jerawat & kawalan minyak","click_area":"burger menu","breadcrumb":"penjagaan kulit wanita::keperluan::anti jerawat & kawalan minyak"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1163 Anti Jerawat & 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"penjagaan kulit wanita::rangkaian::garnier mochi dry touch cream","click_area":"burger menu","breadcrumb":"penjagaan kulit wanita::rangkaian::garnier mochi dry touch cream"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"penjagaan kulit wanita::rangkaian::garnier bright complete","click_area":"burger menu","breadcrumb":"penjagaan kulit wanita::rangkaian::garnier bright complete"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"penjagaan kulit wanita::rangkaian::garnier micellar water","click_area":"burger menu","breadcrumb":"penjagaan kulit wanita::rangkaian::garnier micellar water"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"penjagaan kulit wanita::rangkaian::garnier bright anti-acne","click_area":"burger menu","breadcrumb":"penjagaan kulit wanita::rangkaian::garnier bright anti-acne"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"penjagaan kulit wanita::rangkaian::garnier sakura glow","click_area":"burger menu","breadcrumb":"penjagaan kulit wanita::rangkaian::garnier sakura glow"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"penjagaan kulit wanita::rangkaian::garnier pure active","click_area":"burger menu","breadcrumb":"penjagaan kulit wanita::rangkaian::garnier pure active"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"penjagaan kulit wanita::rangkaian::garnier serum mask","click_area":"burger menu","breadcrumb":"penjagaan kulit wanita::rangkaian::garnier serum mask"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"penjagaan kulit wanita::rangkaian::garnier others","click_area":"burger menu","breadcrumb":"penjagaan kulit wanita::rangkaian::garnier others"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"penjagaan kulit wanita::jenis::pembersih solekan","click_area":"burger menu","breadcrumb":"penjagaan kulit wanita::jenis::pembersih solekan"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"penjagaan kulit wanita::jenis::pembersih wajah","click_area":"burger menu","breadcrumb":"penjagaan kulit wanita::jenis::pembersih wajah"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"penjagaan kulit wanita::jenis::penyegar","click_area":"burger menu","breadcrumb":"penjagaan kulit wanita::jenis::penyegar"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"penjagaan kulit wanita::jenis::esen / serum","click_area":"burger menu","breadcrumb":"penjagaan kulit wanita::jenis::esen / serum"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"penjagaan kulit wanita::jenis::pelembab","click_area":"burger menu","breadcrumb":"penjagaan kulit wanita::jenis::pelembab"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"penjagaan kulit wanita::jenis::penjagaan mata","click_area":"burger menu","breadcrumb":"penjagaan kulit wanita::jenis::penjagaan mata"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"penjagaan kulit wanita::jenis::masker","click_area":"burger menu","breadcrumb":"penjagaan kulit wanita::jenis::masker"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"garnier men::keperluan::anti jerawat","click_area":"burger menu","breadcrumb":"garnier men::keperluan::anti jerawat"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"garnier men::keperluan::kawalan minyak","click_area":"burger menu","breadcrumb":"garnier men::keperluan::kawalan minyak"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"garnier men::keperluan::pencerahan","click_area":"burger menu","breadcrumb":"garnier men::keperluan::pencerahan"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"garnier men::rangkaian::garnier men acno fight","click_area":"burger menu","breadcrumb":"garnier men::rangkaian::garnier men acno fight"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"garnier men::rangkaian::garnier men oil control","click_area":"burger menu","breadcrumb":"garnier men::rangkaian::garnier men oil control"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"garnier men::rangkaian::garnier men turbo bright","click_area":"burger menu","breadcrumb":"garnier men::rangkaian::garnier men turbo bright"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"garnier men::jenis::pembersih wajah","click_area":"burger menu","breadcrumb":"garnier men::jenis::pembersih wajah"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"garnier men::jenis::pelembap","click_area":"burger menu","breadcrumb":"garnier men::jenis::pelembap"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"garnier men::jenis::rawatan jerawat","click_area":"burger menu","breadcrumb":"garnier men::jenis::rawatan jerawat"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"pewarna rambut::rangkaian::garnier color naturals","click_area":"burger menu","breadcrumb":"pewarna rambut::rangkaian::garnier color naturals"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"pewarna rambut::rangkaian::garnier men shampoo color","click_area":"burger menu","breadcrumb":"pewarna rambut::rangkaian::garnier men shampoo color"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"pewarna rambut::rangkaian::garnier ultra color","click_area":"burger menu","breadcrumb":"pewarna rambut::rangkaian::garnier ultra color"}" 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 & 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"tips & artikel terkini::tips & artikel terkini::keperluan kulit","click_area":"burger menu","breadcrumb":"tips & artikel terkini::tips & artikel terkini::keperluan kulit"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"tips & artikel terkini::tips & artikel terkini::keperluan warna rambut","click_area":"burger menu","breadcrumb":"tips & artikel terkini::tips & artikel terkini::keperluan warna rambut"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"tips & artikel terkini::tips & artikel terkini::gaya hidup","click_area":"burger menu","breadcrumb":"tips & artikel terkini::tips & artikel terkini::gaya hidup"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"green beauty::green beauty::green beauty","click_area":"burger menu","breadcrumb":"green beauty::green beauty::green beauty"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"green beauty::garnier officially cruelty free::cruelty free","click_area":"burger menu","breadcrumb":"green beauty::garnier officially cruelty free::cruelty free"}" 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&cx=0&cy=0&cw=180&ch=132&hash=3C3995094395DECF2C68388CAD46F883" alt="Garnier Cruelty Free Logo" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"green beauty::menutab:: ","click_area":"burger menu","breadcrumb":"green beauty::menutab:: "}" /></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="{"event":"uaevent","ecommerce":"undefined","event_name":"logo_click","eventCategory":"main menu navigation","eventAction":"select","eventLabel":"logo"}"> 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='{"filtersettingsitemid":"59e98435-a0fd-41b9-a3e7-3066c5bbe539","filterpageitemid":"c8f50ed0-4d20-4e55-a6b2-c4f10c278342","searchwithsuggestions":true,"formactionlink":"/search-page/search"}'> 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="[{"Title":"Garnier x Gisele - The Signature","TitleLength":32,"SubTitle":"Temui Duta Jenama baharu kami","SubTitleLength":29,"Video":"","MobileVideo":"","DesktopImage":"/-/media/project/loreal/brand-sites/garnier/apac/my/ambassador2026/header-1920x720.jpg?rev=179943e2a27c45ec94c5f063a278f090&cx=0.73&cy=0.46&cw=1920&ch=720&hash=F7E0CA70CBAE5D356A48D290CA6976DE","MobileImage":"/-/media/project/loreal/brand-sites/garnier/apac/my/ambassador2026/header-1920x720.jpg?rev=179943e2a27c45ec94c5f063a278f090&cx=0.73&cy=0.46&cw=414&ch=450&hash=EDED7FDD5A5A67BEBBF21072DCDBA94C","TabletImage":"/-/media/project/loreal/brand-sites/garnier/apac/my/ambassador2026/header-1920x720.jpg?rev=179943e2a27c45ec94c5f063a278f090&cx=0.73&cy=0.46&cw=800&ch=288&hash=0DAF0D187637AB481269A6E2296F38BD","IsDesktopImage":"1","IsMobileImage":"1","CalltoActionUrl":"/garnier-x-gisele-bundchen","CalltoActionText":"Ketahui lebih lanjut","
1748BackgroundColor":"#F0F2EC","TitleColor":"#21362C","Alt":"Header 1920x720","CtaTagging":{"event":"uaevent","ecommerce":"undefined"}}]" :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="{"event":"uaevent","ecommerce":"undefined","eventCategory":"analysis::skindr::skin","eventAction":"homepage::select::skindr","eventLabel":"load::skindr"}"> 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="{"event":"uaevent","ecommerce":"undefined","event_name":"silder_button_click","eventCategory":"homepage","eventAction":"select::new revolutionary moisturizer","eventLabel":"check it out::https://www.garnier.com.my/jenama-kami/dry-touch-cream/garnier-vitamin-c-dry-touch-cream","cta_name":"check it out","link_url":"https://www.garnier.com.my/jenama-kami/dry-touch-cream/garnier-vitamin-c-dry-touch-cream","module_name":"new revolutionary moisturizer"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"silder_button_click","eventCategory":"homepage","eventAction":"select::tough on acne, gentle on skin","eventLabel":"check it out::https://www.garnier.com.my/jenama-kami/garnier-men-acno-fight","cta_name":"check it out","link_url":"https://www.garnier.com.my/jenama-kami/garnier-men-acno-fight","module_name":"tough on acne, gentle on skin"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"silder_button_click","eventCategory":"homepage","eventAction":"select::garnier invisible pimple patch","eventLabel":"check it out::https://www.garnier.com.my/jenama-kami/garnier-others/garnier-invisible-pimple-patch","cta_name":"check it out","link_url":"https://www.garnier.com.my/jenama-kami/garnier-others/garnier-invisible-pimple-patch","module_name":"garnier invisible pimple patch"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"silder_button_click","eventCategory":"homepage","eventAction":"select::the world's no.1 micellar water","eventLabel":"check it out::https://www.garnier.com.my/jenama-kami/garnier-micellar-water","cta_name":"check it out","link_url":"https://www.garnier.com.my/jenama-kami/garnier-micellar-water","module_name":"the world's no.1 micellar water"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"silder_button_click","eventCategory":"homepage","eventAction":"select::protect your skin barrier","eventLabel":"check it out::https://www.garnier.com.my/produk-garnier/penjagaan-kulit-wanita/skin-naturals","cta_name":"check it out","link_url":"https://www.garnier.com.my/produk-garnier/penjagaan-kulit-wanita/skin-naturals","module_name":"protect your skin barrier"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"silder_button_click","eventCategory":"homepage","eventAction":"select::new! k-glow nude haircolors","eventLabel":"check it out::https://www.garnier.com.my/jenama-kami/garnier-color-naturals/garnier-color-naturals-ultra-color-k-glow","cta_name":"check it out","link_url":"https://www.garnier.com.my/jenama-kami/garnier-color-naturals/garnier-color-naturals-ultra-color-k-glow","module_name":"new! k-glow nude haircolors"}" 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 "title": "Youâre Visiting from a Different Region", 2012 "description": "Would you like to switch to your local site for a better experience â including localized content, currency, and shipping options?", 2013 "redirectLabel": "Redirect user", 2014 "continueLabel": "Continue", 2015 "image": { 2016 "src": "https://www.garnier.com.my/-/media/project/loreal/brand-sites/garnier/master/dmi/vitamin-c.png?rev=-1" 2017 }, 2018 "defaultCountryCode": "us", 2019 "btnBgColor": "", 2020 "btnTextColor": "", 2021 "countries": [ 2022 { 2023 "name": "Argentina", 2024 "url": "https://www.garnier.com.ar:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2025 "countryCodes": [ 2026 "ar" 2027 ] 2028 }, 2029 { 2030 "name": "Australia", 2031 "url": "https://www.garnier.com.au:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2032 "countryCodes": [ 2033 "au" 2034 ] 2035 }, 2036 { 2037 "name": "Belgium", 2038 "url": "https://www.garnier-be.com:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2039 "countryCodes": [ 2040 "be" 2041 ] 2042 }, 2043 { 2044 "name": "Brazil", 2045 "url": "https://www.garnier.com.br:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2046 "countryCodes": [ 2047 "br" 2048 ] 2049 }, 2050 { 2051 "name": "Bulgaria", 2052 "url": "https://www.garnier.bg:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2053 "countryCodes": [ 2054 "bg" 2055 ] 2056 }, 2057 { 2058 "name": "Canada", 2059 "url": "https://www.garnier.ca:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2060 "countryCodes": [ 2061 "ca" 2062 ] 2063 }, 2064 { 2065 "name": "Central America", 2066 "url": "https://www.garnier-centroamerica.com:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2067 "countryCodes": [ 2068 "pa" 2069 ] 2070 }, 2071 { 2072 "name": "Chile", 2073 "url": "https://www.garnier.cl:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2074 "countryCodes": [ 2075 "cl" 2076 ] 2077 }, 2078 { 2079 "name": "Colombia", 2080 "url": "https://www.garnier.com.co:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2081 "countryCodes": [ 2082 "co" 2083 ] 2084 }, 2085 { 2086 "name": "Croatia", 2087 "url": "https://www.garnier.hr:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2088 "countryCodes": [ 2089 "hr" 2090 ] 2091 }, 2092 { 2093 "name": "Czech Republic", 2094 "url": "https://www.garnier.cz:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2095 "countryCodes": [ 2096 "cz" 2097 ] 2098 }, 2099 { 2100 "name": "Denmark", 2101 "url": "https://www.garnier.dk:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2102 "countryCodes": [ 2103 "dk" 2104 ] 2105 }, 2106 { 2107 "name": "Finland", 2108 "url": "https://www.garnier.fi:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2109 "countryCodes": [ 2110 "fi" 2111 ] 2112 }, 2113 { 2114 "name": "France", 2115 "url": "https://www.garnier.fr:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2116 "countryCodes": [ 2117 "fr" 2118 ] 2119 }, 2120 { 2121 "name": "Germany", 2122 "url": "https://www.garnier.de:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2123 "countryCodes": [ 2124 "de" 2125 ] 2126 }, 2127 { 2128 "name": "Greece", 2129 "url": "https://www.garnier.gr:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2130 "countryCodes": [ 2131 "gr" 2132 ] 2133 }, 2134 { 2135 "name": "Hungary", 2136 "url": "
2136https://www.garnier.hu:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2137 "countryCodes": [ 2138 "hu" 2139 ] 2140 }, 2141 { 2142 "name": "India", 2143 "url": "https://www.garnier.in:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2144 "countryCodes": [ 2145 "in" 2146 ] 2147 }, 2148 { 2149 "name": "Indonesia", 2150 "url": "https://www.garnier.co.id:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2151 "countryCodes": [ 2152 "id" 2153 ] 2154 }, 2155 { 2156 "name": "Israel", 2157 "url": "https://www.garnier.co.il:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2158 "countryCodes": [ 2159 "is" 2160 ] 2161 }, 2162 { 2163 "name": "Italy", 2164 "url": "https://www.garnier.it:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2165 "countryCodes": [ 2166 "it" 2167 ] 2168 }, 2169 { 2170 "name": "Malaysia", 2171 "url": "https://www.garnier.com.my:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2172 "countryCodes": [ 2173 "my" 2174 ] 2175 }, 2176 { 2177 "name": "Mexico", 2178 "url": "https://www.garnier.com.mx:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2179 "countryCodes": [ 2180 "mx" 2181 ] 2182 }, 2183 { 2184 "name": "Middle East", 2185 "url": "https://www.garnierarabia.com:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2186 "countryCodes": [ 2187 "middle east" 2188 ] 2189 }, 2190 { 2191 "name": "Netherlands", 2192 "url": "https://www.garniernederland.nl:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2193 "countryCodes": [ 2194 "nl" 2195 ] 2196 }, 2197 { 2198 "name": "Norway", 2199 "url": "https://www.garnier.no:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2200 "countryCodes": [ 2201 "no" 2202 ] 2203 }, 2204 { 2205 "name": "Peru", 2206 "url": "https://www.garnier.com.pe:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2207 "countryCodes": [ 2208 "pe" 2209 ] 2210 }, 2211 { 2212 "name": "Philippines", 2213 "url": "https://www.garnier.com.ph:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2214 "countryCodes": [ 2215 "ph" 2216 ] 2217 }, 2218 { 2219 "name": "Poland", 2220 "url": "https://www.garnier.pl:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2221 "countryCodes": [ 2222 "pl" 2223 ] 2224 }, 2225 { 2226 "name": "Portugal", 2227 "url": "https://www.garnier.pt:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2228 "countryCodes": [ 2229 "pt" 2230 ] 2231 }, 2232 { 2233 "name": "Romania", 2234 "url": "https://www.garnier.ro:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2235 "countryCodes": [ 2236 "ro" 2237 ] 2238 }, 2239 { 2240 "name": "Russia", 2241 "url": "https://www.garnier.ru:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2242 "countryCodes": [ 2243 "ru" 2244 ] 2245 }, 2246 { 2247 "name": "
2247Serbia", 2248 "url": "https://www.garnier.rs:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2249 "countryCodes": [ 2250 "rs" 2251 ] 2252 }, 2253 { 2254 "name": "Singapore", 2255 "url": "https://www.garnier.com.sg:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2256 "countryCodes": [ 2257 "sy" 2258 ] 2259 }, 2260 { 2261 "name": "Slovakia", 2262 "url": "https://www.garnier.sk:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2263 "countryCodes": [ 2264 "sk" 2265 ] 2266 }, 2267 { 2268 "name": "Slovenia", 2269 "url": "https://www.garnier.si:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2270 "countryCodes": [ 2271 "sl" 2272 ] 2273 }, 2274 { 2275 "name": "South Africa", 2276 "url": "https://africa.garnier.com:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2277 "countryCodes": [ 2278 "sa" 2279 ] 2280 }, 2281 { 2282 "name": "Spain", 2283 "url": "https://www.garnier.es:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2284 "countryCodes": [ 2285 "es" 2286 ] 2287 }, 2288 { 2289 "name": "Sweden", 2290 "url": "https://www.garnier.se:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2291 "countryCodes": [ 2292 "se" 2293 ] 2294 }, 2295 { 2296 "name": "Switzerland", 2297 "url": "https://www.garnier.ch:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2298 "countryCodes": [ 2299 "ch" 2300 ] 2301 }, 2302 { 2303 "name": "Thailand", 2304 "url": "https://www.garnier.co.th:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2305 "countryCodes": [ 2306 "th" 2307 ] 2308 }, 2309 { 2310 "name": "Turkey", 2311 "url": "https://www.garnier.com.tr:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2312 "countryCodes": [ 2313 "tu" 2314 ] 2315 }, 2316 { 2317 "name": "Ukraine", 2318 "url": "https://www.garnier.ua:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2319 "countryCodes": [ 2320 "ua" 2321 ] 2322 }, 2323 { 2324 "name": "United Kingdom", 2325 "url": "https://www.garnier.co.uk:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2326 "countryCodes": [ 2327 "uk" 2328 ] 2329 }, 2330 { 2331 "name": "United States", 2332 "url": "https://www.garnierusa.com:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2333 "countryCodes": [ 2334 "us" 2335 ] 2336 }, 2337 { 2338 "name": "Uruguay", 2339 "url": "https://www.garnier.com.uy:443/?utm_campaign=geo-ip-redirect&utm_source=MY&utm_medium=referral&geoip-redirect=true", 2340 "countryCodes": [ 2341 "uy" 2342 ] 2343 } 2344 ], 2345 "cookieExpiration": "d", 2346 "closeBtnAriaLabel": "Close", 2347 "taggingId": "{A680EB7A-DD69-4DE8-9908-8E98E1D4D097}" 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="{"event":"uaevent","ecommerce":"undefined","eventCategory":"homepage","eventAction":{"moduleName":"promo module","nextAction":"next","previousAction":"previous"}}" 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="''" 2560 :text-color="''" 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="{"event":"uaevent","ecommerce":"undefined","eventCategory":"homepage","eventAction":{"moduleName":"in the spotlight","nextAction":"next","previousAction":"previous"},"eventLabel":{"moduleName":"in the spotlight","nextAction":"next","previousAction":"previous"}}" 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="{"event":"uaevent","ecommerce":"undefined","eventCategory":"homepage","eventAction":{"moduleName":"in the spotlight","nextAction":"next","previousAction":"previous"},"eventLabel":{"moduleName":"in the spotlight","nextAction":"next","previousAction":"previous"}}" 2631 product-click-data="{"event":"productClick","ecommerce":{"click":{"actionField":{"currencyCode":"[Token2]","list":"[Token1]"},"products":[{"name":"$$lc(get-field(array-item(), \"Product Name\"))$$","id":"$$lc(get-field(array-item(), \"Product ID\")$$","price":"$$get-field(get-first-child-item(array-item(), \"ProductVariant\"),\"Product Variant Price\")$$","brand":"GAR","category":"$$lc(get-field(get-parent-item(get-item(get-field(array-item(), \"Category\"))), \"CategoryName\"))$$-$$lc(get-field(get-item(get-field(array-item(), \"Category\")), \"CategoryName\"))$$","variant":"$$lc(get-field(get-first-child-item(array-item(), \"ProductVariant\"),\"Product Variant Size\"))$$","position":"[Index]","dimension35":"$$get-field(get-first-child-item(array-item(), \"ProductVariant\"),\"Product Variant Size\")$$","dimension38":"[Token7]","dimension39":"in stock","dimension48":"$$get-field(get-first-child-item(array-item(), \"ProductVariant\"),\"Product Variant Id\")$$","dimension59":"[Token10]","dimension49":"[Token9]","dimension91":"[Token8]","dimension176":"$$lc(get-field(get-parent-item(get-item(get-field(array-item(), \"Category\"))), \"CategoryName\"))$$-$$lc(get-field(get-item(get-field(array-item(), \"Category\")), \"CategoryName\"))$$"}]}},"event_name":"select_item","eventCategory":"Ecommerce","eventAction":"Product Click","eventLabel":"[Token3]::[Token4]","product_info":"[Token3]::[Token4]"}" 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="{"event":"nievent","ecommerce":{"currencyCode":"MYR","list":"cross-sell","impressions":[{"name":"garnier bright complete 30x vitamin c booster serum","id":"8994993013746","price":"26.9","brand":"GAR","category":"skin care-face-caring","variant":"15ml","position":"1","dimension35":"15ml","dimension38":"none","dimension39":"in stock","dimension48":"8994993013746","dimension49":"not present","
2636dimension59":"0","dimension91":"none","dimension176":"face-caring"},{"name":"garnier bright complete vitamin c serum cream spf 36","id":"8992304054419","price":"31.5","brand":"GAR","category":"skin care-face-caring","variant":"50ml","position":"2","dimension35":"50ml","dimension38":"none","dimension39":"in stock","dimension48":"8992304054419","dimension49":"not present","dimension59":"0","dimension91":"none","dimension176":"face-caring"},{"name":"garnier micellar cleansing water pink","id":"6928820029572","price":"16.9","brand":"GAR","category":"skin care-face-cleansing","variant":"125ml","position":"3","dimension35":"125ml","dimension38":"none","dimension39":"in stock","dimension48":"6928820029572","dimension49":"not present","dimension59":"0","dimension91":"none","dimension176":"face-cleansing"},{"name":"garnier men acnofight anti-acne scrub in foam facial cleanser","id":"8992304015298","price":"20.9","brand":"GAR","category":"skin care-men","variant":"100ml","position":"4","dimension35":"100ml","dimension38":"none","dimension39":"in stock","dimension48":"8992304015298","dimension49":"not present","dimension59":"0","dimension91":"none","dimension176":"men"},{"name":"garnier color naturals crème riche 1 - hitam alami (natural black)","id":"8901526527465","price":"24.9","brand":"GAR","category":"hair-color","variant":"55ml","position":"5","dimension35":"55ml","dimension38":"none","dimension39":"in stock","dimension48":"8901526527465","dimension49":"present","dimension59":"0","dimension91":"none","dimension176":"color"},{"name":"garnier sakura glow hyaluron waterglow essence","id":"8992304096396","price":"33.9","brand":"GAR","category":"skin care-face-caring","variant":"100ml","position":"6","dimension35":"100ml","dimension38":"none","dimension39":"in stock","dimension48":"8992304096396","dimension49":"not present","dimension59":"0","dimension91":"none","dimension176":"face-caring"}]},"event_name":"view_item_list","eventCategory":"Ecommerce","eventAction":"Product Impressions","eventLabel":"homepage"}"> 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="{"event":"uaevent","ecommerce":"undefined","eventCategory":"homepage","eventAction":{"moduleName":"in the spotlight","nextAction":"next","previousAction":"previous"},"eventLabel":{"moduleName":"in the spotlight","nextAction":"next","previousAction":"previous"}}"> 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="{"event":"productClick","ecommerce":{"click":{"actionField":{"currencyCode":"MYR","list":"cross-sell"},"products":[{"name":"garnier bright complete 30x vitamin c booster serum","id":"8992304055157","price":"26.9","brand":"GAR","category":"skin care-face-caring","variant":"15ml","position":"1","dimension35":"15ml","dimension38":"0","dimension39":"in stock","dimension48":"8994993013746","
2667dimension59":"0","dimension49":"not present","dimension91":"none","dimension176":"skin care-face-caring"}]}},"event_name":"select_item","eventCategory":"Ecommerce","eventAction":"Product Click","eventLabel":"garnier bright complete 30x vitamin c booster serum::8992304055157","product_info":"garnier bright complete 30x vitamin c booster serum::8992304055157"}" 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&rev=fdc384c074924093a3656a746109c8a5&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="{"event":"productClick","ecommerce":{"click":{"actionField":{"currencyCode":"MYR","list":"cross-sell"},"products":[{"name":"garnier bright complete vitamin c serum cream spf 36","id":"8992304054419","price":"31.5","brand":"GAR","category":"skin care-face-caring","variant":"50ml","position":"2","dimension35":"50ml","dimension38":"0","dimension39":"in stock","dimension48":"8992304054419","
2700dimension59":"0","dimension49":"not present","dimension91":"none","dimension176":"skin care-face-caring"}]}},"event_name":"select_item","eventCategory":"Ecommerce","eventAction":"Product Click","eventLabel":"garnier bright complete vitamin c serum cream spf 36::8992304054419","product_info":"garnier bright complete vitamin c serum cream spf 36::8992304054419"}" 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&rev=4e5fda21f5a149c79f964a6b0bd8c4c9&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="{"event":"productClick","ecommerce":{"click":{"actionField":{"currencyCode":"MYR","list":"cross-sell"},"products":[{"name":"garnier micellar cleansing water pink","id":"6928820029572","price":"16.9","brand":"GAR","category":"skin care-face-cleansing","variant":"125ml","position":"3","dimension35":"125ml","dimension38":"0","dimension39":"in stock","dimension48":"6928820029572","
2733dimension59":"0","dimension49":"not present","dimension91":"none","dimension176":"skin care-face-cleansing"}]}},"event_name":"select_item","eventCategory":"Ecommerce","eventAction":"Product Click","eventLabel":"garnier micellar cleansing water pink::6928820029572","product_info":"garnier micellar cleansing water pink::6928820029572"}" 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&rev=-1&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="{"event":"productClick","ecommerce":{"click":{"actionField":{"currencyCode":"MYR","list":"cross-sell"},"products":[{"name":"garnier men acnofight anti-acne scrub in foam facial cleanser","id":"8992304015298","price":"20.9","brand":"GAR","category":"skin care-men","variant":"100ml","position":"4","dimension35":"100ml","dimension38":"0","dimension39":"in stock","dimension48":"8992304015298","
2766dimension59":"0","dimension49":"not present","dimension91":"none","dimension176":"skin care-men"}]}},"event_name":"select_item","eventCategory":"Ecommerce","eventAction":"Product Click","eventLabel":"garnier men acnofight anti-acne scrub in foam facial cleanser::8992304015298","product_info":"garnier men acnofight anti-acne scrub in foam facial cleanser::8992304015298"}" 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&rev=-1&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="{"event":"productClick","ecommerce":{"click":{"actionField":{"currencyCode":"MYR","list":"cross-sell"},"products":[{"name":"garnier color naturals crème riche 1 - hitam alami (natural black)","id":"8901526527465","price":"24.9","brand":"GAR","category":"hair-color","variant":"55ml","position":"5","dimension35":"55ml","dimension38":"0","dimension39":"in stock","dimension48":"8901526527465","
2799dimension59":"0","dimension49":"present","dimension91":"none","dimension176":"hair-color"}]}},"event_name":"select_item","eventCategory":"Ecommerce","eventAction":"Product Click","eventLabel":"garnier color naturals crème riche 1 - hitam alami (natural black)::8901526527465","product_info":"garnier color naturals crème riche 1 - hitam alami (natural black)::8901526527465"}" class="product-push__link tile__imagecontainer" dataid="8901526527465" aria-label="Garnier Garnier Color Naturals Crè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&rev=755a8986eaad47b8a7088d535de33ee2&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è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è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="{"event":"productClick","ecommerce":{"click":{"actionField":{"currencyCode":"MYR","list":"cross-sell"},"products":[{"name":"garnier sakura glow hyaluron waterglow essence","id":"8992304096396","price":"33.9","brand":"GAR","category":"skin care-face-caring","variant":"100ml","position":"6","dimension35":"100ml","dimension38":"0","dimension39":"in stock","dimension48":"8992304096396","
2835dimension59":"0","dimension49":"not present","dimension91":"none","dimension176":"skin care-face-caring"}]}},"event_name":"select_item","eventCategory":"Ecommerce","eventAction":"Product Click","eventLabel":"garnier sakura glow hyaluron waterglow essence::8992304096396","product_info":"garnier sakura glow hyaluron waterglow essence::8992304096396"}" 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&rev=-1&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: {"event":"uaevent","ecommerce":"undefined","eventCategory":"homepage","eventAction":{"moduleName":"find your ingredients","nextAction":"next","previousAction":"previous"},"eventLabel":{"moduleName":"find your ingredients","nextAction":"next","previousAction":"previous"}}, 2880 findAllButton: {"event":"uaevent","ecommerce":"undefined","eventCategory":"homepage","eventAction":"select::bahan- bahan semula jadi garnier","eventLabel":"bahan-bahan semula jadi garnier::https://www.garnier.com.my/bahan-bahan-semula-jadi-garnier","event_name":"body_button_click","cta_name":"bahan-bahan semula jadi garnier","link_url":"https://www.garnier.com.my/bahan-bahan-semula-jadi-garnier","module_name":"bahan- bahan semula jadi garnier"} }"> 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='{"event":"uaevent","ecommerce":"undefined","event_name":"find_your_ingredients","eventCategory":"homepage","eventAction":"select::find your ingredients","method":"autocompletion","module_name":"bahan- bahan semula jadi garnier"}' 2894 :ingredients='[{"ingredient":"Badam","url":"/bahan-bahan-semula-jadi-garnier/almond"},{"ingredient":"Minyak Argan","url":"/bahan-bahan-semula-jadi-garnier/minyak-argan"},{"ingredient":"Buah Avocado","url":"/bahan-bahan-semula-jadi-garnier/avocado"},{"ingredient":"Arang","url":"/bahan-bahan-semula-jadi-garnier/arang"},{"ingredient":"Teh Hijau Matcha","url":"/bahan-bahan-semula-jadi-garnier/teh-hijau-matcha"},{"ingredient":"Hyaluronic Acid","url":"/bahan-bahan-semula-jadi-garnier/hyaluronic-acid"},{"ingredient":"Lemon Yuzu","url":"/bahan-bahan-semula-jadi-garnier/lemon-yuzu"},{"ingredient":"Minyak Zaitun","url":"/bahan-bahan-semula-jadi-garnier/olive"},{"ingredient":"Buah Delima","url":"/bahan-bahan-semula-jadi-garnier/buah-delima"},{"ingredient":"Bunga Sakura","url":"/bahan-bahan-semula-jadi-garnier/bunga-sakura"},{"ingredient":"Wasabi","url":"/bahan-bahan-semula-jadi-garnier/wasabi"}]' 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="{"event":"uaevent","ecommerce":"undefined","eventCategory":"homepage","eventAction":"select ingredient::find your ingredients","eventLabel":"lemon yuzu"}"> 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="{"event":"uaevent","ecommerce":"undefined","eventCategory":"homepage","eventAction":"select ingredient::find your ingredients","eventLabel":"minyak argan"}"> 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="{"event":"uaevent","ecommerce":"undefined","eventCategory":"homepage","eventAction":"select ingredient::find your ingredients","eventLabel":"buah delima"}"> 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="{"event":"uaevent","ecommerce":"undefined","eventCategory":"homepage","eventAction":"select ingredient::find your ingredients","eventLabel":"arang"}"> 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="{"event":"uaevent","ecommerce":"undefined","eventCategory":"homepage","eventAction":"select ingredient::find your ingredients","eventLabel":"bunga sakura"}"> 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="{"event":"uaevent","ecommerce":"undefined","eventCategory":"homepage","eventAction":"select ingredient::find your ingredients","eventLabel":"teh hijau matcha"}"> 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="{"event":"uaevent","ecommerce":"undefined","eventCategory":"homepage","eventAction":"select ingredient::find your ingredients","eventLabel":"hyaluronic acid"}"> 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="{"event":"uaevent","ecommerce":"undefined","eventCategory":"homepage","eventAction":"select ingredient::find your ingredients","eventLabel":"buah avocado"}"> 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="{"event":"uaevent","ecommerce":"undefined","eventCategory":"homepage","eventAction":"select ingredient::find your ingredients","eventLabel":"badam"}"> 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="{"event":"uaevent","ecommerce":"undefined","eventCategory":"homepage","eventAction":"select ingredient::find your ingredients","eventLabel":"minyak zaitun"}"> 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="{"event":"uaevent","ecommerce":"undefined","eventCategory":"homepage","eventAction":"select ingredient::find your ingredients","eventLabel":"wasabi"}"> 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"website links::terms and conditions","click_area":"footer","breadcrumb":"website links::terms and conditions"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"website links::privacy policy","click_area":"footer","breadcrumb":"website links::privacy policy"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"website links::cookie table","click_area":"footer","breadcrumb":"website links::cookie table"}" 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"website links::cookie settings","click_area":"footer","breadcrumb":"website links::cookie settings"}" 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">© 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="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"customer service::contact us","click_area":"footer","breadcrumb":"customer service::contact us"}" 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="{"event":"socialint","ecommerce":"undefined","event_name":"social_interaction","socialNetwork":"facebook","socialAction":"share","socialTarget":"https://www.facebook.com/garniermalaysia/","social_network":"facebook","social_action":"share"}" 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="{"event":"socialint","ecommerce":"undefined","event_name":"social_interaction","socialNetwork":"instagram","socialAction":"follow","socialTarget":"https://www.instagram.com/garniermalaysia/","social_network":"instagram","social_action":"follow"}" 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="{"event":"socialint","ecommerce":"undefined","event_name":"social_interaction","socialNetwork":"youtube","socialAction":"follow","socialTarget":"https://www.youtube.com/garniermalaysia","social_network":"youtube","social_action":"follow"}" 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="{"event":"socialint","ecommerce":"undefined","event_name":"social_interaction","socialNetwork":"facebook","socialAction":"share","socialTarget":"https://www.facebook.com/garniermenmalaysia/","social_network":"facebook","social_action":"share"}" 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="{"event":"socialint","ecommerce":"undefined","event_name":"social_interaction","socialNetwork":"instagram","socialAction":"follow","socialTarget":"https://www.instagram.com/garniermenmy/","social_network":"instagram","social_action":"follow"}" 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="{"event":"socialint","ecommerce":"undefined","event_name":"social_interaction","socialNetwork":"youtube","socialAction":"follow","socialTarget":"https://www.youtube.com/user/garniermenmalaysia","social_network":"youtube","social_action":"follow"}" 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>© 2023 Garnier Malaysia. Hak Cipta Terpelihara.</strong><br class="t-last-br" /> 3107L’Oré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.