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="id-ID" id="id"> 18<!--<![endif]--> 19<head> 20 21 22 <link href="/-/media/project/loreal/brand-sites/garnier/apac/id/ico/faviconnew.png?rev=fd7fc89d4b5b4a7fbb5185d9269eeb3d" rel="shortcut icon" /> 23 24 25<!-- OneTrust Cookies Consent Notice start for garnier.co.id --> 26
27<script async src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" data-document-language="true" type="text/javascript" charset="UTF-8" data-domain-script="23fed50a-4e42-4ca9-9d4e-5e69d818b609" defer></script>
vendor: 2 bytes, line 27
27
28<script type="text/javascript"> 29function OptanonWrapper() { } 30</script>
30 31<!-- OneTrust Cookies Consent Notice end for garnier.co.id --> 32 33 <meta name="viewport" content="width=device-width, initial-scale=1" charset="utf-8" /> 34 <link rel="preload" crossorigin="anonymous" href="/themes/garnier/bundle.css?v=12.6.0-release00000004" as="style"> 35 <link rel="preload" crossorigin="anonymous" href="/themes/apac/bundle.css?v=12.6.0-release00000004" as="style"> 36 <link rel="preload" type="text/css" href="/themes/garnier/gothamfonts.css" as="style"> 37 38 <link rel="stylesheet" crossorigin="anonymous" href="/themes/garnier/bundle.css?v=12.6.0-release00000004"> 39 <link rel="stylesheet" crossorigin="anonymous" href="/themes/apac/bundle.css?v=12.6.0-release00000004"> 40 <link rel="preload" crossorigin="anonymous" href="/themes/Garnier/bundle.js?v=12.6.0-release00000004" as="script"> 41 <link rel="preload" crossorigin="anonymous" href="/themes/apac/bundle.js?v=12.6.0-release00000004" as="script"> 42 <link rel="stylesheet" type="text/css" href="/themes/garnier/gothamfonts.css" /> 43 <link href="https://www.garnier.co.id/garnier-cruelty-free" rel="canonical" /> 44 45 46 47 48 49 <title>Garnier approved by Cruelty Free International (2021)</title> 50 51 52 53 54 55 56 57 58 59 60<meta property="og:title" content="Garnier approved by Cruelty Free International (2021)"><meta property="og:url" content="https://www.garnier.co.id/garnier-cruelty-free"><meta property="og:description" content="Seluruh produk Garnier, secara global, telah mendapatkan label Cruelty Free yang telah disetujui oleh Cruelty Free International Leaping Bunny"> 61 62 63<meta name="description" content="Seluruh produk Garnier, secara global, telah mendapatkan label Cruelty Free yang telah disetujui oleh Cruelty Free International Leaping Bunny"> 64 65 66<meta name="twitter:description" content="Seluruh produk Garnier, secara global, telah mendapatkan label Cruelty Free yang telah disetujui oleh Cruelty Free International Leaping Bunny"><meta name="twitter:title" content="Garnier approved by Cruelty Free International (2021)"><meta name="twitter:card" content="summary_large_image"> 67 68 <meta name="viewport" content="width=device-width, initial-scale=1" /> 69<link rel="preconnect" crossorigin="anonymous" href="https://www.googletagmanager.com/gtm.js?id=GTM-5FMCPTW" as="script"> 70
70<script type="text/plain" class="optanon-category-2"> 71 if (window.eventBus) { 72 window.eventBus.$emit('optanonCategory2', true); 73 74 } 75 </script>
75 76
76<script type="text/plain" class="optanon-category-3"> 77 if (window.eventBus) { 78 window.eventBus.$emit('optanonCategory3', true); 79 80 } 81 </script>
81 82
82<script type="text/plain" class="optanon-category-4"> 83 if (window.eventBus) { 84 window.eventBus.$emit('optanonCategory4', true); 85 86 } 87 </script>
87 88
88<script type="text/javascript"> 89 var dataLayer = window["dataLayer"] || []; 90 dataLayer.push({"brand":"GAR","language":"id","country":"id","geoIPLocation":"AM","siteTypeLevel":"main","pageCategory":"content page::branding page","uiLoggedStatus":"not logged","website_type":"NON-DTC","masterVersion":"3.2","breadCrumb":"home \u003e garnier cruelty free","product_category":""}); 91 </script>
91 92
92<script type="application/json" id="refapp-global-tagging-configuration"> 93 { 94 "globalVars": { 95 "[page category]": "content page::branding page" 96 } 97 } 98 </script>
98 99 <!-- Google Tag Manager --> 100 <link rel="dns-prefetch" href="https://www.googletagmanager.com"> 101 <link rel="dns-prefetch" href="https://www.google-analytics.com"> 102
102<script type="text/javascript">
vendor: 375 bytes, lines 102-107
102 103 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 104 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 105 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 106 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 107 })(window,document,'script','dataLayer', '
107GTM-5FMCPTW
vendor: 13 bytes, lines 107-108
107'); 108
108</script>
108 109 <!-- End Google Tag Manager --> 110 <!--Jebbit Quiz Tagging Script--> 111
111<script type="text/javascript"> 112 setTimeout(function () { 113 function iFramePush(message) { 114 try { 115 if (typeof message.data['event'] != 'undefined') 116 dataLayer.push(message.data); 117 } catch (e) { } 118 } 119 window.addEventListener("message", iFramePush, false); 120 }, 5000); 121 </script>
121 122 <!--End Jebbit Quiz Tagging Script--> 123 124 <link rel="stylesheet" type="text/css" href="/themes/garnier/gothamfonts.css" defer /> 125 126 127 128</head> 129 130 131<body class="default-device wireframe-images bodyclass gotham-fontsgotham-fonts"> 132
132<script>document.querySelector('html').classList.remove('no-js')</script>
132 133 <div style="display: none"><?xml version="1.0" encoding="utf-8" ?> 134<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 135 <symbol viewBox="0 0 300 300" id="account" xmlns="http://www.w3.org/2000/svg"> 136 <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" /> 137 </symbol> 138 <symbol viewBox="0 0 300 300" id="arrow-down" xmlns="http://www.w3.org/2000/svg"> 139 <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" /> 140 </symbol> 141 <symbol viewBox="0 0 300 300" id="arrow-next" xmlns="http://www.w3.org/2000/svg"> 142 <path class="acst0" d="M102.4 298.8l-48.8-47.5 99-101.7-101.7-99L98.4 1.8l150.5 146.5z" /> 143 </symbol> 144 <symbol viewBox="0 0 300 300" id="arrow-previous" xmlns="http://www.w3.org/2000/svg"> 145 <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" /> 146 </symbol> 147 <symbol viewBox="0 0 272.93 295" id="arrow-reset" xmlns="http://www.w3.org/2000/svg"> 148 <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" /> 149 </symbol> 150 <svg viewBox="0 0 16 16" id="arrow-right" fill="none" xmlns="http://www.w3.org/2000/svg"> 151 <path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="2"/> 152 </svg> 153 <symbol viewBox="0 0 300 300" id="arrow-slider-next" xmlns="http://www.w3.org/2000/svg"> 154 <path class="afcls-1" d="M115.45 81.31l70.41 68.56-68.56 70.41" /> 155 </symbol> 156 <symbol viewBox="0 0 300 300" id="arrow-slider-previous" xmlns="http://www.w3.org/2000/svg"> 157 <path class="agcls-1" d="M185.86 81.31l-70.41 68.56 68.56 70.41" /> 158 </symbol> 159 <svg width="30" height="30" id="arrow-top-rounded" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> 160 <path d="M22.5 18.75L15 11.25L7.5 18.75" stroke="#156031" stroke-width="2.5"/> 161 </svg> 162 163 <symbol viewBox="0 0 300 300" id="arrows-updown" xmlns="http://www.w3.org/2000/svg"> 164 <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" /> 165 </symbol> 166 <symbol fill="none" viewBox="0 0 201 98" id="back-arrow-quiz" xmlns="http://www.w3.org/2000/svg"> 167 <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" /> 168 </symbol> 169 <symbol viewBox="0 0 20 20" id="before-after" xmlns="http://www.w3.org/2000/svg"> 170 <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" /> 171 </symbol> 172 <symbol viewBox="0 0 300 300" id="burger" xmlns="http://www.w3.org/2000/svg"> 173 <path class="alcls-1" d="M45 85.3h210v27.54H45zm0 51.63h210v27.54H45zm0 51.64h210v27.54H45z" /> 174 </symbol> 175 <symbol viewBox="0 0 300 300" id="cart" xmlns="http://www.w3.org/2000/svg"> 176 <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" /> 177 </symbol> 178 <symbol viewBox="0 0 300 300" id="chat" xmlns="http://www.w3.org/2000/svg"> 179 <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" /> 180 </symbol> 181 <symbol viewBox="0 0 300 300" id="chat-with-dots" xmlns="http://www.w3.org/2000/svg"> 182 <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" /> 183 <circle cx="108" cy="126.2" r="11.2" fill="#fff" /> 184 <circle cx="156.7" cy="126.2" r="11.2" fill="#fff" /> 185 <circle cx="205.4" cy="126.2" r="11.2" fill="#fff" /> 186 </symbol> 187 <symbol viewBox="0 0 15 15" id="close" xmlns="http://www.w3.org/2000/svg"> 188 <path class="apst0" d="M.4 1.1l13.5 13.5 1-1L1.4.1l-1 1z" /> 189 <path class="apst0" d="M14.9 1.1L1.4 14.6l-1-1L13.9.1l1 1z" /> 190 </symbol> 191 <symbol viewBox="0 0 80 48" id="email" xmlns="http://www.w3.org/2000/svg"> 192 <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" /> 193 </symbol> 194 <symbol viewBox="0 0 300 300" id="facebook" xmlns="http://www.w3.org/2000/svg"> 195 <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" /> 196 </symbol> 197 <symbol viewBox="0 0 300 300" id="google" xmlns="http://www.w3.org/2000/svg"> 198 <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" /> 199 </symbol> 200 <symbol viewBox="0 0 300 300" id="home" xmlns="http://www.w3.org/2000/svg"> 201 <path class="atcls-1" d="M149.48 51.52l-84.04 68.76v129.88h168.08V120.28l-84.04-68.76z" /> 202 <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" /> 203 </symbol> 204 <symbol viewBox="0 0 49 49" id="info" xmlns="http://www.w3.org/2000/svg"> 205 <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" /> 206 <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" /> 207 <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" /> 208 </symbol> 209 <symbol viewBox="0 0 300 300" id="instagram" xmlns="http://www.w3.org/2000/svg"> 210 <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" /> 211 </symbol> 212 <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"> 213 <circle cx="50" cy="50" r="40" fill="none" stroke="#eef7db" stroke-width="3"> 214 <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
214inite" /> 215 <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" /> 216 </circle> 217 <circle cx="50" cy="50" r="25.953" fill="none" stroke="#B4C832" stroke-width="3"> 218 <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" /> 219 <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" /> 220 </circle> 221 </symbol> 222 <symbol viewBox="0 0 300 300" id="location" xmlns="http://www.w3.org/2000/svg"> 223 <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" /> 224 </symbol> 225 <symbol viewBox="0 0 15 15" id="minus" xmlns="http://www.w3.org/2000/svg"> 226 <path class="ayst0" d="M17.2 8H-1.9V6.6h19.1V8z" /> 227 </symbol> 228 <symbol viewBox="0 0 300 300" id="pinterest" xmlns="http://www.w3.org/2000/svg"> 229 <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" /> 230 </symbol> 231 <symbol viewBox="0 0 15 15" id="plus" xmlns="http://www.w3.org/2000/svg"> 232 <path class="bast0" d="M7-2.2v19.1h1.4V-2.2H7z" /> 233 <path class="bast0" d="M17.2 8H-1.9V6.6h19.1V8z" /> 234 </symbol> 235 <symbol fill="none" viewBox="0 0 24 24" id="arrowhead-previous" xmlns="http://www.w3.org/2000/svg"> 236 <path d="M15 6l-6 6 6 6" stroke="#21362C" stroke-width="2"/> 237 </symbol> 238 <symbol fill="none" viewBox="0 0 24 24" id="arrowhead-next" xmlns="http://www.w3.org/2000/svg"> 239 <path d="M9 18l6-6-6-6" stroke="#21362C" stroke-width="2"/> 240 </symbol> 241 <symbol fill="none" viewBox="0 0 18 18" id="arrowhead-S-right" xmlns="http://www.w3.org/2000/svg"> 242 <path d="M6.75 13.5l4.5-4.5-4.5-4.5" stroke="currentColor" stroke-width="2"/> 243 </symbol>
244 <symbol viewBox="0 0 126 135" id="rounded-arrow-quiz" xmlns="http://www.w3.org/2000/svg"> 245 <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"/> 246 </symbol> 247 <symbol viewBox="0 0 300 300" id="search" xmlns="http://www.w3.org/2000/svg"> 248 <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" /> 249 </symbol> 250 <symbol viewBox="0 0 300 300" id="share" xmlns="http://www.w3.org/2000/svg"> 251 <circle cx="151" cy="150.5" r="99" /> 252 <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" /> 253 </symbol> 254 <symbol viewBox="0 0 155.139 155.139" id="sign-in-facebook" xmlns="http://www.w3.org/2000/svg"> 255 <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" /> 256 </symbol> 257 <symbol viewBox="0 0 300 300" id="star" xmlns="http://www.w3.org/2000/svg"> 258 <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" /> 259 </symbol> 260 <symbol viewBox="0 0 29 21.96" id="tryon-camera" xmlns="http://www.w3.org/2000/svg"> 261 <path class="bgcls-1" d="M21.78 4l-2.34-4H9.56L7.22 4H0v18h29V4zM28 21H1V5h6.79l2.34-4h8.74l2.34 4H28z" /> 262 <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" /> 263 <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" /> 264 </symbol> 265 <symbol viewBox="0 0 22.4 19" id="tryon-reload" xmlns="http://www.w3.org/2000/svg"> 266 <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" /> 267 </symbol> 268 <symbol viewBox="0 0 29 25" id="tryon-upload" xmlns="http://www.w3.org/2000/svg"> 269 <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" /> 270 <path class="bicls-1" d="M29 0H0v18h10.63v-1H1V1h27v16h-9.63v1H29V0z" /> 271 </symbol> 272 <symbol viewBox="0 0 300 300" id="twitter" xmlns="http://www.w3.org/2000/svg"> 273 <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" /> 274 </symbol> 275 <symbol viewBox="0 0 107 59" id="up-arrow" xmlns="http://www.w3.org/2000/svg"> 276 <path d="M107.4 54.9L53.9.3.4 54.9 4 58.6 53.9 7.7l49.9 50.9z" /> 277 </symbol> 278 <symbol viewBox="0 0 300 300" id="video" xmlns="http://www.w3.org/2000/svg"> 279 <path class="blcls-1" d="M126.93 113.88v79.35l66.13-39.67-66.13-39.68z" /> 280 <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" /> 281 </symbol> 282 <symbol viewBox="0 0 20 20" id="video-pdp" xmlns="http://www.w3.org/2000/svg"> 283 <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" /> 284 </symbol> 285 <symbol viewBox="0 0 300 300" id="youtube" xmlns="http://www.w3.org/2000/svg"> 286 <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
2860.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" /> 287 </symbol> 288 <symbol viewBox="0 0 300 300" id="zoom-minus" xmlns="http://www.w3.org/2000/svg"> 289 <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" /> 290 <path class="bocls-1" d="M106.28 142.92v-14.98h59.91v14.98z" /> 291 </symbol> 292 <symbol viewBox="0 0 300 300" id="zoom-plus" xmlns="http://www.w3.org/2000/svg"> 293 <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" /> 294 <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" /> 295 </symbol> 296 <symbol viewBox="0 0 40 40" id="co2" xmlns="http://www.w3.org/2000/svg"> 297 <g fill="none" fill-rule="evenodd"> 298 <circle stroke="#969696" fill="#FFF" cx="20" cy="20" r="19.5" /> 299 <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" /> 300 </g> 301 </symbol> 302 <symbol viewBox="0 0 40 40" id="picto-water" xmlns="http://www.w3.org/2000/svg"> 303 <g fill="none" fill-rule="evenodd"> 304 <circle stroke="#969696" fill="#FFF" cx="20" cy="20" r="19.5" /> 305 <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" /> 306 </g> 307 </symbol> 308 <symbol viewBox="0 0 40 40" id="picto-tryon" xmlns="http://www.w3.org/2000/svg"> 309 <path fill="#004532" d="M0 0h40v40H0z" /> 310 <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
310-.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" 311 fill="#fff" /> 312 <path opacity=".5" fill="#004532" d="M20 0h20v40H20z" /> 313 </symbol> 314 <symbol viewBox="0 0 30 25" id="picto-camera" xmlns="http://www.w3.org/2000/svg"> 315 <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" /> 316 </symbol> 317 <symbol viewBox="0 0 15 20" id="picto-upload" xmlns="http://www.w3.org/2000/svg"> 318 <path d="M15 14v1.2H0V14h15zM7.497 2L12.3 7.486H8.869v5.485h-2.74V7.486H2.7L7.497 2z" fill-rule="evenodd" /> 319 </symbol> 320 <symbol fill="none" viewBox="0 0 25 25" id="warning-icon" xmlns="http://www.w3.org/2000/svg"> 321 <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"/> 322 <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"/> 323 </symbol> 324 <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> 325 326 <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> 327 <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> 328 329</svg> 330 331<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none" id="newchat"> 332 <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"/> 333</svg> 334<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" id="newsearch"> 335 <circle cx="10.875" cy="10.875" r="7.875" stroke="white" stroke-width="2"/> 336 <path d="M16.5 16.5L21 21" stroke="white" stroke-width="2" stroke-linejoin="round"/> 337</svg> 338<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" id="newaccount"> 339 <g clip-path="url(#clip0_77070_5919)"> 340 <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"/> 341 <rect x="2" y="14" width="15.9973" height="22" rx="4" stroke="white" stroke-width="2"/> 342 </g> 343 <defs> 344 <clipPath id="clip0_77070_5919"> 345 <rect width="20" height="20" fill="white"/> 346 </clipPath> 347 </defs> 348</svg> 349 350<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"> 351 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 352 <g id="27-New-Atoms-down" transform="translate(-50.000000, -234.000000)"> 353 <g id="New-Arrow/Down" transform="translate(50.000000, 234.000000)"> 354 <rect id="frame-30-down" x="0" y="0" width="30" height="30"></rect> 355 <path d="M9.66893667,24.6083133 C10.1911855,25.1305622 11.033
3551786,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> 356 </g> 357 </g> 358 </g> 359</svg> 360<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"> 361 <g id="Find-Your-Match" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 362 <g id="27-New-Atoms-left" transform="translate(-170.000000, -234.000000)"> 363 <g id="New-Arrow/left" transform="translate(170.000000, 234.000000)"> 364 <rect id="frame-30-left" x="0" y="0" width="30" height="30"></rect> 365 <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" 366 fill="#005c43" transform="translate(15.000000, 15.000000) scale(-1, 1) translate(-15.000000, -15.000000) "></path> 367 </g> 368 </g> 369 </g> 370</svg> 371 372 373<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="new-arrowdown"> 374<path d="M20 8L12 16L4 8" stroke="black" stroke-width="2"/> 375</svg> 376<svg width="16" height="16" viewBox="0 0 16 16" id="new-chat-with-dots" fill="none" xmlns="http://www.w3.org/2000/svg"> 377<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"/> 378<rect x="5" y="7" width="1" height="1" fill="#21362C"/> 379<rect x="7" y="7" width="1" height="1" fill="#21362C"/> 380<rect x="9" y="7" width="1" height="1" fill="#21362C"/> 381</svg> 382<svg width="16" height="16" viewBox="0 0 16 16" fill="none" id="new-search-arrow-next" xmlns="http://www.w3.org/2000/svg"> 383 <path d="M5.5293 13L10.5293 8L5.5293 3" stroke-width="2"/> 384 </svg> 385<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="new-arrowup"> 386 <path d="M20 16L12 8L4 16" stroke="#21362C" stroke-width="2"/> 387</svg> 388<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="pin"> 389 <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" /> 390 <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" /> 391</svg> 392<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="goback-arrow"> 393 <path d="M15 6L9 12L15 18" stroke="#156031" stroke-width="2"/> 394</svg> 395 396<svg 397 width="56" 398 height="56"
399 viewBox="0 0 56 56" 400 fill="none" 401 xmlns="http://www.w3.org/2000/svg" id="qrplayicon"> 402 <path 403 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" 404 fill="white" 405 /> 406 <defs> 407 <filter 408 id="filter0_d_78516_480" 409 x="0" 410 y="0" 411 width="56" 412 height="56" 413 filterUnits="userSpaceOnUse" 414 color-interpolation-filters="sRGB" 415 > 416 <feFlood flood-opacity="0" result="BackgroundImageFix" /> 417 <feColorMatrix 418 in="SourceAlpha" 419 type="matrix" 420 values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" 421 result="hardAlpha" 422 /> 423 <feOffset /> 424 <feGaussianBlur stdDeviation="2" /> 425 <feComposite in2="hardAlpha" operator="out" /> 426 <feColorMatrix 427 type="matrix" 428 values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" 429 /> 430 <feBlend 431 mode="normal" 432 in2="BackgroundImageFix" 433 result="effect1_dropShadow_78516_480" 434 /> 435 <feBlend 436 mode="normal" 437 in="SourceGraphic" 438 in2="effect1_dropShadow_78516_480" 439 result="shape" 440 /> 441 </filter> 442 <clipPath id="clip0_78516_480"> 443 <rect width="56" height="56" fill="white" /> 444 </clipPath> 445 </defs> 446 </svg>
447<svg width="10" height="11" viewBox="0 0 10 11" xmlns="http://www.w3.org/2000/svg" id="qrstar"> 448 <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"/> 449</svg> 450 451 452<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="searchicon"> 453 <circle cx="10.875" cy="10.875" r="7.875" stroke="#21362C" stroke-width="2" /> 454 <path d="M16.5 16.5L21 21" stroke="#21362C" stroke-width="2" stroke-linejoin="round" /> 455</svg> 456 457 458<svg id="closeicon" 459 width=" 24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 460 <path d="M19 5L5 19" stroke="#21362C" stroke-width="2" stroke-linejoin="round" /> 461 <path d="M5 5L19 19" stroke="#21362C" stroke-width="2" stroke-linejoin="round" /> 462</svg> 463</div> 464 465 <!-- Google Tag Manager (noscript) --> 466 <noscript> 467 <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5FMCPTW" 468 height="0" width="0" title="Tag manager" style="display:none;visibility:hidden"></iframe> 469 </noscript> 470 <!-- End Google Tag Manager (noscript) --> 471 472 <!-- #wrapper --> 473 <div id="wrapper"> 474 <div id="main-container" key="main_container_key"> 475 <!-- #header --> 476 <div id="header" class="main clearfix"> 477 478 479 480<div data-qr-page-section="hide-on-qr"> 481 <ul id="jump-to-content" prefix="jump-to-content" tabindex="-1" slot="skiplinks" class="jump-to-content"> 482 <li><a href="#sidebar-toggle" rel="nofollow"></a></li> 483 <li><a href="#content" rel="nofollow"></a></li> 484 <li><a href="#footer" rel="nofollow"></a></li> 485</ul> 486 487 <header v-cloak id="new-main__header" class="new-header" role="banner"> 488 <newheadernavigation :new-header="true"> 489 490 491 492 <div v-cloak slot="navbar" slot-scope="props" class="navbar navbar-default nav-center navbar-fixed-top"> 493 <input type="checkbox" name="nav-toggle" id="nav-toggle" tabindex="-1" aria-hidden="true"> 494 <label for="nav-toggle">Toggle nav</label> 495 <span id="wordbreak"></span> 496 <div class="site-header__wrapper"> 497 498<newhamburger title="Menu" 499 aria-label-close-text="Close Text" 500 aria-label-expanded-text="Expand Text"> 501</newhamburger> 502 503 <input type="hidden" id="hdnFlag" value="False" /> 504 <div class="menu_item_container" 505 > 506 507 <nav nav role="navigation" aria-label="Menu principal" class="collapse navbar-collapse header__navigation"> 508 <div class="nav-sidebar-wrapper"> 509 510 <div class="sidebar__wrapper" tabindex="-1" id="menuModal"> 511 <div class="submenuheader__firstlevel_container"> 512 <div class="submenuheader__logo-wrapper"> 513 <img src="" alt="Garnier" id="submenuheaderlogoimagesrc" class="submenuheader__logo-image"> 514 </div> 515 <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()"> 516 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 517 <path d="M19 5L5 19" stroke="#21362C" stroke-width="2" stroke-linejoin="round" /> 518 <path d="M5 5L19 19" stroke="#21362C" stroke-width="2" stroke-linejoin="round" /> 519 </svg> 520 </button> 521 </div> 522 <div class="sidebar__wrapper-scroll" tabindex="0"> 523 524 525<newmainnavigation> 526 527 528 <newitemnavigation main-menu="megamenublock-1" category-id="439fbf44-94d5-45bc-8a51-8f9ad74d4dec" category-name ="SERVICES TOOLS" category-item ="Castle.Proxies.ICategoryProxy"> 529 <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-1">
530 <span class="title-mega-menu">AI TOOLS GARNIER</span> 531 <span class="arrow-mega-menu"> 532 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 533 <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/> 534 </svg> 535 </span> 536 </button> 537 </newitemnavigation> 538 <newitemnavigation main-menu="megamenublock-2" category-id="d8cf5a46-958f-4ea7-a25d-7271d80acb30" category-name ="PRODUK" category-item ="Castle.Proxies.ICategoryProxy"> 539 <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-2"> 540 <span class="title-mega-menu">PRODUK</span> 541 <span class="arrow-mega-menu"> 542 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 543 <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/> 544 </svg> 545 </span> 546 </button> 547 </newitemnavigation> 548 <newitemnavigation main-menu="megamenublock-3" category-id="a6fe85cb-a1de-4356-8fd3-de18189e56ce" category-name ="Tentang Brand Garnier" category-item ="Castle.Proxies.ICategoryProxy"> 549 <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-3"> 550 <span class="title-mega-menu">TENTANG BRAND GARNIER</span> 551 <span class="arrow-mega-menu"> 552 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 553 <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/> 554 </svg> 555 </span> 556 </button> 557 </newitemnavigation> 558 <newitemnavigation main-menu="megamenublock-4" category-id="9c7353f7-1ab4-4353-8777-137ac8becf7a" category-name ="SKIN CARE" category-item ="Castle.Proxies.ICategoryProxy"> 559 <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-4"> 560 <span class="title-mega-menu">SKIN CARE</span> 561 <span class="arrow-mega-menu"> 562 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 563 <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/> 564 </svg> 565 </span> 566 </button> 567 </newitemnavigation> 568 <newitemnavigation main-menu="megamenublock-5" category-id="f6885602-f351-4b1c-a7cb-aba83b3883b7" category-name ="GARNIER MEN" category-item ="Castle.Proxies.ICategoryProxy"> 569 <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-5"> 570 <span class="title-mega-menu">GARNIER MEN</span> 571 <span class="arrow-mega-menu"> 572 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 573 <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/> 574 </svg> 575 </span> 576 </button> 577 </newitemnavigation> 578 <newitemnavigation main-menu="megamenublock-6" category-id="c0bb2a24-b3b6-45ab-b4e5-c38cf7f2e190" category-name ="HAIR" category-item ="Castle.Proxies.ICategoryProxy"> 579 <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-6">
580 <span class="title-mega-menu">HAIR </span> 581 <span class="arrow-mega-menu"> 582 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 583 <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/> 584 </svg> 585 </span> 586 </button> 587 </newitemnavigation> 588 <newitemnavigation main-menu="megamenublock-7" category-id="28041d19-ff3d-43e6-bb3c-3a2099adf208" category-name ="TIPS and TRICK" category-item ="Castle.Proxies.ICategoryProxy"> 589 <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-7"> 590 <span class="title-mega-menu">TIPS & TRICK</span> 591 <span class="arrow-mega-menu"> 592 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 593 <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/> 594 </svg> 595 </span> 596 </button> 597 </newitemnavigation> 598</newmainnavigation> 599 600 601 602<div class="component link-list new-header__info-wrapper--mobile"> 603 <div class="component-content"> 604 605 <ul class="footer-navigation"> 606 <li class="item0 odd first"> 607<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="/about-garnier" data-variantitemid="{1D4213DC-272A-4003-8E1B-AA281545A2D4}">About Garnier</a> </li> 608 <li class="item1 even"> 609<a class="new-header__info-link" v-tag="{"event":"uaevent","ecommerce":"undefined","eventCategory":"burger menu","eventAction":"select","eventLabel":"cruelty free"}" data-variantfieldname="Link" target="_blank" href="/garnier-cruelty-free" data-variantitemid="{316CEDF4-6ACA-4F69-873B-C74F8BCC734D}">Garnier Cruelty Free</a> </li> 610 <li class="item2 odd"> 611<a class="new-header__info-link" v-tag="{"event":"uaevent","ecommerce":"undefined","eventCategory":"burger menu","eventAction":"select","eventLabel":"garnier gillion users"}" data-variantfieldname="Link" target="_blank" href="/garnier-gillion-users" data-variantitemid="{BBE3075D-0BF8-455E-8E20-CB9D2B175DED}">Garnier Gillion Users</a> </li> 612 <li class="item3 even"> 613<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="{34B930C4-6835-49D7-9CD2-DD38BFC1B4B7}">New! Garnier x Gisele</a> </li> 614 <li class="item4 odd"> 615<a class="new-header__info-link" v-tag="{"event":"uaevent","ecommerce":"undefined","eventCategory":"burger menu","eventAction":"select","eventLabel":"green beauty"}" data-variantfieldname="Link" target="_blank" href="/green-beauty" data-variantitemid="{B0BAA844-DABA-4347-BA27-6A53A7260F6B}">Green Beauty</a> </li> 616 617 </ul> 618 </div> 619</div> 620 621 622 623 </div> 624 </div> 625 <newmegamenuoverlay></newmegamenuoverlay> 626 <div class="new_header_megamenublock"> 627 628 629 630 <newsubmenu category-title="AI TOOLS GARNIER" back-button-aria-label="Return to Previous Menu"> 631 <div slot="megamenublock-1" class="level__two--new"> 632 633 634 635<div class="panel-title-list"> 636 <div class="container"> 637 <div class="row"> 638 639 <div class="mega-menu__level1--column mega-menu__level1--glcolumn "> 640 <div class="mega-menu__level1--subcolumn mega-menu__level1--column1"> 641 <div class="mega-menu__columns"> 642 643 <new-mega-menu-collapse>
644 <span slot="indicator" class="mega-menu-collapse__indicator"> 645 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 646 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 647 </svg> 648 </span> 649 650 <span slot="title" class="mega-menu-collapse__title--header">HAIR VIRTUAL TRY-ON</span> 651 652 <ul slot="content" slot-scope="afterProps"> 653 <li> 654 <a href="https://www.garnier.co.id/hair-color-vto-v2?utm_source=google&utm_medium=homepage&utm_campaign=hair+color+label+1&utm_id=garvtoctahc" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"ai tools garnier::hair virtual try-on::hair color virtual try-on","click_area":"burger menu","breadcrumb":"ai tools garnier::hair virtual try-on::hair color virtual try-on"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 655 HAIR COLOR VIRTUAL TRY-ON 656 657 </a> 658 </li> 659 </ul> 660 </new-mega-menu-collapse> 661 662 </div> 663 </div> 664 <div class="mega-menu__level1--subcolumn mega-menu__level1--column2"> 665 <div class="mega-menu__columns"> 666 667 <new-mega-menu-collapse> 668 <span slot="indicator" class="mega-menu-collapse__indicator"> 669 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 670 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 671 </svg> 672 </span> 673 674 <span slot="title" class="mega-menu-collapse__title--header">SKIN COACH AI</span> 675 676 <ul slot="content" slot-scope="afterProps"> 677 <li> 678 <a href="https://www.garnier.co.id/skin-coach?utm_source=google&utm_medium=homepage&utm_campaign=ai+tools+garnier+skin+coach+label+1&utm_id=garvtoctasc" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"ai tools garnier::skin coach ai::skin coach ai","click_area":"burger menu","breadcrumb":"ai tools garnier::skin coach ai::skin coach ai"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 679 SKIN COACH AI 680 681 </a> 682 </li> 683 </ul> 684 </new-mega-menu-collapse> 685 686 </div> 687 </div> 688 689 </div> 690 691 692 693 694 695 696 <div class="mega-menu__level2--subcolumn mega-menu__level2--column2"> 697 698 <ul slot="megamenu__item__list-images" class="megamenu__items__list-images"> 699 <li> 700 <a href="https://www.garnier.co.id/skin-coach?utm_source=google&utm_medium=Homepage&utm_campaign=AI+Tools+Garnier+Skin+Coach+Image+1&utm_id=GARvtoctasc" class="megamenu__items__link"> 701 <div class="megamenu__items__link--images"> 702 <span class="megamenu__items__link--images-in"><img data-src="/-/media/project/loreal/brand-sites/garnier/apac/id/brand-logos/headerimages/services-tools/header_skincoach.jpg?rev=fb9107d1b24b4d1bbaebf6399afe22fe&
702cx=0.5&cy=0.48&cw=180&ch=132&hash=7C66CBFC512963650F74A30F38169C47" alt="Header Skin Coach" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"services tools::services tools:: ","click_area":"burger menu","breadcrumb":"services tools::services tools:: "}" /></span> 703 </div> 704 <div class="megamenu__items__link--txts"> 705 <span class="megamenu__items__link--subtitle"> </span> 706 <p class="megamenu__items__link--content"> </p> 707 </div> 708 </a> 709 </li> 710 <li> 711 <a href="https://www.garnier.co.id/hair-color-vto-v2?utm_source=google&utm_medium=Homepage&utm_campaign=Hair+Color+Image+2&utm_id=GARvtoctahc" class="megamenu__items__link"> 712 <div class="megamenu__items__link--images"> 713 <span class="megamenu__items__link--images-in"><img data-src="/-/media/project/loreal/brand-sites/garnier/apac/id/products/gcn/gcn-before-after.png?rev=0da3f0263b8946ee9473a7aa1f2837fd&cx=0.49&cy=0.47&cw=180&ch=132&hash=77A2B2AB2C049D09D711ED9A9BF3BB26" alt="GCN Before After" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"services tools::services tools:: ","click_area":"burger menu","breadcrumb":"services tools::services tools:: "}" /></span> 714 </div> 715 <div class="megamenu__items__link--txts"> 716 <span class="megamenu__items__link--subtitle"> </span> 717 <p class="megamenu__items__link--content"> </p> 718 </div> 719 </a> 720 </li> 721 </ul> 722 </div> 723 724 725 726 727 </div> 728 729 </div> 730</div> 731 </div> 732 </newsubmenu> 733 <newsubmenu category-title="PRODUK" back-button-aria-label="Return to Previous Menu"> 734 <div slot="megamenublock-2" class="level__two--new"> 735 736 737 738<div class="panel-title-list"> 739 <div class="container"> 740 <div class="row"> 741 742 <div class="mega-menu__level1--column mega-menu__level1--glcolumn "> 743 <div class="mega-menu__level1--subcolumn mega-menu__level1--column1"> 744 <div class="new-highlight-links"> 745 <a href="https://www.garnier.co.id/produk" 746 v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","click_area":"burger menu","eventLabel":"produk::lihat semua produk","breadcrumb":"produk::lihat semua produk"}"> 747 <span class="new-highlight-links__text"> 748 Lihat Semua Produk 749 </span> 750 </a> 751 </div> 752 <div class="mega-menu__columns"> 753 754 <new-mega-menu-collapse> 755 <span slot="indicator" class="mega-menu-collapse__indicator"> 756 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 757 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 758 </svg> 759 </span> 760
761 <span slot="title" class="mega-menu-collapse__title--header">BODY & SKIN CARE</span> 762 763 <ul slot="content" slot-scope="afterProps"> 764 <li> 765 <a href="https://www.garnier.co.id/produk/wajah-wanita/micellar-cleansing-water" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"produk::body & skin care::micellar water","click_area":"burger menu","breadcrumb":"produk::body & skin care::micellar water"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 766 MICELLAR WATER 767 768 </a> 769 </li> 770 <li> 771 <a href="https://www.garnier.co.id/produk/wajah-wanita/bright-complete-anti-acne" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"produk::body & skin care::bright complete anti acne","click_area":"burger menu","breadcrumb":"produk::body & skin care::bright complete anti acne"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 772 BRIGHT COMPLETE ANTI ACNE 773 774 </a> 775 </li> 776 <li> 777 <a href="https://www.garnier.co.id/produk/wajah-wanita/bright-complete" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"produk::body & skin care::bright complete","click_area":"burger menu","breadcrumb":"produk::body & skin care::bright complete"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 778 BRIGHT COMPLETE 779 780 </a> 781 </li> 782 <li> 783 <a href="https://www.garnier.co.id/produk/wajah-wanita/sakura-glow" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"produk::body & skin care::sakura glow","click_area":"burger menu","breadcrumb":"produk::body & skin care::sakura glow"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 784 SAKURA GLOW 785 786 </a> 787 </li> 788 <li> 789 <a href="https://www.garnier.co.id/produk/wajah-wanita/garnier-mask" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"produk::body & skin care::face mask","click_area":"burger menu","breadcrumb":"produk::body & skin care::face mask"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 790 FACE MASK 791 792 </a> 793 </li> 794 </ul> 795 </new-mega-menu-collapse> 796 <new-mega-menu-collapse>
797 <span slot="indicator" class="mega-menu-collapse__indicator"> 798 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 799 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 800 </svg> 801 </span> 802 803 <span slot="title" class="mega-menu-collapse__title--header">GARNIER MEN</span> 804 805 <ul slot="content" slot-scope="afterProps"> 806 <li> 807 <a href="https://www.garnier.co.id/produk/wajah-pria/acno-fight" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"produk::garnier men::acnofight","click_area":"burger menu","breadcrumb":"produk::garnier men::acnofight"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 808 ACNOFIGHT 809 810 </a> 811 </li> 812 <li> 813 <a href="https://www.garnier.co.id/produk/wajah-pria/turbobright" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"produk::garnier men::turbobright","click_area":"burger menu","breadcrumb":"produk::garnier men::turbobright"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 814 TURBOBRIGHT 815 816 </a> 817 </li> 818 <li> 819 <a href="https://www.garnier.co.id/produk/wajah-pria/oil-control" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"produk::garnier men::oilcontrol","click_area":"burger menu","breadcrumb":"produk::garnier men::oilcontrol"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 820 OILCONTROL 821 822 </a> 823 </li> 824 </ul> 825 </new-mega-menu-collapse> 826 827 </div> 828 </div> 829 <div class="mega-menu__level1--subcolumn mega-menu__level1--column2"> 830 <div class="mega-menu__columns"> 831 832 <new-mega-menu-collapse> 833 <span slot="indicator" class="mega-menu-collapse__indicator"> 834 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 835 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 836 </svg> 837 </span> 838 839 <span slot="title" class="mega-menu-collapse__title--header">AI TOOLS GARNIER</span> 840 841 <ul slot="content" slot-scope="afterProps"> 842 <li> 843 <a href="https://www.garnier.co.id/skin-coach?utm_source=google&utm_medium=homepage&utm_campaign=ai+tools+garnier+skin+coach+label+2&utm_id=garvtoctasc" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"produk::ai tools garnier::skin coach ai","click_area":"burger menu","breadcrumb":"produk::ai tools garnier::skin coach ai"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 844 SKIN COACH AI 845 846 </a> 847 </li> 848 <li> 849 <a href="https://www.garnier.co.id/hair-color-vto-v2?utm_source=google&utm_medium=homepage&utm_campaign=hair+color+label+2&utm_id=garvtoctahc" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"produk::ai tools garnier::hair color virtual try-on","click_area":"burger menu","breadcrumb":"produk::ai tools garnier::hair color virtual try-on"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 850 HAIR COLOR VIRTUAL TRY-ON
851 <span class="megamenu__item__link--newbadge megamenu__item__link--newbadge-default"> 852 New! 853 </span> 854 855 </a> 856 </li> 857 </ul> 858 </new-mega-menu-collapse> 859 <new-mega-menu-collapse> 860 <span slot="indicator" class="mega-menu-collapse__indicator"> 861 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 862 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 863 </svg> 864 </span> 865 866 <span slot="title" class="mega-menu-collapse__title--header">HAIR</span> 867 868 <ul slot="content" slot-scope="afterProps"> 869 <li> 870 <a href="https://www.garnier.co.id/produk/ultra-color" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"produk::hair::color naturals ultra color","click_area":"burger menu","breadcrumb":"produk::hair::color naturals ultra color"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 871 COLOR NATURALS ULTRA COLOR 872 873 </a> 874 </li> 875 <li> 876 <a href="https://www.garnier.co.id/produk/rambut/creme-riche" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"produk::hair::color naturals creme riche","click_area":"burger menu","breadcrumb":"produk::hair::color naturals creme riche"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 877 COLOR NATURALS CREME RICHE 878 879 </a> 880 </li> 881 <li> 882 <a href="https://www.garnier.co.id/produk/men-hair-care" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"produk::hair::neril","click_area":"burger menu","breadcrumb":"produk::hair::neril"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 883 NERIL 884 885 </a> 886 </li> 887 </ul> 888 </new-mega-menu-collapse> 889 890 </div> 891 </div> 892 893 </div> 894 895 896 897 898 899 900 901 902 903 904 </div> 905 906 </div> 907</div> 908 </div> 909 </newsubmenu> 910 <newsubmenu category-title="TENTANG BRAND GARNIER" back-button-aria-label="Return to Previous Menu"> 911 <div slot="megamenublock-3" class="level__two--new"> 912 913 914 915<div class="panel-title-list"> 916 <div class="container"> 917 <div class="row"> 918 919 <div class="mega-menu__level1--column mega-menu__level1--glcolumn "> 920 <div class="mega-menu__level1--subcolumn mega-menu__level1--column1"> 921 <div class="mega-menu__columns"> 922 923 <new-mega-menu-collapse>
924 <span slot="indicator" class="mega-menu-collapse__indicator"> 925 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 926 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 927 </svg> 928 </span> 929 930 <span slot="title" class="mega-menu-collapse__title--header">AI TOOLS GARNIER</span> 931 932 <ul slot="content" slot-scope="afterProps"> 933 <li> 934 <a href="https://www.garnier.co.id/hair-color-vto-v2?utm_source=google&utm_medium=homepage&utm_campaign=hair+color+label+3&utm_id=garvtoctahc" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"tentang brand garnier::ai tools garnier::hair color virtual try-on","click_area":"burger menu","breadcrumb":"tentang brand garnier::ai tools garnier::hair color virtual try-on"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 935 HAIR COLOR VIRTUAL TRY-ON 936 937 </a> 938 </li> 939 <li> 940 <a href="https://www.garnier.co.id/skin-coach?utm_source=google&utm_medium=homepage&utm_campaign=ai+tools+garnier+skin+coach+label+3&utm_id=garvtoctasc" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"tentang brand garnier::ai tools garnier::skin coach ai","click_area":"burger menu","breadcrumb":"tentang brand garnier::ai tools garnier::skin coach ai"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 941 SKIN COACH AI 942 943 </a> 944 </li> 945 </ul> 946 </new-mega-menu-collapse> 947 <new-mega-menu-collapse> 948 <span slot="indicator" class="mega-menu-collapse__indicator"> 949 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 950 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 951 </svg> 952 </span> 953 954 <span slot="title" class="mega-menu-collapse__title--header">GARNIER MEN</span> 955 956 <ul slot="content" slot-scope="afterProps"> 957 <li> 958 <a href="https://www.garnier.co.id/tentang-brands/garnier-men" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"tentang brand garnier::garnier men::tentang garnier men","click_area":"burger menu","breadcrumb":"tentang brand garnier::garnier men::tentang garnier men"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 959 TENTANG GARNIER MEN 960 961 </a> 962 </li> 963 </ul> 964 </new-mega-menu-collapse> 965 966 </div> 967 </div> 968 <div class="mega-menu__level1--subcolumn mega-menu__level1--column2"> 969 <div class="mega-menu__columns"> 970 971 <new-mega-menu-collapse>
972 <span slot="indicator" class="mega-menu-collapse__indicator"> 973 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 974 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 975 </svg> 976 </span> 977 978 <span slot="title" class="mega-menu-collapse__title--header">SKIN CARE</span> 979 980 <ul slot="content" slot-scope="afterProps"> 981 <li> 982 <a href="https://www.garnier.co.id/tentang-brands/bright-complete" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"tentang brand garnier::skin care::garnier bright complete","click_area":"burger menu","breadcrumb":"tentang brand garnier::skin care::garnier bright complete"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 983 GARNIER BRIGHT COMPLETE 984 985 </a> 986 </li> 987 <li> 988 <a href="https://www.garnier.co.id/tentang-brands/bright-complete-anti-acne" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"tentang brand garnier::skin care::garnier bright complete anti acne","click_area":"burger menu","breadcrumb":"tentang brand garnier::skin care::garnier bright complete anti acne"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 989 GARNIER BRIGHT COMPLETE ANTI ACNE 990 <span class="megamenu__item__link--newbadge megamenu__item__link--newbadge-default"> 991 New! 992 </span> 993 994 </a> 995 </li> 996 <li> 997 <a href="https://www.garnier.co.id/tentang-brands/sakura-glow" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"tentang brand garnier::skin care::garnier sakura glow","click_area":"burger menu","breadcrumb":"tentang brand garnier::skin care::garnier sakura glow"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 998 GARNIER SAKURA GLOW 999 1000 </a> 1001 </li> 1002 <li> 1003 <a href="https://www.garnier.co.id/tentang-brands/garnier-mask" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"tentang brand garnier::skin care::garnier face mask","click_area":"burger menu","breadcrumb":"tentang brand garnier::skin care::garnier face mask"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1004 GARNIER FACE MASK 1005 1006 </a> 1007 </li> 1008 </ul> 1009 </new-mega-menu-collapse> 1010 <new-mega-menu-collapse>
1011 <span slot="indicator" class="mega-menu-collapse__indicator"> 1012 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 1013 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 1014 </svg> 1015 </span> 1016 1017 <span slot="title" class="mega-menu-collapse__title--header">Tentang Produk Brand Garnier LAINNYA</span> 1018 1019 <ul slot="content" slot-scope="afterProps"> 1020 <li> 1021 <a href="https://www.garnier.co.id/tentang-brands/garnier-color-naturals" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"tentang brand garnier::tentang produk brand garnier lainnya::garnier color naturals","click_area":"burger menu","breadcrumb":"tentang brand garnier::tentang produk brand garnier lainnya::garnier color naturals"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1022 GARNIER COLOR NATURALS 1023 1024 </a> 1025 </li> 1026 <li> 1027 <a href="https://www.garnier.co.id/produk/rambut/neril" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"tentang brand garnier::tentang produk brand garnier lainnya::neril","click_area":"burger menu","breadcrumb":"tentang brand garnier::tentang produk brand garnier lainnya::neril"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1028 NERIL 1029 1030 </a> 1031 </li> 1032 <li> 1033 <a href="https://www.garnier.co.id/produk/rambut/fructis" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"tentang brand garnier::tentang produk brand garnier lainnya::fructis","click_area":"burger menu","breadcrumb":"tentang brand garnier::tentang produk brand garnier lainnya::fructis"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1034 FRUCTIS 1035 1036 </a> 1037 </li> 1038 </ul> 1039 </new-mega-menu-collapse> 1040 1041 </div> 1042 </div> 1043 1044 </div> 1045 1046 1047 1048 1049 1050 1051 1052 1053 1054 1055 </div> 1056 1057 </div> 1058</div> 1059 </div> 1060 </newsubmenu> 1061 <newsubmenu category-title="SKIN CARE" back-button-aria-label="Return to Previous Menu"> 1062 <div slot="megamenublock-4" class="level__two--new"> 1063 1064 1065 1066<div class="panel-title-list"> 1067 <div class="container"> 1068 <div class="row"> 1069 1070 <div class="mega-menu__level1--column mega-menu__level1--glcolumn "> 1071 <div class="mega-menu__level1--subcolumn mega-menu__level1--column1"> 1072 <div class="new-highlight-links"> 1073 <a href="https://www.garnier.co.id/produk" 1074 v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","click_area":"burger menu","eventLabel":"skin care::shop all products","breadcrumb":"skin care::shop all products"}">
1075 <span class="new-highlight-links__text"> 1076 Shop All Products 1077 </span> 1078 </a> 1079 </div> 1080 <div class="mega-menu__columns"> 1081 1082 1083 </div> 1084 </div> 1085 <div class="mega-menu__level1--subcolumn mega-menu__level1--column2"> 1086 <div class="mega-menu__columns"> 1087 1088 <new-mega-menu-collapse> 1089 <span slot="indicator" class="mega-menu-collapse__indicator"> 1090 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 1091 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 1092 </svg> 1093 </span> 1094 1095 <span slot="title" class="mega-menu-collapse__title--header">Jenis Kulit</span> 1096 1097 <ul slot="content" slot-scope="afterProps"> 1098 <li> 1099 <a href="https://www.garnier.co.id/produk/normal" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"skin care::jenis kulit::normal","click_area":"burger menu","breadcrumb":"skin care::jenis kulit::normal"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1100 NORMAL 1101 1102 </a> 1103 </li> 1104 <li> 1105 <a href="https://www.garnier.co.id/produk/normal-kering" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"skin care::jenis kulit::normal - kering","click_area":"burger menu","breadcrumb":"skin care::jenis kulit::normal - kering"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1106 NORMAL - KERING 1107 1108 </a> 1109 </li> 1110 <li> 1111 <a href="https://www.garnier.co.id/produk/normal-berminyak" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"skin care::jenis kulit::normal - berminyak","click_area":"burger menu","breadcrumb":"skin care::jenis kulit::normal - berminyak"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1112 NORMAL - BERMINYAK 1113 1114 </a> 1115 </li> 1116 <li> 1117 <a href="https://www.garnier.co.id/produk/sensitif" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"skin care::jenis kulit::sensitif","click_area":"burger menu","breadcrumb":"skin care::jenis kulit::sensitif"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1118 SENSITIF 1119 1120 </a> 1121 </li> 1122 </ul> 1123 </new-mega-menu-collapse> 1124 <new-mega-menu-collapse>
1125 <span slot="indicator" class="mega-menu-collapse__indicator"> 1126 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 1127 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 1128 </svg> 1129 </span> 1130 1131 <span slot="title" class="mega-menu-collapse__title--header">Masalah Kulit</span> 1132 1133 <ul slot="content" slot-scope="afterProps"> 1134 <li> 1135 <a href="https://www.garnier.co.id/hiperpigmentasi" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"skin care::masalah kulit::hiperpegmentasi","click_area":"burger menu","breadcrumb":"skin care::masalah kulit::hiperpegmentasi"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1136 HIPERPEGMENTASI 1137 1138 </a> 1139 </li> 1140 <li> 1141 <a href="https://www.garnier.co.id/produk/noda-hitam-dan-kulit-kusam-tak-merata" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"skin care::masalah kulit::noda hitam & warna kulit kusam tak merata","click_area":"burger menu","breadcrumb":"skin care::masalah kulit::noda hitam & warna kulit kusam tak merata"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1142 NODA HITAM & WARNA KULIT KUSAM TAK MERATA 1143 1144 </a> 1145 </li> 1146 <li> 1147 <a href="https://www.garnier.co.id/produk/kulit-kusam-tak-bercahaya" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"skin care::masalah kulit::kulit kusam tak bercahaya ","click_area":"burger menu","breadcrumb":"skin care::masalah kulit::kulit kusam tak bercahaya "}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1148 KULIT KUSAM TAK BERCAHAYA 1149 1150 </a> 1151 </li> 1152 <li> 1153 <a href="https://www.garnier.co.id/bebas-drama-jerawat" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"skin care::masalah kulit::kulit berjerawat","click_area":"burger menu","breadcrumb":"skin care::masalah kulit::kulit berjerawat"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1154 KULIT BERJERAWAT 1155 1156 </a> 1157 </li> 1158 </ul> 1159 </new-mega-menu-collapse> 1160 <new-mega-menu-collapse> 1161 <span slot="indicator" class="mega-menu-collapse__indicator"> 1162 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 1163 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 1164 </svg> 1165 </span> 1166
1167 <span slot="title" class="mega-menu-collapse__title--header">Skin Coach</span> 1168 1169 <ul slot="content" slot-scope="afterProps"> 1170 <li> 1171 <a href="https://www.garnier.co.id/skin-coach?utm_source=google&utm_medium=homepage&utm_campaign=ai+tools+garnier+skin+coach+label+4&utm_id=garvtoctasc" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"skin care::skin coach::skin coach ","click_area":"burger menu","breadcrumb":"skin care::skin coach::skin coach "}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1172 SKIN COACH 1173 1174 </a> 1175 </li> 1176 <li> 1177 <a href="https://www.garnier.co.id/skin-coach-ai-transform?utm_source=google&utm_medium=homepage&utm_campaign=ai+tools+garnier+skin+coach+transform+label+4&utm_id=garvtoctascat" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"skin care::skin coach::skin coach transform","click_area":"burger menu","breadcrumb":"skin care::skin coach::skin coach transform"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1178 SKIN COACH TRANSFORM 1179 <span class="megamenu__item__link--newbadge megamenu__item__link--newbadge-default"> 1180 New! 1181 </span> 1182 1183 </a> 1184 </li> 1185 </ul> 1186 </new-mega-menu-collapse> 1187 <new-mega-menu-collapse> 1188 <span slot="indicator" class="mega-menu-collapse__indicator"> 1189 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 1190 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 1191 </svg> 1192 </span> 1193 1194 <span slot="title" class="mega-menu-collapse__title--header">Jenis Produk</span> 1195 1196 <ul slot="content" slot-scope="afterProps"> 1197 <li> 1198 <a href="/produk/pembersih-wajah" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"skin care::jenis produk::pembersih wajah","click_area":"burger menu","breadcrumb":"skin care::jenis produk::pembersih wajah"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1199 PEMBERSIH WAJAH 1200 1201 </a> 1202 </li> 1203 <li> 1204 <a href="/produk/serum" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"skin care::jenis produk::serum","click_area":"burger menu","breadcrumb":"skin care::jenis produk::serum"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1205 SERUM 1206 1207 </a> 1208 </li> 1209 <li> 1210 <a href="/produk/pelembab" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"skin care::jenis produk::pelembab","click_area":"burger menu","breadcrumb":"skin care::jenis produk::pelembab"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1211 PELEMBAB 1212 1213 </a> 1214 </li> 1215 <li> 1216 <a href="/produk/masker" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"skin care::jenis produk::masker","click_area":"burger menu","breadcrumb":"skin care::jenis produk::masker"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1217 MASKER 1218 1219 </a> 1220 </li> 1221 <li> 1222 <a href="/tentang-brands/super-uv-sunscreen" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"skin care::jenis produk::sunscreen","click_area":"burger menu","breadcrumb":"skin care::jenis produk::sunscreen"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1223 SUNSCREEN 1224 1225 </a> 1226 </li> 1227 <li> 1228 <a href="/micellar-water" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"skin care::jenis produk::micellar water","click_area":"burger menu","breadcrumb":"skin care::jenis produk::micellar water"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1229 MICELLAR WATER 1230 1231 </a> 1232 </li> 1233 </ul> 1234 </new-mega-menu-collapse> 1235 1236 </div> 1237 </div> 1238 1239 </div> 1240 1241 1242 1243 1244 1245 1246 1247 1248 1249 1250 </div> 1251 1252 </div> 1253</div> 1254 </div> 1255 </newsubmenu> 1256 <newsubmenu category-title="GARNIER MEN" back-button-aria-label="Return to Previous Menu"> 1257 <div slot="megamenublock-5" class="level__two--new"> 1258 1259 1260 1261<div class="panel-title-list"> 1262 <div class="container"> 1263 <div class="row"> 1264 1265 <div class="mega-menu__level1--column mega-menu__level1--glcolumn "> 1266 <div class="mega-menu__level1--subcolumn mega-menu__level1--column1"> 1267 <div class="mega-menu__columns"> 1268 1269 <new-mega-menu-collapse>
1270 <span slot="indicator" class="mega-menu-collapse__indicator"> 1271 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 1272 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 1273 </svg> 1274 </span> 1275 1276 <span slot="title" class="mega-menu-collapse__title--header">Garnier Men</span> 1277 1278 <ul slot="content" slot-scope="afterProps"> 1279 <li> 1280 <a href="/tentang-brands/garnier-men/men-skin-care" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"garnier men::garnier men::skin care ","click_area":"burger menu","breadcrumb":"garnier men::garnier men::skin care "}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1281 SKIN CARE 1282 1283 </a> 1284 </li> 1285 <li> 1286 <a href="/produk/men-hair-care" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"garnier men::garnier men::hair care","click_area":"burger menu","breadcrumb":"garnier men::garnier men::hair care"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1287 HAIR CARE 1288 1289 </a> 1290 </li> 1291 </ul> 1292 </new-mega-menu-collapse> 1293 <new-mega-menu-collapse> 1294 <span slot="indicator" class="mega-menu-collapse__indicator"> 1295 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 1296 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 1297 </svg> 1298 </span> 1299 1300 <span slot="title" class="mega-menu-collapse__title--header">
1300AI Tools Garnier</span> 1301 1302 <ul slot="content" slot-scope="afterProps"> 1303 <li> 1304 <a href="https://www.garnier.co.id/skin-coach?utm_source=google&utm_medium=homepage&utm_campaign=ai+tools+garnier+skin+coach+label+5&utm_id=garvtoctasc" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"garnier men::ai tools garnier::skin coach","click_area":"burger menu","breadcrumb":"garnier men::ai tools garnier::skin coach"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1305 SKIN COACH 1306 1307 </a> 1308 </li> 1309 </ul> 1310 </new-mega-menu-collapse> 1311 1312 </div> 1313 </div> 1314 <div class="mega-menu__level1--subcolumn mega-menu__level1--column2"> 1315 <div class="mega-menu__columns"> 1316 1317 <new-mega-menu-collapse> 1318 <span slot="indicator" class="mega-menu-collapse__indicator"> 1319 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 1320 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 1321 </svg> 1322 </span> 1323 1324 <span slot="title" class="mega-menu-collapse__title--header">JENIS KULIT</span> 1325 1326 <ul slot="content" slot-scope="afterProps"> 1327 <li> 1328 <a href="/produk/kulit-berjerawat" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"garnier men::jenis kulit::kulit berjerawat","click_area":"burger menu","breadcrumb":"garnier men::jenis kulit::kulit berjerawat"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1329 KULIT BERJERAWAT 1330 1331 </a> 1332 </li> 1333 <li> 1334 <a href="/produk/kulit-berminyak" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"garnier men::jenis kulit::kulit berminyak","click_area":"burger menu","breadcrumb":"garnier men::jenis kulit::kulit berminyak"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1335 KULIT BERMINYAK 1336 1337 </a> 1338 </li> 1339 <li> 1340 <a href="/produk/kulit-kusam" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"garnier men::jenis kulit::kulit kusam ","click_area":"burger menu","breadcrumb":"garnier men::jenis kulit::kulit kusam "}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1341 KULIT KUSAM 1342 1343 </a> 1344 </li> 1345 </ul> 1346 </new-mega-menu-collapse> 1347 1348 </div> 1349 </div> 1350 1351 </div> 1352 1353 1354 1355 1356 1357 1358 1359 1360 1361 1362 </div> 1363 1364 </div> 1365</div> 1366 </div> 1367 </newsubmenu> 1368 <newsubmenu category-title="HAIR " back-button-aria-label="Return to Previous Menu"> 1369 <div slot="megamenublock-6" class="level__two--new"> 1370 1371 1372 1373<div class="panel-title-list"> 1374 <div class="container"> 1375 <div class="row"> 1376 1377 <div class="mega-menu__level1--column mega-menu__level1--glcolumn "> 1378 <div class="mega-menu__level1--subcolumn mega-menu__level1--column1"> 1379 <div class="mega-menu__columns"> 1380 1381 <new-mega-menu-collapse>
1382 <span slot="indicator" class="mega-menu-collapse__indicator"> 1383 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 1384 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 1385 </svg> 1386 </span> 1387 1388 <span slot="title" class="mega-menu-collapse__title--header">KEBUTUHAN WARNA</span> 1389 1390 <ul slot="content" slot-scope="afterProps"> 1391 <li> 1392 <a href="/produk/creme-riche" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"hair ::kebutuhan warna::warna natural","click_area":"burger menu","breadcrumb":"hair ::kebutuhan warna::warna natural"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1393 WARNA NATURAL 1394 1395 </a> 1396 </li> 1397 <li> 1398 <a href="/produk/ultra-color" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"hair ::kebutuhan warna::warna trending","click_area":"burger menu","breadcrumb":"hair ::kebutuhan warna::warna trending"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1399 WARNA TRENDING 1400 1401 </a> 1402 </li> 1403 <li> 1404 <a href="/produk/pastel" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"hair ::kebutuhan warna::warna fashion","click_area":"burger menu","breadcrumb":"hair ::kebutuhan warna::warna fashion"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1405 WARNA FASHION 1406 1407 </a> 1408 </li> 1409 </ul> 1410 </new-mega-menu-collapse> 1411 <new-mega-menu-collapse> 1412 <span slot="indicator" class="mega-menu-collapse__indicator"> 1413 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 1414 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 1415 </svg> 1416 </span> 1417 1418 <span slot="title" class="mega-menu-collapse__title--header">Hair Color Virtual Try On</span> 1419 1420 <ul slot="content" slot-scope="afterProps"> 1421 <li> 1422 <a href="https://www.garnier.co.id/hair-color-vto-v2?utm_source=google&utm_medium=homepage&utm_campaign=hair+color+label+4&utm_id=garvtoctahc" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"hair ::hair color virtual try on::hair color virtual try on ","click_area":"burger menu","breadcrumb":"hair ::hair color virtual try on::hair color virtual try on "}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1423 HAIR COLOR VIRTUAL TRY ON 1424 1425 </a> 1426 </li> 1427 </ul> 1428 </new-mega-menu-collapse> 1429 <new-mega-menu-collapse>
1430 <span slot="indicator" class="mega-menu-collapse__indicator"> 1431 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 1432 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 1433 </svg> 1434 </span> 1435 1436 <span slot="title" class="mega-menu-collapse__title--header">WARNA PRODUK</span> 1437 1438 <ul slot="content" slot-scope="afterProps"> 1439 <li> 1440 <a href="/produk/hitam" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"hair ::warna produk::hitam alami","click_area":"burger menu","breadcrumb":"hair ::warna produk::hitam alami"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1441 HITAM ALAMI 1442 1443 </a> 1444 </li> 1445 <li> 1446 <a href="/produk/coklat" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"hair ::warna produk::coklat","click_area":"burger menu","breadcrumb":"hair ::warna produk::coklat"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1447 COKLAT 1448 1449 </a> 1450 </li> 1451 <li> 1452 <a href="/produk/merah" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"hair ::warna produk::merah","click_area":"burger menu","breadcrumb":"hair ::warna produk::merah"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1453 MERAH 1454 1455 </a> 1456 </li> 1457 <li> 1458 <a href="/produk/biru" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"hair ::warna produk::biru","click_area":"burger menu","breadcrumb":"hair ::warna produk::biru"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1459 BIRU 1460 1461 </a> 1462 </li> 1463 <li> 1464 <a href="/produk/pastel" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"hair ::warna produk::pastel","click_area":"burger menu","breadcrumb":"hair ::warna produk::pastel"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1465 PASTEL 1466 1467 </a> 1468 </li> 1469 </ul> 1470 </new-mega-menu-collapse> 1471 1472 </div> 1473 </div> 1474 1475 </div> 1476 1477 1478 1479 1480 1481 1482 1483 1484 1485 1486 </div> 1487 1488 </div> 1489</div> 1490 </div> 1491 </newsubmenu> 1492 <newsubmenu category-title="TIPS & TRICK" back-button-aria-label="Return to Previous Menu"> 1493 <div slot="megamenublock-7" class="level__two--new"> 1494 1495 1496 1497<div class="panel-title-list"> 1498 <div class="container"> 1499 <div class="row"> 1500 1501 <div class="mega-menu__level1--column mega-menu__level1--glcolumn "> 1502 <div class="mega-menu__level1--subcolumn mega-menu__level1--column1"> 1503 <div class="mega-menu__columns"> 1504 1505 <new-mega-menu-collapse>
1506 <span slot="indicator" class="mega-menu-collapse__indicator"> 1507 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 1508 <path d="M6 9L12 15L18 9" stroke="#21362C" /> 1509 </svg> 1510 </span> 1511 1512 <span slot="title" class="mega-menu-collapse__title--header">Artikel</span> 1513 1514 <ul slot="content" slot-scope="afterProps"> 1515 <li> 1516 <a href="/tips-dan-trick/perawatan-wajah-wanita-artikel" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"tips & trick::artikel::perawatan wajah wanita","click_area":"burger menu","breadcrumb":"tips & trick::artikel::perawatan wajah wanita"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1517 PERAWATAN WAJAH WANITA 1518 1519 </a> 1520 </li> 1521 <li> 1522 <a href="/tips-dan-trick/perawatan-wajah-pria-artikel" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"tips & trick::artikel::perawatan wajah pria","click_area":"burger menu","breadcrumb":"tips & trick::artikel::perawatan wajah pria"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1523 PERAWATAN WAJAH PRIA 1524 1525 </a> 1526 </li> 1527 <li> 1528 <a href="/tips-dan-trick/pewarna-rambut-artikel" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"tips & trick::artikel::pewarna rambut","click_area":"burger menu","breadcrumb":"tips & trick::artikel::pewarna rambut"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1529 PEWARNA RAMBUT 1530 1531 </a> 1532 </li> 1533 <li> 1534 <a href="/tips-dan-trick/perawatan-rambut-artikel" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"tips & trick::artikel::perawatan rambut","click_area":"burger menu","breadcrumb":"tips & trick::artikel::perawatan rambut"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1535 PERAWATAN RAMBUT 1536 1537 </a> 1538 </li> 1539 <li> 1540 <a href="/green-beauty/komitmen-kami" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"tips & trick::artikel::komitmen kami","click_area":"burger menu","breadcrumb":"tips & trick::artikel::komitmen kami"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1541 KOMITMEN KAMI 1542 1543 </a> 1544 </li> 1545 <li> 1546 <a href="/tips-dan-trick/pewarna-rambut-artikel" v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::burger menu","eventLabel":"tips & trick::artikel::pewarna rambut","click_area":"burger menu","breadcrumb":"tips & trick::artikel::pewarna rambut"}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)"> 1547 PEWARNA RAMBUT 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 1575 </div> 1576 </div> 1577 <overlay></overlay> 1578 </nav> 1579 </div> 1580 1581 1582 <component is="style"> 1583 1584 :root { 1585 --active-color: #156031;
1586 --hover-color: #ffffff; 1587 --text-color: #ffffff; 1588 --gradient-color: #156031; 1589 --nav-color: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #156031;; 1590 } 1591 1592 </component> 1593 <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"}"> 1594 <img src="/-/media/project/loreal/brand-sites/garnier/garnier-logos/garnier_logo.png?rev=ed956e8390c6411d96e5fec190d060a0" alt="Garnier" id="headerlogoimagesrc" class="new-header__logo-image" width="1298" height="595"> 1595 </a></div> 1596 1597 <ul class="new-header__icons-wrapper"> 1598 1599 1600 1601 1602 1603 1604<search inline-template :request-parameters='{"filtersettingsitemid":"16983445-3b18-48eb-951b-06819c3d7fce","filterpageitemid":"4bd3d6f9-aebe-45b1-b745-3fc07e92f188","searchwithsuggestions":true,"formactionlink":"/search-page/search"}'> 1605 <li class="new-header__icon-item search"> 1606 <div class="click-overlay" @click="overlayClick" v-if="isActive"></div> 1607 <search-input 1608 form-action="/search-page/search" 1609 placeholder="Type in here" 1610 title="Search (suggested results are available after the field when at least 3 characters are typed)" 1611 > 1612 </search-input> 1613 <suggested-search 1614 :aria-labels="{ 1615 'closeButton': 'Close the suggested search results subpanel', 1616 'viewAll': 'View all search results' 1617 }" 1618 loading-text='Memuat hasilâ¦' 1619 view-all-text='Lihat Semua' 1620 no-results-text='Maaf, hasil tidak ditemukan. Harap coba '> 1621 </suggested-search> 1622 </li> 1623</search> 1624 1625 1626 </ul> 1627 </div> 1628 </div> 1629 </newheadernavigation> 1630 </header> 1631 1632</div> 1633 1634 1635<div data-qr-page-section="show-on-qr" hidden> 1636 <go-backbutton btn-text='Kembali' back-url="" analytics-data='{"event":"uaevent","event_name":"body_button_click","event_category":"content page::branding page","event_action":"select::kembali","event_label":"kembali::[destination_url]","cta_name":"kembali","link_url":"[destination_url]","module_name":"kembali"}'> 1637 </go-backbutton> 1638</div> 1639 </div> 1640 <!-- /#header --> 1641 <!-- #content --> 1642 <div id="content" class="main clearfix"> 1643 1644 1645 1646 1647 1648 <div id="search-content"> 1649 1650 1651 1652 1653 1654 1655 1656 <div class="container" class="component breadcrumb"> 1657 <nav role="navigation" aria-label="Breadcrumb navigation" class="breadcrumbs-container"> 1658 1659 <ol class="breadcrumbs"> 1660 1661 1662 <li class="breadcrumbs__item"> 1663 <a href="https://www.garnier.co.id/"> 1664 <span>Home</span> 1665 </a> 1666 <span class="breadcrumbs__separator"> 1667 <svg class="icon" style="stroke-width: 1;" aria-hidden="true"> 1668 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#arrow-right-breadcrumb"></use> 1669 </svg> 1670 </span> 1671 </li> 1672 <li class="breadcrumbs__item"> 1673 <span>Garnier Cruelty Free</span> 1674 </li> 1675 </ol> 1676 1677 </nav> 1678
1678<script type="application/ld+json"> 1679 { 1680 "@context": "https://schema.org", 1681 "@type": "BreadcrumbList", 1682 "itemListElement": [ 1683 { 1684 "@type": "ListItem", 1685 "position": 1, 1686 "name": "Home", 1687 "item": "https://www.garnier.co.id/" 1688 }, 1689 { 1690 "@type": "ListItem", 1691 "position": 2, 1692 "name": "Garnier Cruelty Free", 1693 "item": "https://www.garnier.co.id/garnier-cruelty-free" 1694 } 1695 ] 1696} 1697 </script>
1697 1698 </div> 1699 1700 1701 1702 <div id="2b3118be33784c3c81b443324984798b"></div> 1703<div class="fixed-carousel-container"> 1704 <carousel class="" 1705 :swipe-on-desktop="true" 1706 :per-page="1" 1707 :scroll-per-page="true" 1708 :navigation-enabled="true" 1709 :slide-count-navigation="false" 1710 :arrow-animation="false" 1711 :navigation-label='{"carouselbuttonnext":"Carousel Button Navigation Next","carouselbuttonprev":"Carousel Button Navigation Prev"}' 1712 :slide-text-label='{"slideText":"Slide","playText":"Play","pauseText":"Pause"}' 1713 :autoplay="true" 1714 :autoplay-duration="5000"> 1715 1716 <slide class=" "> 1717 <img alt="FixedSlider-CrueltyFree-min" class="carousel-slide__background-image" src="/-/media/project/loreal/brand-sites/garnier/apac/id/fixed-slider/homepage/fixedslider-crueltyfree-min.jpg?rev=3f876a996a2942d3accc120e522d6edc" fetchpriority="high"> 1718 </img> 1719 1720 <div class="carousel-slide__content carousel-slide__content--white"> 1721 <div class="container"> 1722 <div class="row"> 1723 <div class="col-xs-12 col-sm-5 col-md-9 col-md-offset-1 carousel-md-offset-1 "> 1724 1725 1726 <div class="carousel-slide__title"> 1727 <h1 class="heading-alt is-3 field-slidetitle">Garnier telah resmi disetujui</h1> 1728 </div> 1729 1730 <div class="carousel-slide__description"> 1731 <div class="field-slidetext">Seluruh produk Garnier telah mendapat <br> 1732persetujuan resmi oleh Cruelty Free International<br> 1733melalui program Leaping Bunny</div> 1734 </div> 1735 1736 1737 </div> 1738 </div> 1739 </div> 1740 </div> 1741 </slide> 1742 </carousel> 1743</div> 1744
1745<Script> 1746 document.addEventListener('DOMContentLoaded', () => { 1747 function myJebbitFunction() { 1748 1749 } 1750 const style = document.createElement('style'); 1751 style.innerHTML = ` 1752 #lilo3746-wrapper.lilo3746-wrapper { 1753 z-index: 9999999999 !important; 1754 } 1755 `; 1756 document.head.appendChild(style); 1757 const jebbitElement = document.getElementById('jebbitPopupFC'); 1758 if (jebbitElement) { 1759 jebbitElement.addEventListener('click', (event) => { 1760 myJebbitFunction(); 1761 }); 1762 } 1763 1764 const carouselSlides = document.querySelectorAll('.--new-fixed-slider .carousel-slide'); 1765 if (carouselSlides.length > 0) { 1766 1767 carouselSlides.forEach((slide, index) => { 1768 const titleLength = slide.querySelector('.carousel-slide__title h2')?.textContent?.length; 1769 let originalString = slide.querySelector('.field-slidetext').textContent; 1770 let ctaText = slide.querySelector('.carousel-slide__cta'); 1771 1772 if (!ctaText) { 1773 const getCutString = (length, maxLength) => length > maxLength ? originalString.slice(0, maxLength) : originalString; 1774 let cutString = ''; 1775 if (!titleLength) { 1776 cutString = getCutString(originalString.length, 320); 1777 } else if (titleLength <= 18) { 1778 cutString = getCutString(originalString.length, 256); 1779 } else if (titleLength <= 36) { 1780 cutString = getCutString(originalString.length, 192); 1781 } else if (titleLength <= 54) { 1782 cutString = getCutString(originalString.length, 160); 1783 } else if (titleLength <= 72) { 1784 cutString = getCutString(originalString.length, 96); 1785 } else if (titleLength <= 90) { 1786 cutString = getCutString(originalString.length, 64); 1787 } else { 1788 slide.querySelector('.carousel-slide__info-container').classList.add('carousel-slide__info-container--hide'); 1789 } 1790 1791 slide.querySelector('.field-slidetext').textContent = cutString; 1792 } 1793 }); 1794 } 1795 }); 1796 1797</Script>
1797 1798 1799 1800 1801 </div> 1802 1803 1804<div id="816fd5f626f84185a571179a5be8ba10"></div> 1805 1806<div class="container text-component-main " v-bg-color="'#FFFFFF'"> 1807 1808<div class="text-component text-component--center noheadline no-cta "> 1809 1810 <p class="text-component__description" style="color:"><p style="text-align: justify;">Seluruh produk Garnier, secara global, telah mendapatkan label "Cruelty Free" yang telah disetujui oleh Cruelty Free International Leaping Bunny, organisasi terkemuka yang bekerja untuk mengakhiri uji coba produk pada hewan dan menciptakan standar utama yang tidak membahayakan hewan. </p> 1811 1812<p style="text-align: justify;">Leaping Bunny mewajibkan pemegang merk untuk melakukan investigasi ketat di seluruh rantai pasokannya, termasuk semua bahan baku terkait dengan uji coba terhadap hewan. Persetujuan hanya diberikan kepada pemegang merk yang telah memenuhi syarat di keseluruhan proses.</p> 1813 1814<p style="text-align: justify;"> Garnier telah berhasil mendapatkan persetujuan resmi dari lebih dari 500 pemasok, yang memasok dengan lebih dari 3000 bahan baku berbeda di seluruh dunia. Garnier dan Cruelty Free International telah bekerjasama untuk membuktikan dan memastikan bahwa setiap produk Garnier secara global dapat memperoleh label Cruelty Free International Leaping Bunny yang telah dikenal di seluruh dunia. Melalui proses yang ketat ini, konsumen tidak perlu khawatir membeli produk Garnier karena dipastikan telah memenuhi standar dan investigasi ketat dari Leaping Bunny. </p></p> 1815 1816</div> 1817</div>
1818<script type="text/javascript"> 1819 document.addEventListener('DOMContentLoaded', function () { 1820 if (document.querySelectorAll(".text-component ul,ol").length > 0) { 1821 document.querySelectorAll('.text-component ul,ol').forEach(function (data, index) { 1822 document.querySelectorAll(".text-component ul,ol")[index].parentElement.parentElement.classList.add("text-left"); 1823 }) 1824 } 1825 1826 if (document.querySelectorAll(".text-checkmark").length > 0) { 1827 document.querySelectorAll('.text-checkmark').forEach(function (data, index) { 1828 if (document.querySelectorAll(".text-checkmark")[index].previousElementSibling != null && document.querySelectorAll(".text-checkmark")[index].previousElementSibling.tagName == 'P') { 1829 document.querySelectorAll(".text-checkmark")[index].parentElement.previousElementSibling.classList.add("text-desc"); 1830 } 1831 1832 }); 1833 } 1834 }); 1835</script>
1835 1836 1837 1838 1839 1840<div id="38beac58ac2b4e6e99f0a27e2a9b4827"></div> 1841 1842<div class="container scroll-target" id="content_block"> 1843 <div class="row"> 1844 <div class="editorial__wrapper " style="background: #FFFFFF; color: #21362C"> 1845 <div class="col-xs-12 col-sm-6 editorial__column editorial__col-lefttext editorial__col-1 editorial__column--sm-bottom top "> 1846 <div class="editorial__text-block"> 1847 1848 1849 1850 1851 1852 <div class="description_block description_block_nocta"> 1853 <p><p>Garnier adalah merk global yang familiar untuk kita. Untuk bekerja bersama Garnier menghentikan uji coba pada hewan untuk produk kosmetik dan menyatakan secara resmi telah disetujui oleh Cruelty Free International Leaping Bunny merupakan sebuah pencapain yang berarti. Hal ini telah memakan waktu berbulan-bulan, namun Garnier mampu dengan sangat baik menginvestigasi setiap pemasok dan sumber lainnya, sehingga kami sangat yakin dengan hasil dan keputusan ini. 1854</p> 1855<p><strong>Michelle Thew, Cruelty Free International CEO</strong></p></p> 1856 </div> 1857 1858 1859 </div> 1860 </div> 1861 <div class="col-xs-12 col-sm-6 editorial__column editorial__col-2 editorial__col-rightimg"> 1862 <div v-tag-on-viewport="{animatevalue : 'rightanimate'}"></div> 1863 </div> 1864 </div> 1865 </div> 1866</div>
1867<script type="text/javascript"> 1868 document.addEventListener('DOMContentLoaded', function () { 1869 if (window.innerWidth < 768) { 1870 if (!document.querySelector(".page-not-found")) { 1871 let getEle = document.querySelector(".editorial__wrapper.editorial__wrapper--align-center"); 1872 if (getEle) { 1873 getEle.classList.add("editorial__wrapper--align-left"); 1874 getEle.classList.remove("editorial__wrapper--align-center"); 1875 } 1876 } 1877 } 1878 }) 1879</script>
1879 1880 1881 1882 1883 1884<div id="a866a13b34a446b28831901db2060610"></div> 1885 1886<div class="container scroll-target" id="content_block"> 1887 <div class="row"> 1888 <div class="editorial__wrapper " style="background: #FFFFFF; color: #21362C"> 1889 <div class="col-xs-12 col-sm-6 editorial__column editorial__col-1 editorial__col-leftimg"> 1890 <div v-tag-on-viewport="{animatevalue : 'leftanimate'}"><img alt="" class="lazyload" data-aspectratio="465/290" data-sizes="(max-width: 767px) 100vw, 50vw" data-srcset="/-/media/project/loreal/brand-sites/garnier/apac/my/cruelty-free/crueltyfree_adrienkoskas_465x290px-2.png?w=350&rev=-1&hash=D10B543B224D7AB5579D9849078EE066 350w,/-/media/project/loreal/brand-sites/garnier/apac/my/cruelty-free/crueltyfree_adrienkoskas_465x290px-2.png?w=400&rev=-1&hash=85BFEBB395D8254EC02A93D558F1928C 400w,/-/media/project/loreal/brand-sites/garnier/apac/my/cruelty-free/crueltyfree_adrienkoskas_465x290px-2.png?w=450&rev=-1&hash=99FC8DED745AFB653AC04DC2C0EEE748 450w,/-/media/project/loreal/brand-sites/garnier/apac/my/cruelty-free/crueltyfree_adrienkoskas_465x290px-2.png?w=500&rev=-1&hash=75726FE787269739FCD9E9397CA7B474 500w,/-/media/project/loreal/brand-sites/garnier/apac/my/cruelty-free/crueltyfree_adrienkoskas_465x290px-2.png?w=550&rev=-1&hash=797A965F925B33E8186B6C744913C30D 550w,/-/media/project/loreal/brand-sites/garnier/apac/my/cruelty-free/crueltyfree_adrienkoskas_465x290px-2.png?w=600&rev=-1&hash=A61368492F155E9EB4EF4E33A1615FF6 600w,/-/media/project/loreal/brand-sites/garnier/apac/my/cruelty-free/crueltyfree_adrienkoskas_465x290px-2.png?w=650&rev=-1&hash=69F5772C932981576B471EBBBDBE0C51 650w,/-/media/project/loreal/brand-sites/garnier/apac/my/cruelty-free/crueltyfree_adrienkoskas_465x290px-2.png?w=700&rev=-1&hash=05694491D8D70B5B116EB97B537B0ABD 700w,/-/media/project/loreal/brand-sites/garnier/apac/my/cruelty-free/crueltyfree_adrienkoskas_465x290px-2.png?w=767&rev=-1&hash=6E7A08A3216466EC943D0821038A6E5B 767w,/-/media/project/loreal/brand-sites/garnier/apac/my/cruelty-free/crueltyfree_adrienkoskas_465x290px-2.png?w=800&rev=-1&hash=F9BB8682C8E3486D759C1BAF397647A4 800w,/-/media/project/loreal/brand-sites/garnier/apac/my/cruelty-free/crueltyfree_adrienkoskas_465x290px-2.png?w=900&rev=-1&hash=814F6E67C67D29285988DB32533F3934 900w,/-/media/project/loreal/brand-sites/garnier/apac/my/cruelty-free/crueltyfree_adrienkoskas_465x290px-2.png?w=950&rev=-1&hash=B0BA5551CD66EB839015A6792545B19E 950w" src="" /></div> 1891 </div> 1892 <div class="col-xs-12 col-sm-6 editorial__column editorial__col-2 editorial__col-righttext editorial__column--sm-bottom top "> 1893 <div> 1894 1895 1896 1897 1898 1899 <div class="description_block description_block_nocta"> 1900 <p><p>Garnier telah berkomitmen kepada dunia untuk menolak uji coba pada hewan sejak tahun 1989. Untuk bisa diakui oleh Cruelty Free International melalui program Leaping Bunny merupakan sebuah tonggak sejarah dan akan selalu menjadi bagian penting dari misi "Green Beauty" kami. Sekarang, Garnier telah mengambil langkah maju untuk menjadi merk yang sepenuhnya berkomitmen, berkelanjutan dan transparan untuk mewujudkan "Green Beauty" untuk kita semua.</p> 1901<p><strong>Adrien Koskas, Garnier Global Brand President</strong></p></p> 1902 </div> 1903 1904 1905 </div> 1906 </div> 1907 </div> 1908 </div> 1909</div>
1910<script type="text/javascript"> 1911 document.addEventListener('DOMContentLoaded', function () { 1912 if (window.innerWidth < 768) { 1913 if (!document.querySelector(".page-not-found")) { 1914 let getEle = document.querySelector(".editorial__wrapper.editorial__wrapper--align-center"); 1915 if (getEle) { 1916 getEle.classList.add("editorial__wrapper--align-left"); 1917 getEle.classList.remove("editorial__wrapper--align-center"); 1918 } 1919 } 1920 } 1921 }) 1922</script>
1922 1923 1924 1925<div id="6994ea5572474ac5a83cdb148ce74dfa"></div> 1926 1927<div class="container text-component-main " v-bg-color="'#FFFFFF'"> 1928 1929<div class="text-component text-component--center no-cta "> 1930<h5 class="text-component__header" style="color:">Inisiatif "Green Beauty"</h5> 1931 <p class="text-component__description" style="color:"><p>Pengumuman dari Garnier ini merupakan sebuah momen yang sangat bersejarah. Di tahun 2020, Garnier mengumumkan program "Green Beauty", sebuah program holistik menuju keberlanjutan, mentransformasi setiap tahapan pada rantai nilai Garnier dan secara signifikan mengurangi dampak lingkungan yang disebabkan.</p> 1932<p style="text-align: center;"><a href="/greenbeauty"><span style="background-color: #005c43; display: inline-block; padding: 15px 18px; font-weight: bold; color: #ffffff;"><strong>Tentang Green Beauty</strong></span></a></p></p> 1933 1934</div> 1935</div>
1936<script type="text/javascript"> 1937 document.addEventListener('DOMContentLoaded', function () { 1938 if (document.querySelectorAll(".text-component ul,ol").length > 0) { 1939 document.querySelectorAll('.text-component ul,ol').forEach(function (data, index) { 1940 document.querySelectorAll(".text-component ul,ol")[index].parentElement.parentElement.classList.add("text-left"); 1941 }) 1942 } 1943 1944 if (document.querySelectorAll(".text-checkmark").length > 0) { 1945 document.querySelectorAll('.text-checkmark').forEach(function (data, index) { 1946 if (document.querySelectorAll(".text-checkmark")[index].previousElementSibling != null && document.querySelectorAll(".text-checkmark")[index].previousElementSibling.tagName == 'P') { 1947 document.querySelectorAll(".text-checkmark")[index].parentElement.previousElementSibling.classList.add("text-desc"); 1948 } 1949 1950 }); 1951 } 1952 }); 1953</script>
1953 1954 1955 1956 1957 <brand-cube :initial-value="{"Datasource":{"brandcubetitle":"OUR COMMITMENTS","aspectratio":"1by1","defaultcubecount":"4","isTitle":false},"Items":[{"imagetitle":"","imagesrc":"/-/media/project/loreal/brand-sites/garnier/apac/id/cruelty-free/brand-cube/icon-dmi-1.jpg?rev=038ee1720f3048c88efdf3a79aa5236b","link":null,"taggingdata":null},{"imagetitle":"","imagesrc":"/-/media/project/loreal/brand-sites/garnier/apac/id/cruelty-free/brand-cube/icon-dmi-2.jpg?rev=79d9fc9572944233b87363621a6502fb","link":null,"taggingdata":null},{"imagetitle":"","imagesrc":"/-/media/project/loreal/brand-sites/garnier/apac/id/cruelty-free/brand-cube/icon-dmi-3.jpg?rev=9337ba584b1646ff9c4b607c69ac88b4","link":null,"taggingdata":null},{"imagetitle":"","imagesrc":"/-/media/project/loreal/brand-sites/garnier/apac/id/cruelty-free/brand-cube/icon-dmi-4.jpg?rev=e825e485197248758325cc7603400a0e","link":null,"taggingdata":null},{"imagetitle":"","imagesrc":"/-/media/project/loreal/brand-sites/garnier/apac/id/cruelty-free/brand-cube/icon-dmi-5.jpg?rev=ed54e5297e6b430e96c8a3f41b9a04ac","link":null,"taggingdata":null},{"imagetitle":"","imagesrc":"/-/media/project/loreal/brand-sites/garnier/apac/id/cruelty-free/brand-cube/icon-dmi-6.jpg?rev=b29febe670e143f6ac17cf0b69a11aa6","link":null,"taggingdata":null}]}" 1958 show-more-text="Show More" 1959 show-less-text="Show Less" 1960 :cta-tagging ="{"event":"uaevent","ecommerce":"undefined","event_name":"body_button_click","eventCategory":"content page::branding page","eventAction":"select::our commitments","eventLabel":"[cta_name]","cta_name":"[cta_name]","module_name":"our commitments"}"> 1961 </brand-cube> 1962 1963 1964 1965<div class="container"> 1966 <div class="crosslink-banner"> 1967 <div class="crosslink-banner__wrapper crosslink-banner__wrapper--center lazyload" 1968 data-bg="/-/media/project/loreal/brand-sites/garnier/apac/id/cruelty-free/fixed-slider/idgar-product-franchie-for-cruelty-free-page-revised.jpg?rev=8cda28ab2c4147f9ab43c66c470baf53"> 1969 </div> 1970 <div class="crosslink-banner__content col-sm-5 col-md-offset-1"> 1971 <h2 class="crosslink-banner__title crosslink-banner__title--black" > </h2> 1972 <div class="crosslink-banner__description crosslink-banner__description--black"> 1973 1974 </div> 1975 1976 </div> 1977 </div> 1978</div> 1979 1980 1981<div id="68e6c80206224bf091d828c3ac52599b"></div> 1982 1983<div class="container text-component-main " v-bg-color="'#FFFFFF'"> 1984 1985<div class="text-component text-component--center no-cta "> 1986<h4 class="text-component__header" style="color:">Tahukah kamu?</h4> 1987 1988</div> 1989</div>
1990<script type="text/javascript"> 1991 document.addEventListener('DOMContentLoaded', function () { 1992 if (document.querySelectorAll(".text-component ul,ol").length > 0) { 1993 document.querySelectorAll('.text-component ul,ol').forEach(function (data, index) { 1994 document.querySelectorAll(".text-component ul,ol")[index].parentElement.parentElement.classList.add("text-left"); 1995 }) 1996 } 1997 1998 if (document.querySelectorAll(".text-checkmark").length > 0) { 1999 document.querySelectorAll('.text-checkmark').forEach(function (data, index) { 2000 if (document.querySelectorAll(".text-checkmark")[index].previousElementSibling != null && document.querySelectorAll(".text-checkmark")[index].previousElementSibling.tagName == 'P') { 2001 document.querySelectorAll(".text-checkmark")[index].parentElement.previousElementSibling.classList.add("text-desc"); 2002 } 2003 2004 }); 2005 } 2006 }); 2007</script>
2007 2008 2009 <div class="container"> 2010 <div class="row"> 2011 <div class="col-xs-12 col-sm-12 product-note-collapse-list"> 2012 <collapse-list accordion-names="saya membeli produk garnier tapi tidak melihat label leaping bunny tercetak, apakah ini termasuk produk "cruelty free"?,siapakah cruelty free international dan mengapa garnier memilih untuk bekerja sama dengan organisasi ini?,mengapa garnier baru mendapatkan persetujuan dari cruelty free international sekarang? ,apa dan berapa lama proses untuk mendapatkan persetujuan ini?,bagaimana saya tahu produk yang telah disetujui oleh cruelty free international?,mengapa label leaping bunny pada kemasan berwarna hijau, dimana pada umumnya berwarna merah muda atau hitam?,apakah disetujui oleh cruelty free berarti produk garnier tersertifikasi organik?,selain menjadi cruelty free, apa yang dilakukan garnier untuk menekan dampak terhadap lingkungan akibat produknya?,apa itu hiperpigmentasi?" :product-page="false"> 2013 2014<div id="panel-saya_membeli_produk_garnier_tapi_tidak_melihat_label_leaping_bunny_tercetak,_apakah_ini_termasuk_produk_"cruelty_free"?" aria-labelledby="tab-saya_membeli_produk_garnier_tapi_tidak_melihat_label_leaping_bunny_tercetak,_apakah_ini_termasuk_produk_"cruelty_free"?" class="product-note" role="tabpanel" tabindex="0"> 2015 <collapse accordion-name="saya membeli produk garnier tapi tidak melihat label leaping bunny tercetak, apakah ini termasuk produk "cruelty free"?" :tagging="{"event":"uaevent","ecommerce":"undefined","eventCategory":"productpagetab","event_name":"product_info_click","eventAction":"saya membeli produk garnier tapi tidak melihat label leaping bunny tercetak, apakah ini termasuk produk \"cruelty free\"?","eventLabel":"garnier cruelty free","product_tab":"saya membeli produk garnier tapi tidak melihat label leaping bunny tercetak, apakah ini termasuk produk \"cruelty free\"?","product_info":"garnier cruelty free::"}" collapse-icon="/themes/Garnier/Images/assets/product-information.svg" title-text="SAYA MEMBELI PRODUK GARNIER TAPI TIDAK MELIHAT LABEL LEAPING BUNNY TERCETAK, APAKAH INI TERMASUK PRODUK "CRUELTY FREE"?" :product-page="false"> 2016<h2 class="heading is-4 product-note__title" slot="title" >SAYA MEMBELI PRODUK GARNIER TAPI TIDAK MELIHAT LABEL LEAPING BUNNY TERCETAK, APAKAH INI TERMASUK PRODUK "CRUELTY FREE"?</h2> <div slot="content" class="product-note__description richtext"> 2017 <p>Garnier terus aktif memperbaharui kemasan dengan label Cruelty Free secara bertahap tanpa membuang kemasan yang sudah ada. Namun, jangan khawatir, seluruh produk dengan atau tanpa label tercetak sudah resmi disetujui oleh Cruelty Free International melalui program Leaping Bunny.</p> 2018 </div> 2019 </collapse> 2020 </div> 2021<div id="panel-siapakah_cruelty_free_international_dan_mengapa_garnier_memilih_untuk_bekerja_sama_dengan_organisasi_ini?" aria-labelledby="tab-siapakah_cruelty_free_international_dan_mengapa_garnier_memilih_untuk_bekerja_sama_dengan_organisasi_ini?" class="product-note" role="tabpanel" tabindex="0"> 2022 <collapse accordion-name="siapakah cruelty free international dan mengapa garnier memilih untuk bekerja sama dengan organisasi ini?" :tagging="{"event":"uaevent","ecommerce":"undefined","eventCategory":"productpagetab","event_name":"product_info_click","eventAction":"siapakah cruelty free international dan mengapa garnier memilih untuk bekerja sama dengan organisasi ini?","eventLabel":"garnier cruelty free","product_tab":"siapakah cruelty free international dan mengapa garnier memilih untuk bekerja sama dengan organisasi ini?","product_info":"garnier cruelty free::"}" collapse-icon="/themes/Garnier/Images/assets/product-information.svg" title-text="SIAPAKAH CRUELTY FREE INTERNATIONAL DAN MENGAPA GARNIER MEMILIH UNTUK BEKERJA SAMA DENGAN ORGANISASI INI?" :product-page="false"> 2023<h2 class="heading is-4 product-note__title" slot="title" >SIAPAKAH CRUELTY FREE INTERNATIONAL DAN MENGAPA GARNIER MEMILIH UNTUK BEKERJA SAMA DENGAN ORGANISASI INI?</h2> <div slot="content"
2023class="product-note__description richtext"> 2024 <p><p>Cruelty Free International bekerja untuk menghentikan segala jenis eksperimen terhadap hewan di seluruh dunia. Organisasi ini melakukan investigasi dan memaparkan fakta mengenai eksperimen terhadap hewan di laboratorium. Cruelty Free International telah menjadi organisasi terdepan pada hal ini..</p> 2025 2026<p> Cruelty Free International Leaping Bunny adalah perusahaan terkemuka di dunia dengan standar tinggi untuk produk kosmetik, perawatan diri, dan produk rumah tangga. Organisasi ini telah menjadi satu-satunya yang mengharuskan perusahaan dan rantai pasokan untuk melakukan investigasi hingga level bahan baku yang digunakan manufaktur secara ketat yang didampingi auditor independen untuk memastikan aktivitas dilakukan sesuai syarat dan pemenuhan yang diharuskan. </p> 2027 2028<p>Untuk alasan ini, Garnier percaya program Leaping Bunny merupakan pihak yang tepat untuk memberikan konsumen keyakinan akan komitmen penuh untuk mengakhiri uji coba pada hewan di setiap rantai pasokannya. </p></p> 2029 </div> 2030 </collapse> 2031 </div> 2032<div id="panel-mengapa_garnier_baru_mendapatkan_persetujuan_dari_cruelty_free_international_sekarang?_" aria-labelledby="tab-mengapa_garnier_baru_mendapatkan_persetujuan_dari_cruelty_free_international_sekarang?_" class="product-note" role="tabpanel" tabindex="0"> 2033 <collapse accordion-name="mengapa garnier baru mendapatkan persetujuan dari cruelty free international sekarang? " :tagging="{"event":"uaevent","ecommerce":"undefined","eventCategory":"productpagetab","event_name":"product_info_click","eventAction":"mengapa garnier baru mendapatkan persetujuan dari cruelty free international sekarang? ","eventLabel":"garnier cruelty free","product_tab":"mengapa garnier baru mendapatkan persetujuan dari cruelty free international sekarang? ","product_info":"garnier cruelty free::"}" collapse-icon="/themes/Garnier/Images/assets/product-information.svg" title-text="MENGAPA GARNIER BARU MENDAPATKAN PERSETUJUAN DARI CRUELTY FREE INTERNATIONAL SEKARANG? " :product-page="false"> 2034<h2 class="heading is-4 product-note__title" slot="title" >MENGAPA GARNIER BARU MENDAPATKAN PERSETUJUAN DARI CRUELTY FREE INTERNATIONAL SEKARANG? </h2> <div slot="content" class="product-note__description richtext"> 2035 <p>Garnier telah berkomitmen kepada dunia untuk menolak uji coba pada hewan sejak tahun 1989, namun tidak berhenti disitu saja. Oleh karena itu, Garnier bekerja sama dengan Cruelty Free International untuk mendapatkan persetujuan berstandar tinggi dan meyakinkan kembali konsumen di seluruh dunia bahwa Garnier telah melakukan berbagai macam cara guna menjadi "Cruelty Free". Garnier adalah merk yang terus bertansformasi secara nyata, mulai dari memperbaiki dampak terhadap lingkungan hingga kini telah diakui resmi oleh Leaping Bunny. Garnier terus mengambil peran dalam menjadi merk yang sepenuhnya berkomitmen menuju "Green Beauty".</p> 2036 </div> 2037 </collapse> 2038 </div> 2039<div id="panel-apa_dan_berapa_lama_proses_untuk_mendapatkan_persetujuan_ini?" aria-labelledby="tab-apa_dan_berapa_lama_proses_untuk_mendapatkan_persetujuan_ini?" class="product-note" role="tabpanel" tabindex="0"> 2040 <collapse accordion-name="apa dan berapa lama proses untuk mendapatkan persetujuan ini?" :tagging="{"event":"uaevent","ecommerce":"undefined","eventCategory":"productpagetab","event_name":"product_info_click","eventAction":"
2040apa dan berapa lama proses untuk mendapatkan persetujuan ini?","eventLabel":"garnier cruelty free","product_tab":"apa dan berapa lama proses untuk mendapatkan persetujuan ini?","product_info":"garnier cruelty free::"}" collapse-icon="/themes/Garnier/Images/assets/product-information.svg" title-text="APA DAN BERAPA LAMA PROSES UNTUK MENDAPATKAN PERSETUJUAN INI?" :product-page="false"> 2041<h2 class="heading is-4 product-note__title" slot="title" >APA DAN BERAPA LAMA PROSES UNTUK MENDAPATKAN PERSETUJUAN INI?</h2> <div slot="content" class="product-note__description richtext"> 2042 <p>Untuk mendapatkan persetujuan dari Leaping Bunny, pemegang merk diwajibkan untuk melakukan investigasi ketat terhadap seluruh rantai pasokan, yang kemudian akan diaudit secara berkala. Garnier telah berhasil mendapatkan persetujuan resmi untuk lebih dari 500 pemasok, yang memasok dengan lebih dari 3000 bahan baku berbeda, di seluruh dunia. Ganier dan Cruelty Free International telah bekerjasama selama berbulan-bulan untuk membuktikan dan memastikan setiap produk Garnier secara global dapat memperoleh label Cruelty Free International Leaping Bunny yang telah dikenal di seluruh dunia..</p> 2043 </div> 2044 </collapse> 2045 </div> 2046<div id="panel-bagaimana_saya_tahu_produk_yang_telah_disetujui_oleh_cruelty_free_international?" aria-labelledby="tab-bagaimana_saya_tahu_produk_yang_telah_disetujui_oleh_cruelty_free_international?" class="product-note" role="tabpanel" tabindex="0"> 2047 <collapse accordion-name="bagaimana saya tahu produk yang telah disetujui oleh cruelty free international?" :tagging="{"event":"uaevent","ecommerce":"undefined","eventCategory":"productpagetab","event_name":"product_info_click","eventAction":"bagaimana saya tahu produk yang telah disetujui oleh cruelty free international?","eventLabel":"garnier cruelty free","product_tab":"bagaimana saya tahu produk yang telah disetujui oleh cruelty free international?","product_info":"garnier cruelty free::"}" collapse-icon="/themes/Garnier/Images/assets/product-information.svg" title-text="BAGAIMANA SAYA TAHU PRODUK YANG TELAH DISETUJUI OLEH CRUELTY FREE INTERNATIONAL?" :product-page="false"> 2048<h2 class="heading is-4 product-note__title" slot="title" >BAGAIMANA SAYA TAHU PRODUK YANG TELAH DISETUJUI OLEH CRUELTY FREE INTERNATIONAL?</h2> <div slot="content" class="product-note__description richtext"> 2049 <p><p>Seluruh produk Garnier, di seluruh dunia, telah resmi mendapatkan label Cruelty Free International melalui program Leaping Bunny karena telah melalui tahapan investigasi yang ketat sampai pada akhirnya diakui dan disetujui oleh Leaping Bunny.</p> 2050<p> </p> 2051<p> </p></p> 2052 </div> 2053 </collapse> 2054 </div> 2055<div id="panel-mengapa_label_leaping_bunny_pada_kemasan_berwarna_hijau,_dimana_pada_umumnya_berwarna_merah_muda_atau_hitam?" aria-labelledby="tab-mengapa_label_leaping_bunny_pada_kemasan_berwarna_hijau,_dimana_pada_umumnya_berwarna_merah_muda_atau_hitam?" class="product-note" role="tabpanel" tabindex="0"> 2056 <collapse accordion-name="mengapa label leaping bunny pada kemasan berwarna hijau, dimana pada umumnya berwarna merah muda atau hitam?" :tagging="{"event":"uaevent","ecommerce":"undefined","eventCategory":"productpagetab","event_name":"product_info_click","eventAction":"mengapa label leaping bunny pada kemasan berwarna hijau, dimana pada umumnya berwarna merah muda atau hitam?","eventLabel":"garnier cruelty free","product_tab":"mengapa label leaping bunny pada kemasan berwarna hijau, dimana pada umumnya berwarna merah muda atau hitam?","product_info":"garnier cruelty free::"}" collapse-icon="/themes/Garnier/Images/assets/product-information.svg" title-text="MENGAPA LABEL LEAPING BUNNY PADA KEMASAN BERWARNA HIJAU, DIMANA PADA UMUMNYA BERWARNA MERAH MUDA ATAU HITAM?" :product-page="false"> 2057<h2 class="heading is-4 product-note__title" slot="title" >MENGAPA LABEL LEAPING BUNNY PADA KEMASAN BERWARNA HIJAU, DIMANA PADA UMUMNYA BERWARNA MERAH MUDA ATAU HITAM?</h2> <div slot="content"
2057class="product-note__description richtext"> 2058 <p>Label yang secara bertahap tercetak pada kemasan merupakan label resmi yang telah disetujui oleh Cruelty Free International. Garnier telah memutuskan untuk menggunakan label berwarna hijau untuk kemasan dan keperluan cetakan lainnya</p> 2059 </div> 2060 </collapse> 2061 </div> 2062<div id="panel-apakah_disetujui_oleh_cruelty_free_berarti_produk_garnier_tersertifikasi_organik?" aria-labelledby="tab-apakah_disetujui_oleh_cruelty_free_berarti_produk_garnier_tersertifikasi_organik?" class="product-note" role="tabpanel" tabindex="0"> 2063 <collapse accordion-name="apakah disetujui oleh cruelty free berarti produk garnier tersertifikasi organik?" :tagging="{"event":"uaevent","ecommerce":"undefined","eventCategory":"productpagetab","event_name":"product_info_click","eventAction":"apakah disetujui oleh cruelty free berarti produk garnier tersertifikasi organik?","eventLabel":"garnier cruelty free","product_tab":"apakah disetujui oleh cruelty free berarti produk garnier tersertifikasi organik?","product_info":"garnier cruelty free::"}" collapse-icon="/themes/Garnier/Images/assets/product-information.svg" title-text="APAKAH DISETUJUI OLEH CRUELTY FREE BERARTI PRODUK GARNIER TERSERTIFIKASI ORGANIK?" :product-page="false"> 2064<h2 class="heading is-4 product-note__title" slot="title" >APAKAH DISETUJUI OLEH CRUELTY FREE BERARTI PRODUK GARNIER TERSERTIFIKASI ORGANIK?</h2> <div slot="content" class="product-note__description richtext"> 2065 <p>Disetujui oleh Leaping Bunny dan sertifikasi organik merupakan dua hal yang berbeda.</p> 2066 </div> 2067 </collapse> 2068 </div> 2069<div id="panel-selain_menjadi_cruelty_free,_apa_yang_dilakukan_garnier_untuk_menekan_dampak_terhadap_lingkungan_akibat_produknya?" aria-labelledby="tab-selain_menjadi_cruelty_free,_apa_yang_dilakukan_garnier_untuk_menekan_dampak_terhadap_lingkungan_akibat_produknya?" class="product-note" role="tabpanel" tabindex="0"> 2070 <collapse accordion-name="selain menjadi cruelty free, apa yang dilakukan garnier untuk menekan dampak terhadap lingkungan akibat produknya?" :tagging="{"event":"uaevent","ecommerce":"undefined","eventCategory":"productpagetab","event_name":"product_info_click","eventAction":"selain menjadi cruelty free, apa yang dilakukan garnier untuk menekan dampak terhadap lingkungan akibat produknya?","eventLabel":"garnier cruelty free","product_tab":"selain menjadi cruelty free, apa yang dilakukan garnier untuk menekan dampak terhadap lingkungan akibat produknya?","product_info":"garnier cruelty free::"}" collapse-icon="/themes/Garnier/Images/assets/product-information.svg" title-text="SELAIN MENJADI CRUELTY FREE, APA YANG DILAKUKAN GARNIER UNTUK MENEKAN DAMPAK TERHADAP LINGKUNGAN AKIBAT PRODUKNYA?" :product-page="false"> 2071<h2 class="heading is-4 product-note__title" slot="title" >SELAIN MENJADI CRUELTY FREE, APA YANG DILAKUKAN GARNIER UNTUK MENEKAN DAMPAK TERHADAP LINGKUNGAN AKIBAT PRODUKNYA?</h2> <div slot="content" class="product-note__description richtext"> 2072 <p>Garnier Green Beauty merupakan sebuah program holistik menuju keberlanjutan. Komitmen ini juga bertujuan untuk mentransformasi setiap tahapan pada rantai nilai Garnier untuk mengurangi dampak lingkungan secara signifikan. <br><br> 2073 2074Kunjungi laman ini untuk informasi lebih lanjut.</p> 2075 </div> 2076 </collapse> 2077 </div> 2078<div id="panel-apa_itu_hiperpigmentasi?" aria-labelledby="tab-apa_itu_hiperpigmentasi?" class="product-note" role="tabpanel" tabindex="0"> 2079 <collapse accordion-name="apa itu hiperpigmentasi?" :tagging="{"event":"uaevent","ecommerce":"undefined","eventCategory":"productpagetab","event_name":"product_info_click","eventAction":"apa itu hiperpigmentasi?","eventLabel":"garnier cruelty free","product_tab":"apa itu hiperpigmentasi?","product_info":"garnier cruelty free::"}" collapse-icon="/themes/Garnier/Images/assets/product-information.svg" title-text="APA ITU HIPERPIGMENTASI?" :product-page="false"> 2080<h2 class="heading is-4 product-note__title" slot="title" >APA ITU HIPERPIGMENTASI?</h2> <div slot="content"
2080class="product-note__description richtext"> 2081 <p>Sebuah istilah medis yang menggambarkan penggelapan / noda hitam pada kulit wajah akibat produk melanin berlebih</p> 2082 </div> 2083 </collapse> 2084 </div> 2085 2086 </collapse-list> 2087 2088 </div> 2089 </div> 2090 </div> 2091 2092 2093 2094 2095 <div id="ratings_reviews" class="scroll-target"> 2096 2097 </div> 2098 </div> 2099 <!-- /#content --> 2100 <!-- #footer --> 2101 2102 2103 2104<div data-qr-page-section="hide-on-qr"> 2105 <footer class="footer" id="footer" role="contentinfo"> 2106 <div class="container"> 2107 <div class="row"> 2108 <div class="footer-wrapper"> 2109 <img data-srcset="/themes/garnier/Images/assets/g-logo.png?c=1686900594940" alt="" class="footer-garnier-logo lazyload" /> 2110 <div class="col-xs-12 col-sm-4 footer-col footer-website-links"> 2111 2112 2113 2114<p class="heading is-6">LINK SITUS</p> 2115<ul class="footer-navigation footer-website-links-list"> 2116 2117 2118 <li> 2119 </li> 2120 <li> 2121<a v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"website links::sitemap","click_area":"footer","breadcrumb":"website links::sitemap"}" data-variantfieldname="Link" href="https://www.garnier.co.id/sitemap " data-variantitemid="{F3D3F283-0930-4DBC-81F2-0808D846E9D4}">Sitemap</a> </li> 2122 <li> 2123<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="/terms-of-service" data-variantitemid="{5690DE8E-E8E8-4D8C-920F-1A211A2DB467}">Syarat & Ketentuan</a> </li> 2124 <li> 2125<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="https://www.garnier.co.id/legal-pages/privacy-policy" data-variantitemid="{62EBCABA-17EF-46FA-905D-B2F25B07110C}">Privacy Policy</a> </li> 2126 <li> 2127<a v-tag="{"event":"uaevent","ecommerce":"undefined","event_name":"menu_click","eventCategory":"main menu navigation","eventAction":"select::footer","eventLabel":"website links::cookie policy","click_area":"footer","breadcrumb":"website links::cookie policy"}" data-variantfieldname="Link" href="https://www.garnier.co.id/legal-pages/cookie-policy" data-variantitemid="{CAD52E9A-6721-4AA6-958A-7B1142ADCC69}">Cookie Policy</a> </li> 2128 <li> 2129 </li> 2130 </ul> 2131 2132 <country-drop-down class="component col-xs-12 col-sm-12 footer-country-selector"> 2133 <div v-onselect-changeurl> 2134 <div class="country_selector"> 2135 <div class="form-item form-item--select"> 2136 <div class="form-item__select-wrapper"> 2137 2138 <label for="country selector">Select Your Country:</label> 2139 <select id="country selector" name="country selector" title="country selector"> 2140 <option disabled="disabled" selected="selected"> 2141 <p class="heading is-3">Select Your Country:</p> 2142 </option> 2143<option value=" http://www.garnier.ae/ ">ARABIC EMIRATES</option><option value=" http://www.garnier.com.au/ ">AUSTRALIA</option><option value=" http://www.garnier-me.com/ar-ae ">BAHRAIN</option><option value=" http://www.garnier-be.com/fr-be ">BELGIUM - FRENCH</option><option value=" http://www.garnier-be.com/nl-be ">BELGIUM - DEUTSCH</option><option value=" https://www.garnier.com.br/ ">BRASIL</option><option value=" https://www.garnier.ca/en-ca ">CANADA - ENGLISH</option><option value=" http://www.garnier.ca/fr-ca ">CANADA - FRENCH</option><option value=" http://www.garnier.cl/ ">CHILI</option><option value=" http://www.garnier.cz ">CZECH REPUBLIC</option><option value=" http://www.garnier.dk/ ">DENMARK</option><option value=" http://www.garnier-me.com/ar-ae ">EGYPT</option><option value=" http://www.garnier.fr/ ">FRANCE</option><option value=" http://www.garnier.de/ ">GERMANY</option><option value=" http://www.garnier.gr/ ">GREECE</option><option value=" http://www.garnier.hu/ ">HUNGARY</option><option value=" https://www.garnier.in/ ">INDIA</option><option value=" https://www.garnier.co.id ">INDONESIA</option><option value=" http://www.garnier-me.com/ar-ae ">IRAQ</option><option value=" https://www.garnier.co.il/ ">ISRAEL</option><option value=" http://www.garnier.it/ ">ITALY</option><option value=" http://www.garnier-me.com/ar-ae ">JORDANIA</option><option value=" http://www.garnier-me.com/ar-ae ">KUWAIT</option><option value=" http://www.garnier-me.com/ar-ae ">LIBANON</option><option value=" https://www.garnier.com.my/ ">MALAYSIA</option><option value=" https://www.garnier.com.mx/ ">MEXICO</option><option value=" http://www.garnier-me.com/ar-ae ">MOROCCO</option><option value=" http://www.garnierzorgvoorjezelf.nl/ ">NETHERLANDS</option><option value=" http://www.garnier.co.nz/ ">NEW ZELAND</option><option value=" http://www.garnier-me.com/ar-ae ">OMAN</option><option value=" http://www.garnier-me.com/ar-ae ">PALESTINE AUTHORITIES</option><option value=" https://www.garnier.com.ph/ ">PHILIPPINES</option><option value=" http://www.garnier.pl/ ">POLAND</option><option value=" http://www.garnier.pt/ ">PORTUGAL</option><option value=" http://www.garnier-me.com/ar-ae ">QATAR</option><option value=" http://www.garnier.ro ">ROMANIA</option><option value=" http://www.garnier.com.ru/ ">RUSSIA</option><option value=" http://www.garnier-me.com/ar-ae ">SAUDI ARABIA</option><option value=" http://www.garnier.sk ">SLOVAKIA</option><option value=" http://www.garnier.es/ ">SPAIN</option><option value=" http://www.garnier-me.com/ar-ae ">SYRIA</option><option value=" http://garnier.ch/?lg=de ">SWITZERLAND - DEUTSCH</option><option value=" http://garnier.ch/?lg=fr ">SWITZERLAND - FRENCH</option><option value=" https://www.garnier.co.th/ ">THAILAND</option><option value=" http://www.garnierturkiye.com/ ">TURKEY</option><option value=" https://garnier.ua/ ">UKRAINE</option><option value=" http://garnier.co.uk/ ">UNITED KINGDOM</option><option value=" https://www.garnierusa.com/ ">UNITED STATES</option> </select> 2144 <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> 2145 </div> 2146 </div> 2147 </div> 2148 </div> 2149 </country-drop-down> 2150 2151 2152 </div> 2153 <div class="col-xs-12 col-sm-4 footer-col footer-customer-service"> 2154 2155 </div> 2156 <div class="col-xs-12 col-sm-4 footer-col footer-mailing-list"> 2157 2158<div class="component link-list footer-customer-service--social"> 2159 2160 <p class="heading is-6">Follow Us</p> 2161 <ul class="footer-navigation footer-social-media-links-list"> 2162 <li class=""> 2163<a v-tag="{"event":"socialint","ecommerce":"undefined","event_name":"social_interaction","socialNetwork":"facebook","socialAction":"share","socialTarget":"https://www.facebook.com/garnier.indonesia/","social_network":"facebook","social_action":"share"}" target="_blank" title="Follow us on Facebook" rel="noopener noreferrer" href="https://www.facebook.com/Garnier.Indonesia/"><img class="lazyload" data-src="/themes/Garnier/Images/assets/Facebook.svg" alt="Garnier Indonesia Facebook"></a> 2164 </li> 2165 <li class=""> 2166<a v-tag="{"event":"socialint","ecommerce":"undefined","event_name":"social_interaction","socialNetwork":"instagram","socialAction":"follow","socialTarget":"https://www.instagram.com/garnierindonesia/","social_network":"instagram","social_action":"follow"}" target="_blank" title="Follow us on Instagram" rel="noopener noreferrer" href="https://www.instagram.com/garnierindonesia/"><img class="lazyload" data-src="/themes/Garnier/Images/assets/Instagram.svg" alt="Garnier Indonesia Instagram"></a> 2167 </li> 2168 <li class=""> 2169<a v-tag="{"event":"socialint","ecommerce":"undefined","event_name":"social_interaction","socialNetwork":"youtube","socialAction":"follow","socialTarget":"https://www.youtube.com/user/garnierindonesia","social_network":"youtube","social_action":"follow"}" target="_blank" title="Follow us on YouTube" rel="noopener noreferrer" href="https://www.youtube.com/user/GarnierIndonesia"><img class="lazyload" data-src="/themes/Garnier/Images/assets/Youtube.svg" alt="Garnier Indonesia YouTube"></a> 2170 </li> 2171 <li class=""> 2172<a v-tag="{"event":"socialint","ecommerce":"undefined","event_name":"social_interaction","socialNetwork":"twitter","socialAction":"tweet","socialTarget":"https://twitter.com/garnierid","social_network":"twitter","social_action":"tweet"}" target="_blank" title="Follow us on Twitter" rel="noopener noreferrer" href="https://twitter.com/GarnierID"><img class="lazyload" data-src="/themes/Garnier/Images/assets/Twitter.svg" alt="Garnier Indonesia X"></a> 2173 </li> 2174 2175 </ul> 2176</div> 2177 2178 </div> 2179 </div> 2180 <div class="col-xs-12 col-sm-12" id="legaltext"> 2181 2182 </div> 2183 </div> 2184 </div> 2185 </footer> 2186</div> 2187 2188 2189 <!-- /#footer --> 2190 <scroll-to-top :scroll-to-top-label='{"scroll":"Scroll To Top"}'></scroll-to-top> 2191 </div> 2192 </div> 2193 2194 2195 <!-- /#wrapper --> 2196 2197 2198 2199Edited Script 2200 2201
2201<script src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
2201 2202<style> 2203 .header-title { 2204 color: #fff; 2205 height: 3rem; 2206 margin-bottom:3rem; 2207 box-shadow: 0 .25rem .25rem rgba(0, 0, 0, 0.4); 2208 width: 100%; 2209 position: fixed; 2210 z-index: 1; 2211 top: 0; 2212 } 2213 #sidebar-tab-text{ 2214 width: 200px; 2215 } 2216 .vertical-text { 2217 color: #fff; 2218 cursor: pointer; 2219 2220 transform-origin: left 1rem; 2221 transform: translateX(-5%) translateY(75%) rotate(-90deg); 2222 position: absolute; 2223 top: 77%; 2224 left: 80%; 2225 } 2226 .vertical-text img{ 2227 width: 35px; 2228 height:35px; 2229 transform: rotate(360deg); 2230 padding:1px; 2231 } 2232 2233 .vertical-text span{ 2234 2235 font-weight: 400; 2236 line-height: 1.5rem; 2237 letter-spacing: 1px; 2238 font-size: 0.8rem; 2239 position: absolute; 2240 left: 48px; 2241 top: 5px; 2242 } 2243 .move-to-left { 2244 transform: translateX(-330px); 2245 } 2246 .move-to-left-partly { 2247 transform: translateX(-200px); 2248 } 2249 .sidebar-sticky.sidebar { 2250 height: auto; 2251 width: 330px; 2252 position: fixed; 2253 top: 30%; 2254 z-index: 10; 2255 right: -330px; 2256 background-color: #FFF; 2257 box-shadow: 0 1rem 5rem rgba(0, 0, 0, 0.4); 2258 transition: transform .7s ease-in-out; 2259 } 2260 .sidebar-container-liner{ 2261 margin-left:1rem; 2262 } 2263 .sidebar-container-liner h4 { 2264 2265 color: #000; 2266 font-size: 24px; 2267 font-weight: bolder; 2268 line-height: 32px; 2269 padding-top: 20px; 2270 padding-bottom: 25px; 2271 margin-bottom: 0px; 2272 } 2273 .sidebar-tab { 2274 border-radius: 10px 0 0 10px; 2275 height: 215px; 2276 width: 2.5rem; 2277 position: fixed; 2278 top: 30%; 2279 z-index: 10; 2280 right: 0px; 2281 background-color: #005c43; 2282 transition: transform .7s ease-in-out; 2283 } 2284 .sidebar-container { 2285 padding: 0px 20px 20px; 2286 } 2287 .sidebar-container:last-child{ 2288 padding-bottom: 10px; 2289 } 2290 .sidebar-container a { 2291 display: flex; 2292 text-decoration: none !important; 2293 color: #000; 2294 } 2295 .sidebar-image{ 2296 width: 100px; 2297 } 2298 .sidebar-image img { 2299 max-width: 100%; 2300 max-height: 100%; 2301 border-radius: 10px; 2302 } 2303 .sidebar-content { 2304 padding-left: 20px; 2305 } 2306 .sidebar-content h2{ 2307 font-weight: bold; 2308 text-transform: uppercase; 2309 font-size: 16px; 2310 line-height: 19px; 2311 letter-spacing: 0px; 2312 margin: 0px; 2313 } 2314 .sidebar-content p{ 2315 font-size: 12px; 2316 line-height: 18px; 2317 margin-top: 10px; 2318 } 2319 </style> 2320 2321
2322<script> 2323 2324 //The only necessary piece of code lol 2325 function toggleSidebar(){ 2326 var sidebar = document.getElementById("sidebar"); 2327 var sidebarTab = document.getElementById("sidebar-tab"); 2328 var arrow = document.querySelectorAll(".arrow"); 2329 2330 sidebar.classList.toggle("move-to-left"); 2331 sidebarTab.classList.toggle("move-to-left"); 2332var hasClass = sidebarTab.classList.contains("move-to-left"); 2333if(hasClass) { 2334 // open script 2335var sidebarEvent = { 2336 event: 'uaevent', 2337 ecommerce: 'undefined', 2338 eventCategory: 'floatingCTA', 2339 eventAction: 'select::floatingCTA', 2340 event_name: 'floating_open' 2341 }; 2342 window.parent.dataLayer.push(sidebarEvent); 2343} else { 2344 // close script 2345 var sidebarEvent = { 2346 event: 'uaevent', 2347 ecommerce: 'undefined', 2348 eventCategory: 'floatingCTA', 2349 eventAction: 'select::floatingCTA', 2350 event_name: 'floating_closed' 2351 }; 2352 window.parent.dataLayer.push(sidebarEvent); 2353} 2354 2355 arrow.forEach(function(el) { 2356 el.classList.toggle("active"); 2357 }); 2358} 2359 2360 2361 /* Totally unncessary swyping gestures*/ 2362 var gestureZone = document; 2363 var touchstartX = 0, touchstartY = 0; 2364 gestureZone.addEventListener('touchstart', function(event) { 2365 touchstartX = event.changedTouches[0].screenX; 2366 touchstartY = event.changedTouches[0].screenY; 2367 }, false); 2368 2369 gestureZone.addEventListener('touchend', function(event) { 2370 var touchendX = event.changedTouches[0].screenX; 2371 var touchendY = event.changedTouches[0].screenY; 2372 handleGesure(touchendX, touchendY); 2373 }, false); 2374 2375 function handleGesure(touchendX, touchendY) { 2376 var acceptableYTravel = (touchendY-touchstartY) < 15 && (touchendY-touchstartY) > -15; 2377 2378 var swiped = 'swiped: '; 2379 if (touchendX < touchstartX && acceptableYTravel) { 2380 openSidebar(); 2381 2382 console.log(swiped + 'left!'); 2383 } 2384 if (touchendX > touchstartX && acceptableYTravel) { 2385 closeSidebar(); 2386 2387 console.log(swiped + 'right!'); 2388 } 2389 } 2390 function openSidebar(){ 2391 $("#sidebar").addClass("move-to-left"); 2392 //$("main").addClass("move-to-left-partly"); 2393 $("#sidebar-tab").addClass("move-to-left"); 2394 $(".arrow").addClass("active"); 2395 } 2396 function closeSidebar(){ 2397 $("#sidebar").removeClass("move-to-left"); 2398 //$("main").removeClass("move-to-left-partly"); 2399 $("#sidebar-tab").removeClass("move-to-left"); 2400 $(".arrow").removeClass("active"); 2401 } 2402 document.addEventListener('DOMContentLoaded', function () { 2403document.querySelectorAll('.sidebar-sticky .sidebar-container a').forEach(anchor => { 2404 anchor.addEventListener('click', function() { 2405 const actionValue = this.getAttribute('data-action'); 2406 const labelValue = this.getAttribute('data-name'); 2407 var sidebarEvent = { 2408 event: 'uaevent', 2409 ecommerce: 'undefined', 2410 eventCategory: 'floatingCTA', 2411 eventAction: actionValue, 2412 event_name: labelValue 2413 }; 2414 window.parent.dataLayer.push(sidebarEvent); 2415 }); 2416 }); 2417}); 2418 </script>
2418 2419 2420 <div class="sidebar-tab" id="sidebar-tab"> 2421 <div class="vertical-text text-center" onclick="toggleSidebar()" id="sidebar-tab-text" > 2422 <img src="-/media/37B9B02B475B45BC95F471C1D91F6C19.ashx?la=id-id" alt="camera"> 2423 <span>COBA SEKARANG</span> 2424 </div> 2425 </div> 2426 <!--The acutal content of the sidebar--> 2427 <div class="sidebar-sticky sidebar" id="sidebar"> 2428 <div class="sidebar-container-liner"> 2429 <h4> Virtual Beauty Tools</h4> 2430 </div> 2431 <div class="sidebar-container"> 2432 <a href="https://www.garnier.co.id/skin-coach?utm_source=Floating+Skin+Coach+&utm_medium=Floating+Skin+Coach+&utm_campaign=Floating+Skin+Coach+&utm_id=Floating+Skin+Coach+" data-name="floating_skindr" data-action="select::floatingCTA::skindr" > 2433 <div class="sidebar-image" style="Width:25%;padding-top:-10px;"> 2434 <img src="-/media/8278A4D3094042FC8D6B986BD0F98A32.ashx?la=id-id" alt="skin coach ai transform"> 2435 2436 </div> 2437 <div class="sidebar-content" style="Width:75%"> 2438 <h2>Skin Coach AI 2439</h2> 2440 <p> Hanya dengan satu selfie, kamu dapat mengetahui analisa & rekomendasi perawatan kulit untuk siang dan malam hari!</p> 2441 </div> 2442 </a> 2443 </div> 2444 <div class="sidebar-container"> 2445 <a href="https://www.garnier.co.id/hair-color-vto-v2?utm_source=Floating+Hair+Color+VTO&utm_medium=Floating+Hair+Color+VTO+&utm_campaign=Floating+Hair+Color+VTO&utm_id=Floating+Hair+Color+VTO" data-name="floating_virtualtryon" data-action="select::floatingCTA::v
2445irtualtryon" > 2446 <div class="sidebar-image" style="Width:25%;padding-top:-10px;"> 2447 <img src="-/media/2c49c15a08ff440da03cd8925f4f998b.ashx?la=id-id" alt="virtual try on"> 2448 </div> 2449 <div class="sidebar-content" style="Width:75%"> 2450 <h2>Virtual Try on</h2> 2451 <p>Coba warna sebelum membeli dengan teknologi canggih kami!</p> 2452 </div> 2453 </a> 2454 </div> 2455 </div> 2456 2457
2458<script defer src="/Refapp-build/foundation-layer/scripts/RefApp.foundation-layer.CM.js"></script>
2458 2459 2460 2461 2462 <!-- Sales Force Script Block --> 2463
2463<script type="text/javascript"> 2464 if (typeof _etmc !== "undefined" && _etmc) { 2465 } 2466 </script>
2466 2467 2468 2469
2469<script crossorigin="anonymous" src="/themes/Garnier/bundle.js?v=12.6.0-release00000004"></script>
2469 2470
2470<script crossorigin="anonymous" src="/themes/apac/bundle.js?v=12.6.0-release00000004"></script>
2470 2471</body> 2472</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.