PageSourceSearch

https://www.garnier.co.th/about-garnier

html garnier.co.th collected 2026-09-28 08:16:32 UTC 188,471 bytes, 2,242 lines download raw bytes

1
2
3
4   
5    
6    
7
8
9 
10
11
12<!DOCTYPE html>
13<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
14<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
15<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
16<!--[if gt IE 8]><!-->
17<html class="no-js" lang="th-TH" id="id">
18<!--<![endif]-->
19<head>
20    
21
22    <link href="/-/media/project/loreal/brand-sites/garnier/apac/th/ico/favicon-new.png?rev=bb850abe2afa47be9cccc90e104a7c69" rel="shortcut icon" />
23
24
25<!-- OneTrust Cookies Consent Notice start for garnier.co.th -->
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="bfba8827-e558-49f0-a63f-59a51a3c274e" ></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.th -->
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.th/about-garnier" rel="canonical" />
44    
45    
46
47<div class="component plain-html">
48    <div class="component-content">
49<style>
50 .qr {
51        position: fixed;
52        bottom: 15px;
53        right: 76px;
54        padding: 10px;
55        border-radius: 5px;
56        z-index: 99;
57    }
58 .qr-close-btn {        
59        position: fixed;
60        bottom: 20px;
61        right: 20px;
62        padding: 10px;
63        border-radius: 5px;
64        z-index: 99;
65		color: #808080;
66    }
67	
68	.qr-close-btn .qr-btn {
69        position: absolute;
70        bottom: 82px;
71        right: 33px;
72        background: none;
73        border: none;
74        font-size: 16px;
75        cursor: pointer;
76    }
77    .linepopup {
78	    display:none;
79        position: fixed;
80		background-color: #fff;
81		box-shadow: 7px 7px 30px 1px #8c8c81;
82        bottom: 200px;
83        right: 20px;
84        padding: 10px;
85        border-radius: 5px;
86        z-index: 99;
87		width: 16.25rem;
88    }
89	.linepopup .line-header {
90		align-items: center;
91		background: #00b900;
92		border-radius: 6px 6px 0 0;
93		display: flex;
94		height: 40px;
95    }
96	.linepopup .line-header img{
97		height: 1.375rem;
98		margin: 0 .1875rem 0 .75rem;
99		width: 1.375rem;
100	}
101    .linepopup img {
102        max-width: 100%;
103        height: auto;
104      	width: 250px
105    }
106	.linepopup p{
107		font-size: 1.005rem;
108		font-weight: 500;
109		line-height: 1.5rem;
110	}
111	.linepopup span{
112		font-size: 0.85rem;
113		line-height: 1.25rem;
114        padding-top: 10px;
115	}
116    .linepopup .close-btn {
117        position: absolute;
118        top: 9px;
119        left: 181px;
120        background: none;
121        border: none;
122        color: #ffff;
123        font-size: 16px;
124        cursor: pointer;
125    }
126.qr-mobile{
127        position: fixed;
128		height:0;
129      bottom: 20px;
130        right: 20px;
131      padding: 10px;
132        border-radius: 5px;
133        z-index: 99;
134    }
135.qr-mobile img {
136      position: fixed;
137        bottom: 119px;
138        right: 22px;
139        padding: 10px;
140        border-radius: 5px;
141        z-index: 99;
142    }
143	
144	.mobilebtn {        
145        position: fixed;
146        bottom: 20px;
147        right: 20px;
148        padding: 10px;
149        border-radius: 5px;
150        z-index: 99;
151		color: #808080;
152    }
153	
154	.mobilebtn .qr-mobilebtn {
155        position: absolute;
156        bottom: 145px;
157        right: -26px;
158        background: none;
159        border: none;
160        font-size: 16px;
161        cursor: pointer;
162    }
163@media screen and (min-width: 64em) {
164     .qr-mobile {
165        display: none;
166    }
167}
168@media screen and (max-width: 64em) {
169     .qr-desktop {
170        display: none;
171    }
172}
173@media screen and (min-width: 64em) {
174     .mobilebtn {
175        display: none;
176    }
177}
178@media screen and (max-width: 64em) {
179     .btn .qr-btn {
180        display: none;
181    }
182.qr-close-btn .qr-btn {
183	    display:none;
184	}
185
186}
187</style>
188<script>
189  document.addEventListener('DOMContentLoaded', function() {
190     
191      const qrimg = document.getElementById('qr');
192      const qrPopup = document.getElementById('popup');
193      const qrCloseBtn = document.getElementById('closeBtn');
194	  const qrImgBtn = document.getElementById('qrBtn');
195	  const imgBtn = document.getElementById('btn');
196	  const qrMobileImg = document.getElementById('mobileqr');
197	  const mobileCloseBtn = document.getElementById('qrmobileBtn');
198	  const mobileCloseBtnMark = document.getElementById('mobilebtn');
199	  function openPopup(){
200	    qrPopup.style.display ='block';		
201	  }
202	  qrimg.addEventListener("click",function() {
203		qrPopup.style.display ='block';
204		console.log('Helo');
205	  });
206      function hidePopup() {
207        qrPopup.style.display = 'none';
208      }
209	  qrCloseBtn.addEventListener('click', hidePopup);
210	  function hideImg(){
211	    qrimg.style.display = 'none';
212		imgBtn.style.display ='none';
213		qrPopup.style.display = 'none';
214	  }
215	  qrImgBtn.addEventListener('click' , hideImg);
216	  function hideMobileImg(){
217	    qrMobileImg.style.display = 'none';
218		mobileCloseBtnMark.style.display = 'none';
219	  }
220	  mobileCloseBtn.addEventListener('click' , hideMobileImg);
221	  
222	  
223  });
224</script>
224
225    </div>
226</div>
227<div class="component plain-html">
228    <div class="component-content">
229<div id="qr" class="qr qr-desktop">
230  <img alt="Chat Widget Image" src="-/media/6b641121210642b093e97df0dcab9d65.ashx?la=th-th" title="Chat Widget Image" width="103" height="103" /> 
231</div>
232
233<div id="btn" class="qr-close-btn">
234  <button id="qrBtn" class="qr-btn">X</button>
235</div>
236<div id="mobileqr" class="qr-mobile visible-mobile">
237	<a href="https://lin.ee/aAeHa94" target="_blank" title="Chat Widget Image">
238    <img alt="Chat Widget Image" src="-/media/6b641121210642b093e97df0dcab9d65.ashx?la=th-th" title="Chat Widget Image" width="90" height="90"> 
239	</a>
240</div>
241<div id="mobilebtn" class="mobilebtn">
242  <button id="qrmobileBtn" class="qr-mobilebtn">X</button>
243</div>
244
245<div id="popup" class="linepopup">
246  <div class="line-header">
247  <img alt="Line Icon" src="-/media/6b641121210642b093e97df0dcab9d65.ashx?la=th-th" title="Line"  width="50" height="50">
248  </div>
249  <img src="/-/media/project/loreal/brand-sites/garnier/apac/th/gar_website_Line Pop-up.svg" alt="Popup Image" />
250  <button id="closeBtn" class="close-btn">X</button>
251  <p>แอดไลน์ Garnier Official เพื่อไม่พลาดโปร และสินค้าใหม่ๆ! สแกนเลย</p>
252</div>    </div>
253</div>
254
255
256        <title>ผู้นำการคิดค้นผลิตภัณฑ์เพื่อบำรุงผิวหน้าและผิวกาย | Garnier</title>
257
258
259
260
261
262
263
264
265
266
267<meta property="og:image"  content="https://www.garnier.co.th/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_category-and-needs-images/mask-product-type-carousel_opt1.jpg?rev=e88ff247debb491fbcf0586d83472e5d"><meta property="og:title"  content="ผู้นำการคิดค้นผลิตภัณฑ์เพื่อบำรุงผิวหน้าและผิวกาย | Garnier"><meta property="og:url"  content="https://www.garnier.co.th/about-garnier"><meta property="og:description"  content="การ์นิเย่ เติมเต็มความงามทุกสภาพผิวด้วยผลิตภัณฑ์ดูแลผิวหน้า ที่ดีที่สุดสำหรับสาวเอเชีย การคิดค้นสูตรใหม่ ๆ อยู่เสมอ เพราะ การ์นิเย่ เข้าใจในความต้องการของทุกคน">
268
269
270<meta  name="description" content="การ์นิเย่ เติมเต็มความงามทุกสภาพผิวด้วยผลิตภัณฑ์ดูแลผิวหน้า ที่ดีที่สุดสำหรับสาวเอเชีย การคิดค้นสูตรใหม่ ๆ อยู่เสมอ เพราะ การ์นิเย่ เข้าใจในความต้องการของทุกคน"><meta  name="keywords" content="การ์นิเย่, garnier">
271
272
273<meta  name="twitter:image" content="https://www.garnier.co.th/-/media/project/loreal/brand-sites/garnier/apac/th/tips_howtos/life-style/life-style-for-her/what-is-melasma/new-950x534.png?rev=ab51b2cf41614626abfa1a364a453093"><meta  name="twitter:description" content="รู้จักฝ้า ปัญหาผิวหน้าที่ห้ามมองข้าม พร้อมวิธีป้องกันการเกิดฝ้า รักษาฝ้าแบบถูกต้องไร้ผลข้างเคียง เผยผิวใส ใช้ชีวิตมั่นใจ พร้อมผิวใหม่ ให้ดูสุขภาพดีในระยะยาว"><meta  name="twitter:title" content="ฝ้าเกิดจากอะไร พร้อมแชร์และบอกต่อวิธีรักษาแบบเห็นผลจริง"><meta  name="twitter:card" content="summary_large_image">
274
275    <meta name="viewport" content="width=device-width, initial-scale=1" />
276<link rel="preconnect" crossorigin="anonymous" href="https://www.googletagmanager.com/gtm.js?id=GTM-W57T9HC" as="script">
277        
277<script type="text/plain" class="optanon-category-2">
278            if (window.eventBus) {
279    window.eventBus.$emit('optanonCategory2', true);
280            
281            }
282        </script>
282
283        
283<script type="text/plain" class="optanon-category-3">
284            if (window.eventBus) {
285            window.eventBus.$emit('optanonCategory3', true);
286            
287            }
288        </script>
288
289        
289<script type="text/plain" class="optanon-category-4">
290            if (window.eventBus) {
291                window.eventBus.$emit('optanonCategory4', true);
292                
293            }
294        </script>
294
295    
295<script type="text/javascript">
296        var dataLayer = window["dataLayer"] || [];
297        dataLayer.push({"brand":"GAR","language":"th","country":"th","geoIPLocation":"US","siteTypeLevel":"main","pageCategory":"content page::branding page","uiLoggedStatus":"not logged","website_type":"NON-DTC","masterVersion":"3.2","breadCrumb":"home \u003e about-garnier","product_category":""});
298    </script>
298
299    
299<script type="application/json" id="refapp-global-tagging-configuration">
300        {
301            "globalVars":   {
302            "[page category]": "content page::branding page"
303                            }
304        }
305    </script>
305
306    <!-- Google Tag Manager -->
307    <link rel="dns-prefetch" href="https://www.googletagmanager.com">
308    <link rel="dns-prefetch" href="https://www.google-analytics.com">
309        
309<script type="text/javascript">
vendor: 375 bytes, lines 309-314
309
310        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
311        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
312        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
313        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
314        })(window,document,'script','dataLayer',  '
314GTM-W57T9HC
vendor: 13 bytes, lines 314-315
314');
315        
315</script>
315
316    <!-- End Google Tag Manager -->
317    <!--Jebbit Quiz Tagging Script-->
318    
318<script type="text/javascript">
319        setTimeout(function () {
320            function iFramePush(message) {
321                try {
322                    if (typeof message.data['event'] != 'undefined')
323                        dataLayer.push(message.data);
324                } catch (e) { }
325            }
326            window.addEventListener("message", iFramePush, false);
327        }, 5000);
328    </script>
328
329    <!--End Jebbit Quiz Tagging Script-->
330
331    <link rel="stylesheet" type="text/css" href="/themes/garnier/gothamfonts.css" defer />
332    
333    
334
335</head>
336
337
338<body class="default-device wireframe-images bodyclass gotham-fontsgotham-fonts">
339    
339<script>document.querySelector('html').classList.remove('no-js')</script>
339
340    <div style="display: none"><?xml version="1.0" encoding="utf-8" ?>
341<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
342    <symbol viewBox="0 0 300 300" id="account" xmlns="http://www.w3.org/2000/svg">
343        <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" />
344    </symbol>
345    <symbol viewBox="0 0 300 300" id="arrow-down" xmlns="http://www.w3.org/2000/svg">
346        <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" />
347    </symbol>
348    <symbol viewBox="0 0 300 300" id="arrow-next" xmlns="http://www.w3.org/2000/svg">
349        <path class="acst0" d="M102.4 298.8l-48.8-47.5 99-101.7-101.7-99L98.4 1.8l150.5 146.5z" />
350    </symbol>
351    <symbol viewBox="0 0 300 300" id="arrow-previous" xmlns="http://www.w3.org/2000/svg">
352        <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" />
353    </symbol>
354    <symbol viewBox="0 0 272.93 295" id="arrow-reset" xmlns="http://www.w3.org/2000/svg">
355        <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" />
356    </symbol>
357    <svg viewBox="0 0 16 16" id="arrow-right" fill="none" xmlns="http://www.w3.org/2000/svg">
358        <path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="2"/>
359    </svg>
360    <symbol viewBox="0 0 300 300" id="arrow-slider-next" xmlns="http://www.w3.org/2000/svg">
361        <path class="afcls-1" d="M115.45 81.31l70.41 68.56-68.56 70.41" />
362    </symbol>
363    <symbol viewBox="0 0 300 300" id="arrow-slider-previous" xmlns="http://www.w3.org/2000/svg">
364        <path class="agcls-1" d="M185.86 81.31l-70.41 68.56 68.56 70.41" />
365    </symbol>
366    <svg width="30" height="30" id="arrow-top-rounded" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
367      <path d="M22.5 18.75L15 11.25L7.5 18.75" stroke="#156031" stroke-width="2.5"/>
368    </svg>
369
370    <symbol viewBox="0 0 300 300" id="arrows-updown" xmlns="http://www.w3.org/2000/svg">
371        <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" />
372    </symbol>
373    <symbol fill="none" viewBox="0 0 201 98" id="back-arrow-quiz" xmlns="http://www.w3.org/2000/svg">
374        <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" />
375    </symbol>
376    <symbol viewBox="0 0 20 20" id="before-after" xmlns="http://www.w3.org/2000/svg">
377        <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" />
378    </symbol>
379    <symbol viewBox="0 0 300 300" id="burger" xmlns="http://www.w3.org/2000/svg">
380        <path class="alcls-1" d="M45 85.3h210v27.54H45zm0 51.63h210v27.54H45zm0 51.64h210v27.54H45z" />
381    </symbol>
382    <symbol viewBox="0 0 300 300" id="cart" xmlns="http://www.w3.org/2000/svg">
383        <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" />
384    </symbol>
385    <symbol viewBox="0 0 300 300" id="chat" xmlns="http://www.w3.org/2000/svg">
386        <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" />
387    </symbol>
388    <symbol viewBox="0 0 300 300" id="chat-with-dots" xmlns="http://www.w3.org/2000/svg">
389        <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" />
390        <circle cx="108" cy="126.2" r="11.2" fill="#fff" />
391        <circle cx="156.7" cy="126.2" r="11.2" fill="#fff" />
392        <circle cx="205.4" cy="126.2" r="11.2" fill="#fff" />
393    </symbol>
394    <symbol viewBox="0 0 15 15" id="close" xmlns="http://www.w3.org/2000/svg">
395        <path class="apst0" d="M.4 1.1l13.5 13.5 1-1L1.4.1l-1 1z" />
396        <path class="apst0" d="M14.9 1.1L1.4 14.6l-1-1L13.9.1l1 1z" />
397    </symbol>
398    <symbol viewBox="0 0 80 48" id="email" xmlns="http://www.w3.org/2000/svg">
399        <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" />
400    </symbol>
401    <symbol viewBox="0 0 300 300" id="facebook" xmlns="http://www.w3.org/2000/svg">
402        <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" />
403    </symbol>
404    <symbol viewBox="0 0 300 300" id="google" xmlns="http://www.w3.org/2000/svg">
405        <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" />
406    </symbol>
407    <symbol viewBox="0 0 300 300" id="home" xmlns="http://www.w3.org/2000/svg">
408        <path class="atcls-1" d="M149.48 51.52l-84.04 68.76v129.88h168.08V120.28l-84.04-68.76z" />
409        <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" />
410    </symbol>
411    <symbol viewBox="0 0 49 49" id="info" xmlns="http://www.w3.org/2000/svg">
412        <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" />
413        <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" />
414        <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" />
415    </symbol>
416    <symbol viewBox="0 0 300 300" id="instagram" xmlns="http://www.w3.org/2000/svg">
417        <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" />
418    </symbol>
419    <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">
420        <circle cx="50" cy="50" r="40" fill="none" stroke="#eef7db" stroke-width="3">
421            <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
421inite" />
422            <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" />
423        </circle>
424        <circle cx="50" cy="50" r="25.953" fill="none" stroke="#B4C832" stroke-width="3">
425            <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" />
426            <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" />
427        </circle>
428    </symbol>
429    <symbol viewBox="0 0 300 300" id="location" xmlns="http://www.w3.org/2000/svg">
430        <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" />
431    </symbol>
432    <symbol viewBox="0 0 15 15" id="minus" xmlns="http://www.w3.org/2000/svg">
433        <path class="ayst0" d="M17.2 8H-1.9V6.6h19.1V8z" />
434    </symbol>
435    <symbol viewBox="0 0 300 300" id="pinterest" xmlns="http://www.w3.org/2000/svg">
436        <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" />
437    </symbol>
438    <symbol viewBox="0 0 15 15" id="plus" xmlns="http://www.w3.org/2000/svg">
439        <path class="bast0" d="M7-2.2v19.1h1.4V-2.2H7z" />
440        <path class="bast0" d="M17.2 8H-1.9V6.6h19.1V8z" />
441    </symbol>
442    <symbol fill="none" viewBox="0 0 24 24" id="arrowhead-previous" xmlns="http://www.w3.org/2000/svg">
443        <path d="M15 6l-6 6 6 6" stroke="#21362C" stroke-width="2"/>
444    </symbol>
445    <symbol fill="none" viewBox="0 0 24 24" id="arrowhead-next" xmlns="http://www.w3.org/2000/svg">
446        <path d="M9 18l6-6-6-6" stroke="#21362C" stroke-width="2"/>
447    </symbol>
448    <symbol fill="none" viewBox="0 0 18 18" id="arrowhead-S-right" xmlns="http://www.w3.org/2000/svg">
449        <path d="M6.75 13.5l4.5-4.5-4.5-4.5" stroke="currentColor" stroke-width="2"/>
450    </symbol>
451    <symbol viewBox="0 0 126 135" id="rounded-arrow-quiz" xmlns="http://www.w3.org/2000/svg">
452        <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"/>
453    </symbol>
454    <symbol viewBox="0 0 300 300" id="search" xmlns="http://www.w3.org/2000/svg">
455        <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" />
456    </symbol>
457    <symbol viewBox="0 0 300 300" id="share" xmlns="http://www.w3.org/2000/svg">
458        <circle cx="151" cy="150.5" r="99" />
459        <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" />
460    </symbol>
461    <symbol viewBox="0 0 155.139 155.139" id="sign-in-facebook" xmlns="http://www.w3.org/2000/svg">
462        <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" />
463    </symbol>
464    <symbol viewBox="0 0 300 300" id="star" xmlns="http://www.w3.org/2000/svg">
465        <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" />
466    </symbol>
467    <symbol viewBox="0 0 29 21.96" id="tryon-camera" xmlns="http://www.w3.org/2000/svg">
468        <path class="bgcls-1" d="M21.78 4l-2.34-4H9.56L7.22 4H0v18h29V4zM28 21H1V5h6.79l2.34-4h8.74l2.34 4H28z" />
469        <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" />
470        <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" />
471    </symbol>
472    <symbol viewBox="0 0 22.4 19" id="tryon-reload" xmlns="http://www.w3.org/2000/svg">
473        <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" />
474    </symbol>
475    <symbol viewBox="0 0 29 25" id="tryon-upload" xmlns="http://www.w3.org/2000/svg">
476        <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" />
477        <path class="bicls-1" d="M29 0H0v18h10.63v-1H1V1h27v16h-9.63v1H29V0z" />
478    </symbol>
479    <symbol viewBox="0 0 300 300" id="twitter" xmlns="http://www.w3.org/2000/svg">
480        <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" />
481    </symbol>
482    <symbol viewBox="0 0 107 59" id="up-arrow" xmlns="http://www.w3.org/2000/svg">
483        <path d="M107.4 54.9L53.9.3.4 54.9 4 58.6 53.9 7.7l49.9 50.9z" />
484    </symbol>
485    <symbol viewBox="0 0 300 300" id="video" xmlns="http://www.w3.org/2000/svg">
486        <path class="blcls-1" d="M126.93 113.88v79.35l66.13-39.67-66.13-39.68z" />
487        <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" />
488    </symbol>
489    <symbol viewBox="0 0 20 20" id="video-pdp" xmlns="http://www.w3.org/2000/svg">
490        <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" />
491    </symbol>
492    <symbol viewBox="0 0 300 300" id="youtube" xmlns="http://www.w3.org/2000/svg">
493        <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
4930.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" />
494    </symbol>
495    <symbol viewBox="0 0 300 300" id="zoom-minus" xmlns="http://www.w3.org/2000/svg">
496        <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" />
497        <path class="bocls-1" d="M106.28 142.92v-14.98h59.91v14.98z" />
498    </symbol>
499    <symbol viewBox="0 0 300 300" id="zoom-plus" xmlns="http://www.w3.org/2000/svg">
500        <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" />
501        <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" />
502    </symbol>
503    <symbol viewBox="0 0 40 40" id="co2" xmlns="http://www.w3.org/2000/svg">
504        <g fill="none" fill-rule="evenodd">
505            <circle stroke="#969696" fill="#FFF" cx="20" cy="20" r="19.5" />
506            <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" />
507        </g>
508    </symbol>
509    <symbol viewBox="0 0 40 40" id="picto-water" xmlns="http://www.w3.org/2000/svg">
510        <g fill="none" fill-rule="evenodd">
511            <circle stroke="#969696" fill="#FFF" cx="20" cy="20" r="19.5" />
512            <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" />
513        </g>
514    </symbol>
515    <symbol viewBox="0 0 40 40" id="picto-tryon" xmlns="http://www.w3.org/2000/svg">
516        <path fill="#004532" d="M0 0h40v40H0z" />
517        <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
517-.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"
518              fill="#fff" />
519        <path opacity=".5" fill="#004532" d="M20 0h20v40H20z" />
520    </symbol>
521    <symbol viewBox="0 0 30 25" id="picto-camera" xmlns="http://www.w3.org/2000/svg">
522        <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" />
523    </symbol>
524    <symbol viewBox="0 0 15 20" id="picto-upload" xmlns="http://www.w3.org/2000/svg">
525        <path d="M15 14v1.2H0V14h15zM7.497 2L12.3 7.486H8.869v5.485h-2.74V7.486H2.7L7.497 2z" fill-rule="evenodd" />
526    </symbol>
527    <symbol fill="none" viewBox="0 0 25 25" id="warning-icon" xmlns="http://www.w3.org/2000/svg">
528        <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"/>
529        <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"/>
530    </symbol>
531    <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>
532
533    <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>
534    <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>
535
536</svg>
537
538<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none" id="newchat">
539  <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"/>
540</svg>
541<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" id="newsearch">
542  <circle cx="10.875" cy="10.875" r="7.875" stroke="white" stroke-width="2"/>
543  <path d="M16.5 16.5L21 21" stroke="white" stroke-width="2" stroke-linejoin="round"/>
544</svg>
545<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" id="newaccount">
546  <g clip-path="url(#clip0_77070_5919)">
547    <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"/>
548    <rect x="2" y="14" width="15.9973" height="22" rx="4" stroke="white" stroke-width="2"/>
549  </g>
550  <defs>
551    <clipPath id="clip0_77070_5919">
552      <rect width="20" height="20" fill="white"/>
553    </clipPath>
554  </defs>
555</svg>
556
557<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">
558    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
559        <g id="27-New-Atoms-down" transform="translate(-50.000000, -234.000000)">
560            <g id="New-Arrow/Down" transform="translate(50.000000, 234.000000)">
561                <rect id="frame-30-down" x="0" y="0" width="30" height="30"></rect>
562                <path d="M9.66893667,24.6083133 C10.1911855,25.1305622 11.033
5621786,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>
563            </g>
564        </g>
565    </g>
566</svg>
567<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">
568    <g id="Find-Your-Match" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
569        <g id="27-New-Atoms-left" transform="translate(-170.000000, -234.000000)">
570            <g id="New-Arrow/left" transform="translate(170.000000, 234.000000)">
571                <rect id="frame-30-left" x="0" y="0" width="30" height="30"></rect>
572                <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"
573                fill="#005c43" transform="translate(15.000000, 15.000000) scale(-1, 1) translate(-15.000000, -15.000000) "></path>
574            </g>
575        </g>
576    </g>
577</svg>
578
579
580<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="new-arrowdown">
581<path d="M20 8L12 16L4 8" stroke="black" stroke-width="2"/>
582</svg>
583<svg width="16" height="16" viewBox="0 0 16 16" id="new-chat-with-dots" fill="none" xmlns="http://www.w3.org/2000/svg">
584<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"/>
585<rect x="5" y="7" width="1" height="1" fill="#21362C"/>
586<rect x="7" y="7" width="1" height="1" fill="#21362C"/>
587<rect x="9" y="7" width="1" height="1" fill="#21362C"/>
588</svg>
589<svg width="16" height="16" viewBox="0 0 16 16" fill="none" id="new-search-arrow-next" xmlns="http://www.w3.org/2000/svg">
590  <path d="M5.5293 13L10.5293 8L5.5293 3" stroke-width="2"/>
591  </svg>
592<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="new-arrowup">
593    <path d="M20 16L12 8L4 16" stroke="#21362C" stroke-width="2"/>
594</svg>
595<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="pin">
596    <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" />
597    <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" />
598</svg>
599<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="goback-arrow">
600  <path d="M15 6L9 12L15 18" stroke="#156031" stroke-width="2"/>
601</svg>
602
603<svg
604          width="56"
605          height="56"
606          viewBox="0 0 56 56"
607          fill="none"
608          xmlns="http://www.w3.org/2000/svg" id="qrplayicon">
609              <path
610                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"
611                fill="white"
612              />
613          <defs>
614            <filter
615              id="filter0_d_78516_480"
616              x="0"
617              y="0"
618              width="56"
619              height="56"
620              filterUnits="userSpaceOnUse"
621              color-interpolation-filters="sRGB"
622            >
623              <feFlood flood-opacity="0" result="BackgroundImageFix" />
624              <feColorMatrix
625                in="SourceAlpha"
626                type="matrix"
627                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
628                result="hardAlpha"
629              />
630              <feOffset />
631              <feGaussianBlur stdDeviation="2" />
632              <feComposite in2="hardAlpha" operator="out" />
633              <feColorMatrix
634                type="matrix"
635                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
636              />
637              <feBlend
638                mode="normal"
639                in2="BackgroundImageFix"
640                result="effect1_dropShadow_78516_480"
641              />
642              <feBlend
643                mode="normal"
644                in="SourceGraphic"
645                in2="effect1_dropShadow_78516_480"
646                result="shape"
647              />
648            </filter>
649            <clipPath id="clip0_78516_480">
650              <rect width="56" height="56" fill="white" />
651            </clipPath>
652          </defs>
653        </svg>
654<svg width="10" height="11" viewBox="0 0 10 11" xmlns="http://www.w3.org/2000/svg" id="qrstar">
655  <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"/>
656</svg>
657
658
659<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="searchicon">
660    <circle cx="10.875" cy="10.875" r="7.875" stroke="#21362C" stroke-width="2" />
661    <path d="M16.5 16.5L21 21" stroke="#21362C" stroke-width="2" stroke-linejoin="round" />
662</svg>
663
664
665<svg id="closeicon"
666          width=" 24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
667    <path d="M19 5L5 19" stroke="#21362C" stroke-width="2" stroke-linejoin="round" />
668    <path d="M5 5L19 19" stroke="#21362C" stroke-width="2" stroke-linejoin="round" />
669</svg>
670</div>
671    
672    <!-- Google Tag Manager (noscript) -->
673    <noscript>
674    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W57T9HC"
675            height="0" width="0" title="Tag manager" style="display:none;visibility:hidden"></iframe>
676    </noscript>
677    <!-- End Google Tag Manager (noscript) -->
678
679    <!-- #wrapper -->
680    <div id="wrapper">
681        <div id="main-container" key="main_container_key">
682            <!-- #header -->
683            <div id="header" class="main clearfix">
684
685
686
687<div data-qr-page-section="hide-on-qr">
688    <ul id="jump-to-content" prefix="jump-to-content" tabindex="-1" slot="skiplinks" class="jump-to-content">
689    <li><a href="#sidebar-toggle" rel="nofollow">ลงล่าง</a></li>
690    <li><a href="#content" rel="nofollow">ดูเนื้อหา</a></li>
691    <li><a href="#footer" rel="nofollow">ขึ้นบน</a></li>
692</ul>
693
694    <header v-cloak id="new-main__header" class="new-header" role="banner">
695        <newheadernavigation :new-header="true">
696            
697
698
699            <div v-cloak slot="navbar" slot-scope="props" class="navbar navbar-default nav-center navbar-fixed-top">
700                <input type="checkbox" name="nav-toggle" id="nav-toggle" tabindex="-1" aria-hidden="true">
701                <label for="nav-toggle">Toggle nav</label>
702                <span id="wordbreak"></span>
703                <div class="site-header__wrapper">
704                    
705<newhamburger title=""
706              aria-label-close-text="Close Text"
707              aria-label-expanded-text="Expand Text">
708</newhamburger>
709
710                    <input type="hidden" id="hdnFlag" value="False" />
711                        <div class="menu_item_container"
712                             >
713
714                            <nav nav role="navigation" aria-label="Menu principal" class="collapse navbar-collapse header__navigation">
715                                <div class="nav-sidebar-wrapper">
716
717                                    <div class="sidebar__wrapper" tabindex="-1" id="menuModal">
718                                        <div class="submenuheader__firstlevel_container">
719                                            <div class="submenuheader__logo-wrapper">
720                                                <img src="" alt="Garnier" id="submenuheaderlogoimagesrc" class="submenuheader__logo-image">
721                                            </div>
722                                            <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()">
723                                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
724                                                    <path d="M19 5L5 19" stroke="#21362C" stroke-width="2" stroke-linejoin="round" />
725                                                    <path d="M5 5L19 19" stroke="#21362C" stroke-width="2" stroke-linejoin="round" />
726                                                </svg>
727                                            </button>
728                                        </div>
729                                        <div class="sidebar__wrapper-scroll" tabindex="0">
730                                            
731
732<newmainnavigation>
733
734
735                    <newitemnavigation main-menu="megamenublock-1" category-id="ebb5878e-97b3-4253-b248-2abb4b12f1db" category-name ="OUR BRANDS" category-item ="Castle.Proxies.ICategoryProxy">
736                        <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-1">
737                            <span class="title-mega-menu">ผลิตภัณฑ์การ์นิเย่</span>
738                            <span class="arrow-mega-menu">
739                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
740                                    <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
741                                </svg>
742                            </span>
743                        </button>
744                    </newitemnavigation>
745                    <newitemnavigation main-menu="megamenublock-2" category-id="627f1c85-9aa8-4202-8ff8-e02a72eb8b11" category-name ="FEMALE SKINCARE" category-item ="Castle.Proxies.ICategoryProxy">
746                        <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-2">
747                            <span class="title-mega-menu">ผลิตภัณฑ์บำรุงผิวหน้า</span>
748                            <span class="arrow-mega-menu">
749                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
750                                    <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
751                                </svg>
752                            </span>
753                        </button>
754                    </newitemnavigation>
755                    <newitemnavigation main-menu="megamenublock-3" category-id="8f6969ca-acb9-4b71-9b0c-b56afae7bfc8" category-name ="BODY CARE" category-item ="Castle.Proxies.ICategoryProxy">
756                        <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-3">
757                            <span class="title-mega-menu">ผลิตภัณฑ์ดูแลผิวกาย</span>
758                            <span class="arrow-mega-menu">
759                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
760                                    <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
761                                </svg>
762                            </span>
763                        </button>
764                    </newitemnavigation>
765                    <newitemnavigation main-menu="megamenublock-4" category-id="78c3ae25-440a-40fc-9461-f292a99c9616" category-name ="MENS SKINCARE" category-item ="Castle.Proxies.ICategoryProxy">
766                        <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-4">
767                            <span class="title-mega-menu">ผลิตภัณฑ์บำรุงผิวผู้ชาย</span>
768                            <span class="arrow-mega-menu">
769                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
770                                    <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
771                                </svg>
772                            </span>
773                        </button>
774                    </newitemnavigation>
775                    <newitemnavigation main-menu="megamenublock-5" category-id="58b77176-8c78-4205-b9de-b09cfc44a964" category-name ="MENS HAIR" category-item ="Castle.Proxies.ICategoryProxy">
776                        <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-5">
777                            <span class="title-mega-menu">ผลิตภัณฑ์เปลี่ยนสีผม</span>
778                            <span class="arrow-mega-menu">
779                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
780                                    <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
781                                </svg>
782                            </span>
783                        </button>
784                    </newitemnavigation>
785                    <newitemnavigation main-menu="megamenublock-6" category-id="f1928f4e-abc1-432a-85cb-cb9e20392722" category-name ="SERVICES TOOLS" category-item ="Castle.Proxies.ICategoryProxy">
786                        <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-6">
787                            <span class="title-mega-menu">บริการอื่น ๆ ของเรา</span>
788                            <span class="arrow-mega-menu">
789                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
790                                    <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
791                                </svg>
792                            </span>
793                        </button>
794                    </newitemnavigation>
795                    <newitemnavigation main-menu="megamenublock-7" category-id="bb22403f-df93-47d3-bcb9-8f2437b6c676" category-name ="Tips And How To" category-item ="Castle.Proxies.ICategoryProxy">
796                        <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-7">
797                            <span class="title-mega-menu">เคล็ดลับการดูแล</span>
798                            <span class="arrow-mega-menu">
799                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
800                                    <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
801                                </svg>
802                            </span>
803                        </button>
804                    </newitemnavigation>
805                    <newitemnavigation main-menu="megamenublock-8" category-id="d6f7557a-691e-40ff-a486-5bf7ea9a01b5" category-name ="GREEN BEAUTY" category-item ="Castle.Proxies.ICategoryProxy">
806                        <button slot="newitemnavigation" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" data-menu="item-8">
807                            <span class="title-mega-menu">GREEN BEAUTY</span>
808                            <span class="arrow-mega-menu">
809                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
810                                    <path d="M9 18L15 12L9 6" stroke="#21362C" stroke-width="2"/>
811                                </svg>
812                            </span>
813                        </button>
814                    </newitemnavigation>
815</newmainnavigation>
816
817
818                                            
819<div class="component link-list new-header__info-wrapper--mobile">
820    <div class="component-content">
821        
822                <ul class="footer-navigation">
823                            <li class="item0 odd first">
824<a class="new-header__info-link" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;burger menu&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;about garnier&quot;}" data-variantfieldname="Link" href="/about-garnier" data-variantitemid="{278C554F-EF79-4283-BEA6-63968970C2D5}">เกี่ยวกับการ์นิเย่</a>                            </li>
825                            <li class="item1 even">
826<a class="new-header__info-link" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;burger menu&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;about ingredients&quot;}" data-variantfieldname="Link" href="/about-ingredients" data-variantitemid="{1C073233-A12A-4F6B-A399-E6EC0DF36A2C}">ส่วนผสมจากธรรมชาติของการ์นิเย่</a>                            </li>
827                            <li class="item2 odd last">
828<a class="new-header__info-link" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;eventCategory&quot;:&quot;burger menu&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;gisele ambassador&quot;}" data-variantfieldname="Link" href="/garnier-x-gisele-bundchen" data-variantitemid="{381CC2D1-2CEE-4572-8E52-2A62AA4EE4EE}">New! Garnier x Gisele</a>                            </li>
829
830        </ul>
831    </div>
832</div>
833
834
835                                            
836                                        </div>
837                                    </div>
838                                    <newmegamenuoverlay></newmegamenuoverlay>
839                                    <div class="new_header_megamenublock">
840                                        
841
842
843            <newsubmenu category-title="ผลิตภัณฑ์การ์นิเย่" back-button-aria-label="Return to Previous Menu">
844                <div slot="megamenublock-1" class="level__two--new">
845
846
847
848<div class="panel-title-list">
849    <div class="container">
850        <div class="row">
851
852            <div class="mega-menu__level1--column mega-menu__level1--glcolumn ">
853                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
854                            <div class="new-highlight-links">
855            <a href="/shop-products"
856               v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::ดูผลิตภัณฑ์ทั้งหมด&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::ดูผลิตภัณฑ์ทั้งหมด&quot;}">
857                <span class="new-highlight-links__text">
858                    ดูผลิตภัณฑ์ทั้งหมด
859                </span>
860            </a>
861    </div>
862                            <div class="mega-menu__columns">
863                                
864                <new-mega-menu-collapse>
865                    <span slot="indicator" class="mega-menu-collapse__indicator">
866                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
867                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
868                        </svg>
869                    </span>
870
871                        <span slot="title" class="mega-menu-collapse__title--header">กลุ่มผลิตภัณฑ์สำหรับผิวกาย</span>
872
873                    <ul slot="content" slot-scope="afterProps">
874                                <li>
875                                    <a href="/about-our-brands/bright-complete-body" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผิวกาย::การ์นิเย่ บอดี้ ไบร์ท คอมพลีท&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผิวกาย::การ์นิเย่ บอดี้ ไบร์ท คอมพลีท&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
876                                        การ์นิเย่ บอดี้ ไบร์ท คอมพลีท
877
878                                    </a>
879                                </li>
880                                <li>
881                                    <a href="/about-our-brands/sakura-glow-body" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผิวกาย::การ์นิเย่ บอดี้ ซากุระ โกลว์&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผิวกาย::การ์นิเย่ บอดี้ ซากุระ โกลว์&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
882                                        การ์นิเย่ บอดี้ ซากุระ โกลว์
883
884                                    </a>
885                                </li>
886                    </ul>
887                </new-mega-menu-collapse>
888                <new-mega-menu-collapse>
889                    <span slot="indicator" class="mega-menu-collapse__indicator">
890                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
891                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
892                        </svg>
893                    </span>
894
895                        <span slot="title" class="mega-menu-collapse__title--header">กลุ่มผลิตภัณฑ์สำหรับผู้หญิง</span>
896
897                    <ul slot="content" slot-scope="afterProps">
898                                <li>
899                                    <a href="/about-our-brands/bright-complete" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้หญิง::การ์นิเย่ ไบรท์ คอมพลีท&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้หญิง::การ์นิเย่ ไบรท์ คอมพลีท&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
900                                        การ์นิเย่ ไบรท์ คอมพลีท
901
902                                    </a>
903                                </li>
904                                <li>
905                                    <a href="/about-our-brands/garnier-dry-touch" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้หญิง::การ์นิเย่ ดราย ทัช&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้หญิง::การ์นิเย่ ดราย ทัช&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
906                                        การ์นิเย่ ดราย ทัช
907
908                                    </a>
909                                </li>
910                                <li>
911                                    <a href="/about-our-brands/sakura-glow" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้หญิง::การ์นิเย่ ซากุระ โกลว์&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้หญิง::การ์นิเย่ ซากุระ โกลว์&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
912                                        การ์นิเย่ ซากุระ โกลว์
913
914                                    </a>
915                                </li>
916                                <li>
917                                    <a href="/about-our-brands/pure-active" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้หญิง::การ์นิเย่ เพียวแอคทีฟ&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้หญิง::การ์นิเย่ เพียวแอคทีฟ&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
918                                        การ์นิเย่ เพียวแอคทีฟ
919
920                                    </a>
921                                </li>
922                                <li>
923                                    <a href="/about-our-brands/ageless-radiance" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้หญิง::การ์นิเย่ เอจเลส เรเดี้ยน&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้หญิง::การ์นิเย่ เอจเลส เรเดี้ยน&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
924                                        การ์นิเย่ เอจเลส เรเดี้ยน
925
926                                    </a>
927                                </li>
928                                <li>
929                                    <a href="/about-our-brands/micellar-water" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้หญิง::การ์นิเย่ ไมเซล่า&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้หญิง::การ์นิเย่ ไมเซล่า&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
930                                        การ์นิเย่ ไมเซล่า
931
932                                    </a>
933                                </li>
934                                <li>
935                                    <a href="/about-our-brands/masks" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้หญิง::การ์นิเย่ มาส์ก&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้หญิง::การ์นิเย่ มาส์ก&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
936                                        การ์นิเย่ มาส์ก
937
938                                    </a>
939                                </li>
940                                <li>
941                                    <a href="/about-our-brands/bright-complete/uv" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้หญิง::การ์นิเย่ ซุปเปอร์ ยูวี&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้หญิง::การ์นิเย่ ซุปเปอร์ ยูวี&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
942                                        การ์นิเย่ ซุปเปอร์ ยูวี
943
944                                    </a>
945                                </li>
946                                <li>
947                                    <a href="/about-our-brands/bright-complete-anti-acne" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้หญิง::การ์นิเย่ ไบรท์ คอมพลีท แอนตี้ แอคเน่&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้หญิง::การ์นิเย่ ไบรท์ คอมพลีท แอนตี้ แอคเน่&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
948                                        การ์นิเย่ ไบรท์ คอมพลีท แอนตี้ แอคเน่
949
950                                    </a>
951                                </li>
952                                <li>
953                                    <a href="/about-our-brands/การ์นิเย่-ไตร-แอซิด-รีนิว-สกิน-รีนิววัล-คอนเซนเทรต" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้หญิง::การ์นิเย่ ไตร-แอซิด รีนิว สกิน รีนิววัล คอนเซนเทรต&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้หญิง::การ์นิเย่ ไตร-แอซิด รีนิว สกิน รีนิววัล คอนเซนเทรต&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
954                                        การ์นิเย่ ไตร-แอซิด รีนิว สกิน รีนิววัล คอนเซนเทรต
955
956                                    </a>
957                                </li>
958                    </ul>
959                </new-mega-menu-collapse>
960
961                            </div>
962                        </div>
963                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column2">
964                            <div class="mega-menu__columns">
965                                
966                <new-mega-menu-collapse>
967                 
967   <span slot="indicator" class="mega-menu-collapse__indicator">
968                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
969                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
970                        </svg>
971                    </span>
972
973                        <span slot="title" class="mega-menu-collapse__title--header">กลุ่มผลิตภัณฑ์สำหรับผู้ชาย</span>
974
975                    <ul slot="content" slot-scope="afterProps">
976                                <li>
977                                    <a href="/about-our-brands/acno-fight" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้ชาย::การ์นิเย่ เมน แอคโนไฟท์&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้ชาย::การ์นิเย่ เมน แอคโนไฟท์&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
978                                        การ์นิเย่ เมน แอคโนไฟท์
979
980                                    </a>
981                                </li>
982                                <li>
983                                    <a href="/about-our-brands/oil-control" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้ชาย::การ์นิเย่ เมน ออยล์ คอนโทรล&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้ชาย::การ์นิเย่ เมน ออยล์ คอนโทรล&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
984                                        การ์นิเย่ เมน ออยล์ คอนโทรล
985
986                                    </a>
987                                </li>
988                                <li>
989                                    <a href="/about-our-brands/turbo-bright" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้ชาย::การ์นิเย่ เมน เทอร์โบไบรท์&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์การ์นิเย่::กลุ่มผลิตภัณฑ์สำหรับผู้ชาย::การ์นิเย่ เมน เทอร์โบไบรท์&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
990                                        การ์นิเย่ เมน เทอร์โบไบรท์
991
992                                    </a>
993                                </li>
994                    </ul>
995                </new-mega-menu-collapse>
996
997                            </div>
998                        </div>
999
1000            </div>
1001
1002            
1003
1004
1005
1006
1007
1008
1009
1010
1011        </div>
1012
1013    </div>
1014</div>
1015                </div>
1016            </newsubmenu>
1017            <newsubmenu category-title="ผลิตภัณฑ์บำรุงผิวหน้า" back-button-aria-label="Return to Previous Menu">
1018                <div slot="megamenublock-2" class="level__two--new">
1019
1020
1021
1022<div class="panel-title-list">
1023    <div class="container">
1024        <div class="row">
1025
1026            <div class="mega-menu__level1--column mega-menu__level1--glcolumn ">
1027                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
1028                                                        <div class="mega-menu__columns">
1029                                
1030                <new-mega-menu-collapse>
1031                    <span slot="indicator" class="mega-menu-collapse__indicator">
1032                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1033                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1034                        </svg>
1035                    </span>
1036
1037                        <span slot="title" class="mega-menu-collapse__title--header">ตามประเภทผลิตภัณฑ์</span>
1038
1039                    <ul slot="content" slot-scope="afterProps">
1040                                <li>
1041                                    <a href="/tips-how-tos/lifestyle/lifestyle-for-her/ampoule-urgent-skin-recovery" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามประเภทผลิตภัณฑ์::ฟื้นฟูผิวเร่งด่วนด้วยแอมพูล&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามประเภทผลิตภัณฑ์::ฟื้นฟูผิวเร่งด่วนด้วยแอมพูล&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1042                                        ฟื้นฟูผิวเร่งด่วนด้วยแอมพูล
1043
1044                                    </a>
1045                                </li>
1046                                <li>
1047                                    <a href="/female-skincare/cleanser" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามประเภทผลิตภัณฑ์::โฟมล้างหน้า&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามประเภทผลิตภัณฑ์::โฟมล้างหน้า&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1048                                        โฟมล้างหน้า
1049
1050                                    </a>
1051                                </li>
1052                                <li>
1053                                    <a href="/female-skincare/moisturiser" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามประเภทผลิตภัณฑ์::บำรุงผิวหน้า&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามประเภทผลิตภัณฑ์::บำรุงผิวหน้า&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1054                                        บำรุงผิวหน้า
1055
1056                                    </a>
1057                                </li>
1058                                <li>
1059                                    <a href="/female-skincare/eye" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามประเภทผลิตภัณฑ์::บำรุงรอบดวงตา&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามประเภทผลิตภัณฑ์::บำรุงรอบดวงตา&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1060                                        บำรุงรอบดวงตา
1061
1062                                    </a>
1063                                </li>
1064                                <li>
1065                                    <a href="/female-skincare/mask" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามประเภทผลิตภัณฑ์::มาส์กเพื่อการบำรุงเข้มข้น&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามประเภทผลิตภัณฑ์::มาส์กเพื่อการบำรุงเข้มข้น&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1066                                        มาส์กเพื่อการบำรุงเข้มข้น
1067
1068                                    </a>
1069                                </li>
1070                                <li>
1071                                    <a href="/female-skincare/sun-protection" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามประเภทผลิตภัณฑ์::ครีมกันแดดทาหน้า&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามประเภทผลิตภัณฑ์::ครีมกันแดดทาหน้า&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1072                                        ครีมกันแดดทาหน้า
1073
1074                                    </a>
1075                                </li>
1076                                <li>
1077                                    <a href="/female-skincare-needs/make-up-removal" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามประเภทผลิตภัณฑ์::เช็ดทำความสะอาดเครื่องสำอาง&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามประเภทผลิตภัณฑ์::เช็ดทำความสะอาดเครื่องสำอาง&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1078                                        เช็ดทำความสะอาดเครื่องสำอาง
1079
1080                                    </a>
1081                                </li>
1082                    </ul>
1083                </new-mega-menu-collapse>
1084
1085                            </div>
1086                        </div>
1087                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column2">
1088                            <div class="mega-menu__columns">
1089                                
1090                <new-mega-menu-collapse>
1091                    <span slot="indicator" class="mega-menu-collapse__indicator">
1092                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1093                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1094                        </svg>
1095                    </span>
1096
1097                        <span slot="title" class="mega-menu-collapse__title--header">ตามความต้องการ</span>
1098
1099                    <ul slot="content" slot-scope="afterProps">
1100                                <li>
1101                                    <a href="/about-our-brands/bright-complete" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามความต้องการ::กระจ่างใสไกลจุด​&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามความต้องการ::กระจ่างใสไกลจุด​&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1102                                        กระจ่างใสไกลจุด​
1103
1104                                    </a>
1105                                </li>
1106                                <li>
1107                                    <a href="/female-skincare-needs/pinkish-glowing" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามความต้องการ::ใสโกลว์อมชมพู&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามความต้องการ::ใสโกลว์อมชมพู&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1108                                        ใสโกลว์อมชมพู
1109
1110                                    </a>
1111                                </li>
1112                                <li>
1113                                    <a href="/female-skincare-needs/anti-aging" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามความต้องการ::ลดเลือนริ้วรอย ผิวกระจ่างใส&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามความต้องการ::ลดเลือนริ้วรอย ผิวกระจ่างใส&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1114                                        ลดเลือนริ้วรอย ผิวกระจ่างใส
1115
1116                                    </a>
1117                                </li>
1118                                <li>
1119                                    <a href="/about-our-brands/bright-complete-anti-acne" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามความต้องการ::สู้สิว อัพผิวไบรท์&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์บำรุงผิวหน้า::ตามความต้องการ::สู้สิว อัพผิวไบรท์&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1120                                        สู้สิว อัพผิวไบรท์
1121
1122                                    </a>
1123                                </li>
1124                    </ul>
1125                </new-mega-menu-collapse>
1126
1127                            </div>
1128                        </div>
1129
1130            </div>
1131
1132            
1133
1134
1135
1136
1137    <div class="mega-menu__level2--subcolumn mega-menu__level2--column2">
1138
1139        <ul slot="megamenu__item__list-images" class="megamenu__items__list-images">
1140                        <li>
1141                            <a href="/skin-coach" class="megamenu__items__link">
1142                                <div class="megamenu__items__link--images">
1143                                    <span class="megamenu__items__link--images-in"><img data-src="/-/media/project/loreal/brand-sites/garnier/apac/th/skin-coach/skin-coach-logo_286-287.png?rev=c63f6ea0a94d4e3a95a3f138ae701c1e&amp;cx=0&amp;cy=0&amp;cw=180&amp;ch=132&amp;hash=420D974B4675FEB5026EF19B28BD56E1" alt="Skin coach" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;female skincare::menutab:: &quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;female skincare::menutab:: &quot;}" /></span>
1144                                </div>
1145                                <div class="megamenu__items__link--txts">
1146                                    <span class="megamenu__items__link--subtitle"> </span>
1147                                    <p class="megamenu__items__link--content"> </p>
1148                                </div>
1149                            </a>
1150                        </li>
1151        </ul>
1152    </div>
1153
1154
1155
1156
1157        </div>
1158
1159    </div>
1160</div>
1161                </div>
1162            </newsubmenu>
1163            <newsubmenu category-title="ผลิตภัณฑ์ดูแลผิวกาย" back-button-aria-label="Return to Previous Menu">
1164                <div slot="megamenublock-3" class="level__two--new">
1165
1166
1167
1168<div class="panel-title-list">
1169    <div class="container">
1170        <div class="row">
1171
1172            <div class="mega-menu__level1--column mega-menu__level1--glcolumn ">
1173                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
1174                                                        <div class="mega-menu__columns">
1175                                
1176                <new-mega-menu-collapse>
1177                    <span slot="indicator" class="mega-menu-collapse__indicator">
1178                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1179                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1180                        </svg>
1181                    </span>
1182
1183                        <span slot="title" class="mega-menu-collapse__title--header">ตามความต้องการ</span>
1184
1185                    <ul slot="content" slot-scope="afterProps">
1186                                <li>
1187                                    <a href="/body-care/expert-whitening-and-hydration" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์ดูแลผิวกาย::ตามความต้องการ::บำรุงผิวกายให้กระจ่างใสเป็นธรรมชาติ&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์ดูแลผิวกาย::ตามความต้องการ::บำรุงผิวกายให้กระจ่างใสเป็นธรรมชาติ&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1188                                        บำรุงผิวกายให้กระจ่างใสเป็นธรรมชาติ
1189
1190                                    </a>
1191                                </li>
1192                                <li>
1193                                    <a href="/body-care/pinkish-whitening-and-hydration" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์ดูแลผิวกาย::ตามความต้องการ::บำรุงผิวกายให้กระจ่างใสอมชมพู&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์ดูแลผิวกาย::ตามความต้องการ::บำรุงผิวกายให้กระจ่างใสอมชมพู&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1194                                        บำรุงผิวกายให้กระจ่างใสอมชมพู
1195
1196                                    </a>
1197                                </li>
1198                    </ul>
1199                </new-mega-menu-collapse>
1200
1201                            </div>
1202                        </div>
1203
1204            </div>
1205
1206            
1207
1208
1209
1210
1211
1212
1213
1214
1215        </div>
1216
1217    </div>
1218</div>
1219                </div>
1220            </newsubmenu>
1221            <newsubmenu category-title="ผลิตภัณฑ์บำรุงผิวผู้ชาย" back-button-aria-label="Return to Previous Menu">
1222                <div slot="megamenublock-4" class="level__two--new">
1223
1224
1225
1226<div class="panel-title-list">
1227    <div class="container">
1228        <div class="row">
1229
1230            <div class="mega-menu__level1--column mega-menu__level1--glcolumn ">
1231                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
1232                            <div class="new-highlight-links">
1233            <a href="/men-skincare"
1234               v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์บำรุงผิวผู้ชาย::ผลิตภัณฑ์บำรุงผิวผู้ชายทั้งหมด&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์บำรุงผิวผู้ชาย::ผลิตภัณฑ์บำรุงผิวผู้ชายทั้งหมด&quot;}">
1235                <span class="new-highlight-links__text">
1236                    ผลิตภัณฑ์บำรุงผิวผู้ชายทั้งหมด
1237                </span>
1238            </a>
1239    </div>
1240                            <div class="mega-menu__columns">
1241                                
1242                <new-mega-menu-collapse>
1243                    <span slot="indicator" class="mega-menu-collapse__indicator">
1244                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1245                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1246                        </svg>
1247                    </span>
1248
1249                        <span slot="title" class="mega-menu-collapse__title--header">ตามประเภทผลิตภัณฑ์</span>
1250
1251                    <ul slot="content" slot-scope="afterProps">
1252                                <li>
1253                                    <a href="/men-skincare/cleanser" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์บำรุงผิวผู้ชาย::ตามประเภทผลิตภัณฑ์::ทำความสะอาดผิวหน้า&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์บำรุงผิวผู้ชาย::ตามประเภทผลิตภัณฑ์::ทำความสะอาดผิวหน้า&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1254                                        ทำความสะอาดผิวหน้า
1255
1256                                    </a>
1257                                </li>
1258                                <li>
1259                                    <a href="/men-skincare/moisturiser" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์บำรุงผิวผู้ชาย::ตามประเภทผลิตภัณฑ์::บำรุงผิวหน้า&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์บำรุงผิวผู้ชาย::ตามประเภทผลิตภัณฑ์::บำรุงผิวหน้า&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1260                                        บำรุงผิวหน้า
1261
1262                                    </a>
1263                                </li>
1264                                <li>
1265                                    <a href="" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์บำรุงผิวผู้ชาย::ตามประเภทผลิตภัณฑ์::การดูแลเฉพาะจุดบนผิวหน้า&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์บำรุงผิวผู้ชาย::ตามประเภทผลิตภัณฑ์::การดูแลเฉพาะจุดบนผิวหน้า&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1266                                        การดูแลเฉพาะจุดบนผิวหน้า
1267
1268                                    </a>
1269                                </li>
1270                                <li>
1271                                    <a href="/men-skincare/mask" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์บำรุงผิวผู้ชาย::ตามประเภทผลิตภัณฑ์::มาส์กเพื่อการบำรุงเข้มข้น&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์บำรุงผิวผู้ชาย::ตามประเภทผลิตภัณฑ์::มาส์กเพื่อการบำรุงเข้มข้น&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1272                                        มาส์กเพื่อการบำรุงเข้มข้น
1273
1274                                    </a>
1275                                </li>
1276                    </ul>
1277                </new-mega-menu-collapse>
1278
1279                            </div>
1280                        </div>
1281
1282            </div>
1283
1284            
1285
1286
1287
1288
1289
1290
1291
1292
1293        </div>
1294
1295    </div>
1296</div>
1297                </div>
1298            </newsubmenu>
1299            <newsubmenu category-title="ผลิตภัณฑ์เปลี่ยนสีผม" back-button-aria-label="Return to Previous Menu">
1300                <div slot="megamenublock-5" class="level__two--new">
1301
1302
1303
1304<div class="panel-title-list">
1305    <div class="container">
1306        <div class="row">
1307
1308            <div class="mega-menu__level1--column mega-menu__level1--glcolumn ">
1309                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
1310                            <div class="new-highlight-links">
1311            <a href="/about-our-brands/garnier-hair-color"
1312               v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์เปลี่ยนสีผม::ผลิตภัณฑ์เปลี่ยนสีผมทั้งหมด&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์เปลี่ยนสีผม::ผลิตภัณฑ์เปลี่ยนสีผมทั้งหมด&quot;}">
1313                <span class="new-highlight-links__text">
1314                    ผลิตภัณฑ์เปลี่ยนสีผมทั้งหมด
1315                </span>
1316            </a>
1317    </div>
1318                            <div class="mega-menu__columns">
1319                                
1320                <new-mega-menu-collapse>
1321                    <span slot="indicator" class="mega-menu-collapse__indicator">
1322                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1323                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1324                        </svg>
1325                    </span>
1326
1327                        <span slot="title" class="mega-menu-collapse__title--header">ผลิตภัณฑ์เปลี่ยนสีผม</span>
1328
1329                    <ul slot="content" slot-scope="afterProps">
1330                                <li>
1331                                    <a href="/about-our-brands/garnier-color-naturals" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์เปลี่ยนสีผม::ผลิตภัณฑ์เปลี่ยนสีผม::ผลิตภัณฑ์เปลี่ยนสีผม&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์เปลี่ยนสีผม::ผลิตภัณฑ์เปลี่ยนสีผม::ผลิตภัณฑ์เปลี่ยนสีผม&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1332                                        ผลิตภัณฑ์เปลี่ยนสีผม
1333
1334                                    </a>
1335                                </li>
1336                    </ul>
1337                </new-mega-menu-collapse>
1338                <new-mega-menu-collapse>
1339                    <span slot="indicator" class="mega-menu-collapse__indicator">
1340                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1341                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1342                        </svg>
1343                    </span>
1344
1345                        <span slot="title" class="mega-menu-collapse__title--header">ตามกลุ่มผลิตภัณฑ์</span>
1346
1347                    <ul slot="content" slot-scope="afterProps">
1348                                <li>
1349                                    <a href="/about-our-brands/garnier-color-naturals" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์เปลี่ยนสีผม::ตามกลุ่มผลิตภัณฑ์::การ์นิเย่ คัลเลอร์ แนทเชอรัลส์&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์เปลี่ยนสีผม::ตามกลุ่มผลิตภัณฑ์::การ์นิเย่ คัลเลอร์ แนทเชอรัลส์&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1350                                        การ์นิเย่ คัลเลอร์ แนทเชอรัลส์
1351
1352                                    </a>
1353                                </li>
1354                    </ul>
1355                </new-mega-menu-collapse>
1356
1357                            </div>
1358                        </div>
1359                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column2">
1360                            <div class="mega-menu__columns">
1361                                
1362                <new-mega-menu-collapse>
1363                    <span slot="indicator" class="mega-menu-collapse__indicator">
1364                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1365                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1366                        </svg>
1367                    </span>
1368
1369                        <span slot="title" class="mega-menu-collapse__title--header">ทดลองผลิตภัณฑ์</span>
1370
1371                    <ul slot="content" slot-scope="afterProps">
1372                                <li>
1373                                    <a href="https://www.garnier.co.th/home/hair-color-virtual-try-on" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ผลิตภัณฑ์เปลี่ยนสีผม::ทดลองผลิตภัณฑ์::ทดลองเฉดสีผมออนไลน์ด้วย virtual try on&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ผลิตภัณฑ์เปลี่ยนสีผม::ทดลองผลิตภัณฑ์::ทดลองเฉดสีผมออนไลน์ด้วย virtual try on&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1374                                        ทดลองเฉดสีผมออนไลน์ด้วย Virtual Try On
1375
1376                                    </a>
1377                                </li>
1378                    </ul>
1379                </new-mega-menu-collapse>
1380
1381                            </div>
1382                        </div>
1383
1384            </div>
1385
1386            
1387
1388
1389
1390
1391    <div class="mega-menu__level2--subcolumn mega-menu__level2--column2">
1392
1393        <ul slot="megamenu__item__list-images" class="megamenu__items__list-images">
1394                        <li>
1395                            <a href="/hair-color-virtual-try-on" class="megamenu__items__link">
1396                                <div class="megamenu__items__link--images">
1397                                    <span class="megamenu__items__link--images-in"><img data-src="/-/media/project/loreal/brand-sites/garnier/apac/th/opengraph_vto.jpg?rev=dfc461444f2942edb8f229770d9b8561&amp;cx=0.38&amp;cy=0.41&amp;cw=180&amp;ch=132&amp;hash=0D1B2C1D33D3782D2F5697AC5DAF7C50" alt="Garnier" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;mens hair::menutab:: &quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;mens hair::menutab:: &quot;}" /></span>
1398                                </div>
1399                                <div class="megamenu__items__link--txts">
1400                                    <span class="megamenu__items__link--subtitle"> </span>
1401                                    <p class="megamenu__items__link--content"> </p>
1402                                </div>
1403                            </a>
1404                        </li>
1405        </ul>
1406    </div>
1407
1408
1409
1410
1411        </div>
1412
1413    </div>
1414</div>
1415                </div>
1416            </newsubmenu>
1417            <newsubmenu category-title="บริการอื่น ๆ ของเรา" back-button-aria-label="Return to Previous Menu">
1418                <div slot="megamenublock-6" class="level__two--new">
1419
1420
1421
1422<div class="panel-title-list">
1423    <div class="container">
1424        <div class="row">
1425
1426            <div class="mega-menu__level1--column mega-menu__level1--glcolumn ">
1427                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
1428                                                        <div class="mega-menu__columns">
1429                                
1430                <new-mega-menu-collapse>
1431                    <span slot="indicator" class="mega-menu-collapse__indicator">
1432                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1433                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1434                        </svg>
1435                    </span>
1436
1437                        <span slot="title" class="mega-menu-collapse__title--header">ผลิตภัณฑ์ขนาดทดลอง</span>
1438
1439                    <ul slot="content" slot-scope="afterProps">
1440                                <li>
1441                                    <a href="" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;บริการอื่น ๆ ของเรา::ผลิตภัณฑ์ขนาดทดลอง::garnier gillion users&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;บริการอื่น ๆ ของเรา::ผลิตภัณฑ์ขนาดทดลอง::garnier gillion users&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1442                                        Garnier Gillion Users
1443
1444                                    </a>
1445                                </li>
1446                    </ul>
1447                </new-mega-menu-collapse>
1448                <new-mega-menu-collapse>
1449                    <span slot="indicator" class="mega-menu-collapse__indicator">
1450                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1451                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1452                        </svg>
1453                    </span>
1454
1455                        <span slot="title" class="mega-menu-collapse__title--header">วิเคราะห์สภาพผิวออนไลน์ด้วย Skin Coach</span>
1456
1457                    <ul slot="content" slot-scope="afterProps">
1458                                <li>
1459                                    <a href="/skin-coach" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;บริการอื่น ๆ ของเรา::วิเคราะห์สภาพผิวออนไลน์ด้วย skin coach::วิเคราะห์สภาพผิวออนไลน์ด้วย skin coach&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;บริการอื่น ๆ ของเรา::วิเคราะห์สภาพผิวออนไลน์ด้วย skin coach::วิเคราะห์สภาพผิวออนไลน์ด้วย skin coach&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1460                                        วิเคราะห์สภาพผิวออนไลน์ด้วย Skin Coach
1461
1462                                    </a>
1463                                </li>
1464                    </ul>
1465                </new-mega-menu-collapse>
1466
1467                            </div>
1468                        </div>
1469                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column2">
1470                            <div class="mega-menu__columns">
1471                                
1472                <new-mega-menu-collapse>
1473                    <span slot="indicator" class="mega-menu-collapse__indicator">
1474                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1475                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1476                        </svg>
1477                    </span>
1478
1479                        <span slot="title" class="mega-menu-collapse__title--header">ทดลองเฉดสีผมออนไลน์ด้วย Virtual Try On</span>
1480
1481                    <ul slot="content" slot-scope="afterProps">
1482                                <li>
1483                                    <a href="/hair-color-virtual-try-on" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;บริการอื่น ๆ ของเรา::ทดลองเฉดสีผมออนไลน์ด้วย virtual try on::ทดลองเฉดสีผมออนไลน์ด้วย virtual try on&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;บริการอื่น ๆ ของเรา::ทดลองเฉดสีผมออนไลน์ด้วย virtual try on::ทดลองเฉดสีผมออนไลน์ด้วย virtual try on&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1484                                        ทดลองเฉดสีผมออนไลน์ด้วย Virtual Try On
1485
1486                                    </a>
1487                                </li>
1488                    </ul>
1489                </new-mega-menu-collapse>
1490
1491                            </div>
1492                        </div>
1493
1494            </div>
1495
1496            
1497
1498
1499
1500
1501    <div class="mega-menu__level2--subcolumn mega-menu__level2--column2">
1502
1503        <ul slot="megamenu__item__list-images" class="megamenu__items__list-images">
1504                        <li>
1505                            <a href="" class="megamenu__items__link">
1506                                <div class="megamenu__items__link--images">
1507                                    <span class="megamenu__items__link--images-in"><img data-src="/-/media/project/loreal/brand-sites/garnier/apac/th/gillion_landingpage/garsampling2023catthumbnailr11000wx1000h.jpg?rev=5199c75e9ec14286ad6397db0125dcda&amp;cx=0&amp;cy=0&amp;cw=180&amp;ch=132&amp;hash=A552ABF710CF55152F510E069991748A" alt="GARSampling2023CatThumbnailR11000wx1000h" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;services tools::services tools:: &quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;services tools::services tools:: &quot;}" /></span>
1508                                </div>
1509                                <div class="megamenu__items__link--txts">
1510                                    <span class="megamenu__items__link--subtitle"> </span>
1511                                    <p class="megamenu__items__link--content"> </p>
1512                                </div>
1513                            </a>
1514                        </li>
1515                        <li>
1516                            <a href="/skin-coach" class="megamenu__items__link">
1517                                <div class="megamenu__items__link--images">
1518                                    <span class="megamenu__items__link--images-in"><img data-src="/-/media/project/loreal/brand-sites/garnier/apac/th/brand-logos/header_skincoach.png?rev=ebe7c422007a4d8ba35507e2fd903c51&amp;cx=0&amp;cy=0&amp;cw=180&amp;ch=132&amp;hash=50018ED86354EB669CBFF075A1E1A85C" alt="Header_SkinCoach" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;services tools::services tools:: &quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;services tools::services tools:: &quot;}" /></span>
1519                                </div>
1520                                <div class="megamenu__items__link--txts">
1521                                    <span class="megamenu__items__link--subtitle"> </span>
1522                                    <p class="megamenu__items__link--content"> </p>
1523                                </div>
1524                            </a>
1525                        </li>
1526        </ul>
1527    </div>
1528
1529
1530
1531
1532        </div>
1533
1534    </div>
1535</div>
1536                </div>
1537            </newsubmenu>
1538            <newsubmenu category-title="เคล็ดลับการดูแล" back-button-aria-label="Return to Previous Menu">
1539                <div slot="megamenublock-7" class="level__two--new">
1540
1541
1542
1543<div class="panel-title-list">
1544    <div class="container">
1545        <div class="row">
1546
1547            <div class="mega-menu__level1--column mega-menu__level1--glcolumn ">
1548                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
1549                            <div class="new-highlight-links">
1550            <a href="/all-articles"
1551               v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;eventLabel&quot;:&quot;เคล็ดลับการดูแล::ดูเคล็ดลับทั้งหมด&quot;,&quot;breadcrumb&quot;:&quot;เคล็ดลับการดูแล::ดูเคล็ดลับทั้งหมด&quot;}">
1552                <span class="new-highlight-links__text">
1553                    ดูเคล็ดลับทั้งหมด
1554                </span>
1555            </a>
1556    </div>
1557                            <div class="mega-menu__columns">
1558                                
1559                <new-mega-menu-collapse>
1560                    <span slot="indicator" class="mega-menu-collapse__indicator">
1561                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1562                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1563                        </svg>
1564                    </span>
1565
1566                        <span slot="title" class="mega-menu-collapse__title--header">ตามสภาพผิว</span>
1567
1568                    <ul slot="content" slot-scope="afterProps">
1569                                <li>
1570                                    <a href="/tips-how-tos/skin-needs/anti-aging" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;เคล็ดลับการดูแล::ตามสภาพผิว::ริ้วรอยก่อนวัย&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;เคล็ดลับการดูแล::ตามสภาพผิว::ริ้วรอยก่อนวัย&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1571                                        ริ้วรอยก่อนวัย
1572
1573                                    </a>
1574                                </li>
1575                                <li>
1576                                    <a href="/tips-how-tos/skin-needs/hydrating" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;เคล็ดลับการดูแล::ตามสภาพผิว::ผิวแห้ง ผิวขาดน้ำ&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;เคล็ดลับการดูแล::ตามสภาพผิว::ผิวแห้ง ผิวขาดน้ำ&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1577                                        ผิวแห้ง ผิวขาดน้ำ
1578
1579                                    </a>
1580                                </li>
1581                                <li>
1582                                    <a href="/tips-how-tos/skin-needs/oil-control-and-anti-acne" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;เคล็ดลับการดูแล::ตามสภาพผิว::เรื่องสิวๆ
1582ที่ไม่สิว&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;เคล็ดลับการดูแล::ตามสภาพผิว::เรื่องสิวๆที่ไม่สิว&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1583                                        เรื่องสิวๆที่ไม่สิว
1584
1585                                    </a>
1586                                </li>
1587                    </ul>
1588                </new-mega-menu-collapse>
1589                <new-mega-menu-collapse>
1590                    <span slot="indicator" class="mega-menu-collapse__indicator">
1591                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1592                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1593                        </svg>
1594                    </span>
1595
1596                        <span slot="title" class="mega-menu-collapse__title--header">ตามไลฟ์สไตล์</span>
1597
1598                    <ul slot="content" slot-scope="afterProps">
1599                                <li>
1600                                    <a href="/tips-how-tos/lifestyle/lifestyle-for-her" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;เคล็ดลับการดูแล::ตามไลฟ์สไตล์::for her&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;เคล็ดลับการดูแล::ตามไลฟ์สไตล์::for her&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1601                                        For Her
1602
1603                                    </a>
1604                                </li>
1605                                <li>
1606                                    <a href="/tips-how-tos/lifestyle/lifestyle-for-him" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;เคล็ดลับการดูแล::ตามไลฟ์สไตล์::for him&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;เคล็ดลับการดูแล::ตามไลฟ์สไตล์::for him&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1607                                        For Him
1608
1609                                    </a>
1610                                </li>
1611                    </ul>
1612                </new-mega-menu-collapse>
1613
1614                            </div>
1615                        </div>
1616
1617            </div>
1618
1619            
1620
1621
1622
1623
1624
1625
1626
1627
1628        </div>
1629
1630    </div>
1631</div>
1632                </div>
1633            </newsubmenu>
1634            <newsubmenu category-title="GREEN BEAUTY" back-button-aria-label="Return to Previous Menu">
1635                <div slot="megamenublock-8" class="level__two--new">
1636
1637
1638
1639<div class="panel-title-list">
1640    <div class="container">
1641        <div class="row">
1642
1643            <div class="mega-menu__level1--column mega-menu__level1--glcolumn ">
1644                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
1645                                                        <div class="mega-menu__columns">
1646                                
1647                <new-mega-menu-collapse>
1648                    <span slot="indicator" class="mega-menu-collapse__indicator">
1649                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1650                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1651                        </svg>
1652                    </span>
1653
1654                        <span slot="title" class="mega-menu-collapse__title--header">Green Beauty</span>
1655
1656                    <ul slot="content" slot-scope="afterProps">
1657                                <li>
1658                                    <a href="/green-beauty" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;green beauty::green beauty::green beauty&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;green beauty::green beauty::green beauty&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1659                                        Green Beauty
1660
1661                                    </a>
1662                                </li>
1663                    </ul>
1664                </new-mega-menu-collapse>
1665
1666                            </div>
1667                        </div>
1668
1669            </div>
1670
1671            
1672
1673
1674
1675
1676
1677
1678
1679
1680        </div>
1681
1682    </div>
1683</div>
1684                </div>
1685            </newsubmenu>
1686            <newsubmenu category-title="ย้อมผมย้อมใจxBOWKYLION" back-button-aria-label="Return to Previous Menu">
1687                <div slot="megamenublock-9" class="level__two--new">
1688
1689
1690
1691<div class="panel-title-list">
1692    <div class="container">
1693        <div class="row">
1694
1695            <div class="mega-menu__level1--column mega-menu__level1--glcolumn ">
1696                        <div class="mega-menu__level1--subcolumn mega-menu__level1--column1">
1697                                                        <div class="mega-menu__columns">
1698                                
1699                <new-mega-menu-collapse>
1700                    <span slot="indicator" class="mega-menu-collapse__indicator">
1701                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
1702                            <path d="M6 9L12 15L18 9" stroke="#21362C" />
1703                        </svg>
1704                    </span>
1705
1706                        <span slot="title" class="mega-menu-collapse__title--header">ย้อมผมย้อมใจXBOWKYLION</span>
1707
1708                    <ul slot="content" slot-scope="afterProps">
1709                                <li>
1710                                    <a href="/bigc-bowkylion-campaign" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::burger menu&quot;,&quot;eventLabel&quot;:&quot;ย้อมผมย้อมใจxbowkylion::ย้อมผมย้อมใจxbowkylion::ย้อมผมย้อมใจxbowkylion&quot;,&quot;click_area&quot;:&quot;burger menu&quot;,&quot;breadcrumb&quot;:&quot;ย้อมผมย้อมใจxbowkylion::ย้อมผมย้อมใจxbowkylion::ย้อมผมย้อมใจxbowkylion&quot;}" data-id="data-layer-selector" v-on:click="afterProps.setLocalItem($event)">
1711                                        ย้อมผมย้อมใจxBOWKYLION
1712
1713                                    </a>
1714                                </li>
1715                    </ul>
1716                </new-mega-menu-collapse>
1717
1718                            </div>
1719                        </div>
1720
1721            </div>
1722
1723            
1724
1725
1726
1727
1728
1729
1730
1731
1732        </div>
1733
1734    </div>
1735</div>
1736                </div>
1737            </newsubmenu>
1738
1739                                    </div>
1740                                </div>
1741                                <overlay></overlay>
1742                            </nav>
1743                        </div>
1744                    
1745
1746        <component is="style">
1747
1748            :root {
1749            --active-color: #156031;
1750            --hover-color: #ffffff;
1751            --text-color: #ffffff;
1752            --gradient-color: #156031;
1753            --nav-color: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #156031;;
1754            }
1755
1756        </component>
1757            <div class="new-header__logo-wrapper"><a href="/" aria-label="Garnier(back to homepage)" v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;logo_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select&quot;,&quot;eventLabel&quot;:&quot;logo&quot;}">
1758                <img src="/-/media/project/loreal/brand-sites/garnier/garnier-logos/garnier_logo.png?rev=28b1b72acf7b4666b1c343d1a87c37b4" alt="Garnier" id="headerlogoimagesrc" class="new-header__logo-image" width="1298" height="595">
1759                    </a></div>
1760
1761                    <ul class="new-header__icons-wrapper">
1762
1763                        
1764
1765                        
1766
1767                        
1768<search inline-template :request-parameters='{&quot;filtersettingsitemid&quot;:&quot;731f2667-0b1b-4f4a-a78b-af3014e0624f&quot;,&quot;filterpageitemid&quot;:&quot;cf00dc7c-c838-4bd1-9c8b-fbe2f098eed2&quot;,&quot;searchwithsuggestions&quot;:true,&quot;formactionlink&quot;:&quot;/search-page/search&quot;}'>
1769    <li class="new-header__icon-item search">
1770        <div class="click-overlay" @click="overlayClick" v-if="isActive"></div>
1771        <search-input
1772            form-action="/search-page/search"
1773            placeholder="Search"
1774            title="Search (suggested results are available after the field when at least 3 characters are typed)"
1775            >
1776        </search-input>
1777        <suggested-search
1778                          :aria-labels="{
1779                                'closeButton': 'Close the suggested search results subpanel',
1780                                'viewAll': 'View all search results'
1781                            }"
1782                          loading-text='กำลังค้นหา'
1783                          view-all-text='ดูทั้งหมด'
1784                          no-results-text='ไม่พบข้อมูลที่คุณต้องการ กรุณาลองค้นหาข้อมูลอื่นๆ หรือกลับไปที่หน้าหลัก'>
1785        </suggested-search>
1786    </li>
1787</search>
1788
1789
1790                    </ul>
1791                </div>
1792            </div>
1793        </newheadernavigation>
1794    </header>
1795    
1796</div>
1797
1798
1799<div data-qr-page-section="show-on-qr" hidden>
1800    <go-backbutton btn-text='กลับไป' back-url="" analytics-data='{"event":"uaevent","event_name":"body_button_click","event_category":"content page::branding page","event_action":"select::กลับไป","event_label":"กลับไป::[destination_url]","cta_name":"กลับไป","link_url":"[destination_url]","module_name":"กลับไป"}'>
1801    </go-backbutton>
1802</div>
1803            </div>
1804            <!-- /#header -->
1805            <!-- #content -->
1806            <div id="content" class="main clearfix">
1807                
1808
1809
1810
1811
1812                <div id="search-content">
1813                    
1814                    
1815
1816
1817
1818
1819
1820    <div class="container" class="component breadcrumb">
1821        <nav role="navigation" aria-label="Breadcrumb navigation" class="breadcrumbs-container">
1822
1823            <ol class="breadcrumbs">
1824
1825
1826                                <li class="breadcrumbs__item">
1827                                    <a href="https://www.garnier.co.th/">
1828                                        <span>หน้าแรก</span>
1829                                    </a>
1830                                    <span class="breadcrumbs__separator">
1831                                        <svg class="icon" style="stroke-width: 1;" aria-hidden="true">
1832                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#arrow-right-breadcrumb"></use>
1833                                        </svg>
1834                                    </span>
1835                                </li>
1836                                <li class="breadcrumbs__item">
1837                                    <span>เกี่ยวกับการ์นิเย่</span>
1838                                </li>
1839            </ol>
1840
1841        </nav>
1842        
1842<script type="application/ld+json">
1843		{
1844  "@context": "https://schema.org",
1845  "@type": "BreadcrumbList",
1846  "itemListElement": [
1847    {
1848      "@type": "ListItem",
1849      "position": 1,
1850      "name": "หน้าแรก",
1851      "item": "https://www.garnier.co.th/"
1852    },
1853    {
1854      "@type": "ListItem",
1855      "position": 2,
1856      "name": "เกี่ยวกับการ์นิเย่",
1857      "item": "https://www.garnier.co.th/about-garnier"
1858    }
1859  ]
1860}
1861        </script>
1861
1862    </div>
1863
1864                    
1865
1866
1867
1868    <div id="fd3492fd18e14d118ffb6892d05694a6"></div>
1869<div class="fixed-carousel-container">
1870    <carousel class=""
1871              :swipe-on-desktop="true"
1872              :per-page="1"
1873              :scroll-per-page="true"
1874              :navigation-enabled="true"
1875              :slide-count-navigation="false"
1876              :arrow-animation="false"
1877              :navigation-label='{"carouselbuttonnext":"Carousel Button Navigation Next","carouselbuttonprev":"Carousel Button Navigation Prev"}'
1878              :slide-text-label='{"slideText":"Slide","playText":"Play","pauseText":"Pause"}'
1879              :autoplay="true"
1880              :autoplay-duration="5000">
1881
1882    </carousel>
1883</div>
1884
1885<Script>
1886  document.addEventListener('DOMContentLoaded', () => {
1887    function myJebbitFunction() {
1888      
1889    }
1890    const style = document.createElement('style');
1891    style.innerHTML = `
1892            #lilo3746-wrapper.lilo3746-wrapper {
1893                z-index: 9999999999 !important;
1894            }
1895        `;
1896    document.head.appendChild(style);
1897    const jebbitElement = document.getElementById('jebbitPopupFC');
1898    if (jebbitElement) {
1899      jebbitElement.addEventListener('click', (event) => {
1900        myJebbitFunction();
1901      });
1902    }
1903
1904    const carouselSlides = document.querySelectorAll('.--new-fixed-slider .carousel-slide');
1905    if (carouselSlides.length > 0) {
1906
1907      carouselSlides.forEach((slide, index) => {
1908        const titleLength = slide.querySelector('.carousel-slide__title h2')?.textContent?.length;
1909        let originalString = slide.querySelector('.field-slidetext').textContent;
1910        let ctaText = slide.querySelector('.carousel-slide__cta');
1911
1912        if (!ctaText) {
1913          const getCutString = (length, maxLength) => length > maxLength ? originalString.slice(0, maxLength) : originalString;
1914          let cutString = '';
1915          if (!titleLength) {
1916            cutString = getCutString(originalString.length, 320);
1917          } else if (titleLength <= 18) {
1918            cutString = getCutString(originalString.length, 256);
1919          } else if (titleLength <= 36) {
1920            cutString = getCutString(originalString.length, 192);
1921          } else if (titleLength <= 54) {
1922            cutString = getCutString(originalString.length, 160);
1923          } else if (titleLength <= 72) {
1924            cutString = getCutString(originalString.length, 96);
1925          } else if (titleLength <= 90) {
1926            cutString = getCutString(originalString.length, 64);
1927          } else {
1928            slide.querySelector('.carousel-slide__info-container').classList.add('carousel-slide__info-container--hide');
1929          }
1930
1931          slide.querySelector('.field-slidetext').textContent = cutString;
1932        }
1933      });
1934    }
1935  });
1936
1937</Script>
1937
1938
1939
1940
1941
1942<div id="fb400ae790e14255b66788face191f76"></div>
1943
1944<div class="container scroll-target" id="content_block">
1945        <div class="row">
1946            <div class="editorial__wrapper   " style="background: #FFFFFF; color: #21362C">
1947                    <div class="col-xs-12 col-sm-6 editorial__column editorial__col-1 editorial__col-leftimg">
1948                                <div v-tag-on-viewport="{animatevalue : 'leftanimate'}"><img alt="Sun Protect Product Type Carousel OPT1 (1)" class="lazyload" data-aspectratio="465/328" data-sizes="(max-width: 767px) 100vw, 50vw" data-srcset="/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sun-protect-product-type-carousel_opt1-(1).jpg?w=350&amp;rev=70254828623d467ea1f53edb9581630e&amp;hash=D1F1EA010FE966BE9FD6F292762F0489 350w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sun-protect-product-type-carousel_opt1-(1).jpg?w=400&amp;rev=70254828623d467ea1f53edb9581630e&amp;hash=C7FC71960F41D97398E5092FFCC44AAD 400w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sun-protect-product-type-carousel_opt1-(1).jpg?w=450&amp;rev=70254828623d467ea1f53edb9581630e&amp;hash=85222A9B50A1FD58AE6AE365EA6DBA6D 450w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sun-protect-product-type-carousel_opt1-(1).jpg?w=500&amp;rev=70254828623d467ea1f53edb9581630e&amp;hash=59F5E5561EB55C11A0026647712280F9 500w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sun-protect-product-type-carousel_opt1-(1).jpg?w=550&amp;rev=70254828623d467ea1f53edb9581630e&amp;hash=F7E01A09A68D211CB035BB408C131448 550w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sun-protect-product-type-carousel_opt1-(1).jpg?w=600&amp;rev=70254828623d467ea1f53edb9581630e&amp;hash=CCB852090B907B9EB14DFFBFA93A0A4C 600w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sun-protect-product-type-carousel_opt1-(1).jpg?w=650&amp;rev=70254828623d467ea1f53edb9581630e&amp;hash=80BCC1CB703A02A893CECC912224BA75 650w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sun-protect-product-type-carousel_opt1-(1).jpg?w=700&amp;rev=70254828623d467ea1f53edb9581630e&amp;hash=B722A3E71E970F21312A13C834D8DFBA 700w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sun-protect-product-type-carousel_opt1-(1).jpg?w=767&amp;rev=70254828623d467ea1f53edb9581630e&amp;hash=9E76ECE5658C1C96309A5C2D1090F676 767w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sun-protect-product-type-carousel_opt1-(1).jpg?w=800&amp;rev=70254828623d467ea1f53edb9581630e&amp;hash=648A6B8ED978868FDCEB51C0EE7BAD5B 800w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sun-protect-product-type-carousel_opt1-(1).jpg?w=900&amp;rev=70254828623d467ea1f53edb9581630e&amp;hash=49E6650295A92018DDD455EABFA3F24A 900w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sun-protect-product-type-carousel_opt1-(1).jpg?w=950&amp;rev=70254828623d467ea1f53edb9581630e&amp;hash=386875F04CE8587A7D787F901F80B07B 950w" src="" /></div>
1949                    </div>
1950                    <div class="col-xs-12 col-sm-6 editorial__column editorial__col-2 editorial__col-righttext editorial__column--sm-bottom top ">
1951                        <div>
1952                            
1953
1954
1955<h2 class="heading is-2"  style="color:#21362C">วิสัยทัศน์ด้านความงาม</h2>                            
1956
1957    <div class="description_block description_block_nocta">
1958        <p>ในปี 1904 ผลิตภัณฑ์ตัวแรกของ การ์นิเย่ถือกำเนิดขึ้นโดยนาย อัลเฟรด อามัวร์ การ์นิเย่ ณ เมืองบลัวส์ ประเทศ ฝรั่งเศส ผู้คิดค้นผลิตภัณฑ์โลชั่นบำรุงเส้นผมที่ผลิตมาจากพืชอันเป็นสูตรเฉพาะของแบรนด์ กว่าศตวรรษปรัชญาความงามของการ์นิเย่ได้ขยายไปยังผลิตภัณฑ์บำรุงผิวพรรณซึ่งได้รับการยอมรับว่าเป็นผู้เชีวยชาญด้านความงามแบบสุขภาพดีที่พัฒนามาจากธรรมชาติ เพราะเราเชื่อว่าพลังจากธรรมชาติจะช่วยคุณต่อสู้กับ มลภาวะ สิว แสงแดด และ สภาวะผิวอ่อนล้าได้ดีที่สุด</p>
1959    </div>
1960
1961
1962                        </div>
1963                    </div>
1964            </div>
1965        </div>
1966</div>
1967<script type="text/javascript">
1968    document.addEventListener('DOMContentLoaded', function () {
1969        if (window.innerWidth < 768) {
1970            if (!document.querySelector(".page-not-found")) {
1971                let getEle = document.querySelector(".editorial__wrapper.editorial__wrapper--align-center");
1972                if (getEle) {
1973                    getEle.classList.add("editorial__wrapper--align-left");
1974                    getEle.classList.remove("editorial__wrapper--align-center");
1975                }
1976            }
1977        }
1978    })
1979</script>
1979
1980
1981
1982
1983
1984<div id="03e1f0a5f0eb4ba89b2ed30ef2930a09"></div>
1985
1986<div class="container scroll-target" id="content_block">
1987        <div class="row">
1988            <div class="editorial__wrapper   " style="background: #FFFFFF; color: #21362C">
1989                    <div class="col-xs-12 col-sm-6 editorial__column editorial__col-lefttext editorial__col-1 editorial__column--sm-bottom top ">
1990                        <div class="editorial__text-block">
1991                            
1992
1993
1994<h2 class="heading is-2"  style="color:#21362C">เพื่อธรรมชาติในแบบคุณ</h2>                            
1995
1996    <div class="description_block description_block_nocta">
1997        <p>การ์นิเย่คือแบรนด์สากลที่มีผลิตภัณฑ์ครอบคลุมทั้งการดูแลผิวพรรณและเส้นผมรวมทั้งสิ้น 7 กลุ่มผลิตภัณฑ์ ซึ่งประกอบด้วยสินค้าหลากหลายชนิดที่สามารถตอบสนองความต้องการผู้บริโภคได้ทุกเพศ ทุกวัย ทั่วโลก โดยเน้นย้ำที่ว่าทุกคนต้องสามารถเข้าถึงนวัตกรรมเพื่อความสวยงามด้านผิวพรรณและเส้นผมได้ในราคาที่เข้าถึงได้ง่าย</p>
1998    </div>
1999
2000
2001                        </div>
2002                    </div>
2003                    <div class="col-xs-12 col-sm-6 editorial__column editorial__col-2 editorial__col-rightimg">
2004                                <div v-tag-on-viewport="{animatevalue : 'rightanimate'}"><img alt="sakura" class="lazyload" data-aspectratio="465/328" data-sizes="(max-width: 767px) 100vw, 50vw" data-srcset="/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sakura.jpg?w=350&amp;rev=d4fff7885ef846cbb4c1fd419086e236&amp;hash=341F5A756D5AF0836BD40D77A73C062D 350w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sakura.jpg?w=400&amp;rev=d4fff7885ef846cbb4c1fd419086e236&amp;hash=93118D7F2D9C2B8730139DE25FA93BA0 400w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sakura.jpg?w=450&amp;rev=d4fff7885ef846cbb4c1fd419086e236&amp;hash=D7175DCFA1EE444500E0A060FB496BE7 450w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sakura.jpg?w=500&amp;rev=d4fff7885ef846cbb4c1fd419086e236&amp;hash=15B437279B5936BE3A385AC2CEF806FB 500w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sakura.jpg?w=550&amp;rev=d4fff7885ef846cbb4c1fd419086e236&amp;hash=FD4E29F4797974838078C92F3F49A492 550w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sakura.jpg?w=600&amp;rev=d4fff7885ef846cbb4c1fd419086e236&amp;hash=A5F261BDA9CF48F87FF5F6914E0F6B0D 600w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sakura.jpg?w=650&amp;rev=d4fff7885ef846cbb4c1fd419086e236&amp;hash=FEDBC48AABD60DC89BDAA2E34FABE4E5 650w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sakura.jpg?w=700&amp;rev=d4fff7885ef846cbb4c1fd419086e236&amp;hash=4A5710A39E80FE10A4DB0CF1D67585C7 700w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sakura.jpg?w=767&amp;rev=d4fff7885ef846cbb4c1fd419086e236&amp;hash=0B1E8745205CEBEAA207BCA35EB11445 767w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sakura.jpg?w=800&amp;rev=d4fff7885ef846cbb4c1fd419086e236&amp;hash=B554D57D856E2489C9DA28CAC2DCC23C 800w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sakura.jpg?w=900&amp;rev=d4fff7885ef846cbb4c1fd419086e236&amp;hash=C4C8DD10DFBE8A28D36E60936EFEAE43 900w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/sakura.jpg?w=950&amp;rev=d4fff7885ef846cbb4c1fd419086e236&amp;hash=2F27C885F277839279339C08F190082A 950w" src="" /></div>
2005                    </div>
2006            </div>
2007        </div>
2008</div>
2009<script type="text/javascript">
2010    document.addEventListener('DOMContentLoaded', function () {
2011        if (window.innerWidth < 768) {
2012            if (!document.querySelector(".page-not-found")) {
2013                let getEle = document.querySelector(".editorial__wrapper.editorial__wrapper--align-center");
2014                if (getEle) {
2015                    getEle.classList.add("editorial__wrapper--align-left");
2016                    getEle.classList.remove("editorial__wrapper--align-center");
2017                }
2018            }
2019        }
2020    })
2021</script>
2021
2022
2023
2024
2025
2026<div id="7881af30bdcb4f65ae03e68284786824"></div>
2027
2028<div class="container scroll-target" id="content_block">
2029        <div class="row">
2030            <div class="editorial__wrapper   " style="background: #FFFFFF; color: #21362C">
2031                    <div class="col-xs-12 col-sm-6 editorial__column editorial__col-1 editorial__col-leftimg">
2032                                <div v-tag-on-viewport="{animatevalue : 'leftanimate'}"><img alt="AntiAging Product Type Carousel OPT1 (1)" class="lazyload" data-aspectratio="465/328" data-sizes="(max-width: 767px) 100vw, 50vw" data-srcset="/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/antiaging-product-type-carousel_opt1-(1).jpg?w=350&amp;rev=36f719c683c246f4b5f468bfd8aacfd2&amp;hash=81D292892780293DDEEE9FCA8A38E7E4 350w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/antiaging-product-type-carousel_opt1-(1).jpg?w=400&amp;rev=36f719c683c246f4b5f468bfd8aacfd2&amp;hash=3A52F047A6C61570553A9FB88E67B772 400w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/antiaging-product-type-carousel_opt1-(1).jpg?w=450&amp;rev=36f719c683c246f4b5f468bfd8aacfd2&amp;hash=7A36E19A1B048E51E8E6ECE5DF69EB16 450w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/antiaging-product-type-carousel_opt1-(1).jpg?w=500&amp;rev=36f719c683c246f4b5f468bfd8aacfd2&amp;hash=B978906365B76171CA05FEEEEC127E7E 500w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/antiaging-product-type-carousel_opt1-(1).jpg?w=550&amp;rev=36f719c683c246f4b5f468bfd8aacfd2&amp;hash=60DA55E032164E96A4636A2DD4E1C5DE 550w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/antiaging-product-type-carousel_opt1-(1).jpg?w=600&amp;rev=36f719c683c246f4b5f468bfd8aacfd2&amp;hash=D67FD2A4EF505D8AFECE63CC913428BA 600w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/antiaging-product-type-carousel_opt1-(1).jpg?w=650&amp;rev=36f719c683c246f4b5f468bfd8aacfd2&amp;hash=C29B06E1D0D2EE003806214D1D1172BD 650w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/antiaging-product-type-carousel_opt1-(1).jpg?w=700&amp;rev=36f719c683c246f4b5f468bfd8aacfd2&amp;hash=70914755DCA2897AB54231DC52635980 700w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/antiaging-product-type-carousel_opt1-(1).jpg?w=767&amp;rev=36f719c683c246f4b5f468bfd8aacfd2&amp;hash=872DBD723450B803EFA98DB4BC665951 767w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/antiaging-product-type-carousel_opt1-(1).jpg?w=800&amp;rev=36f719c683c246f4b5f468bfd8aacfd2&amp;hash=1148A1D4D0F3A31E93D3E37451889DE9 800w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/antiaging-product-type-carousel_opt1-(1).jpg?w=900&amp;rev=36f719c683c246f4b5f468bfd8aacfd2&amp;hash=D46E77611F017922677AF15E47C190A3 900w,/-/media/project/loreal/brand-sites/garnier/apac/th/fixed-sliders-and-content-blocks/th_content-block---side-images---465-x-328/antiaging-product-type-carousel_opt1-(1).jpg?w=950&amp;rev=36f719c683c246f4b5f468bfd8aacfd2&amp;hash=843FDF2D3DDCA6B7ED043B27C45697CD 950w" src="" /></div>
2033                    </div>
2034                    <div class="col-xs-12 col-sm-6 editorial__column editorial__col-2 editorial__col-righttext editorial__column--sm-bottom top ">
2035                        <div>
2036                            
2037
2038
2039<h2 class="heading is-2"  style="color:#21362C">ความงดงามที่ยั่งยืน</h2>                            
2040
2041    <div class="description_block description_block_nocta">
2042        <p>การ์นิเย่มอบความงดงามให้กับผู้บริโภคทุกคน ในขณะเดียวกันยังช่วยลดผลกระทบต่อสิ่งแวดล้อมด้วยเช่นกัน
2043เรามุ่งมั่นที่จะพัฒนาบรรจุภัณฑ์และสูตรของผลิตภัณฑ์ที่สามารถย่อยสลายได้เพื่อช่วยลดผลกระทบต่อสิ่งแวดล้อมให้ได้มากที่สุด</p>
2044    </div>
2045
2046
2047                        </div>
2048                    </div>
2049            </div>
2050        </div>
2051</div>
2052<script type="text/javascript">
2053    document.addEventListener('DOMContentLoaded', function () {
2054        if (window.innerWidth < 768) {
2055            if (!document.querySelector(".page-not-found")) {
2056                let getEle = document.querySelector(".editorial__wrapper.editorial__wrapper--align-center");
2057                if (getEle) {
2058                    getEle.classList.add("editorial__wrapper--align-left");
2059                    getEle.classList.remove("editorial__wrapper--align-center");
2060                }
2061            }
2062        }
2063    })
2064</script>
2064
2065
2066
2067
2068
2069<div id="995dc7bf7c9a4df79aa7fbe557508a41"></div>
2070
2071<div class="container scroll-target" id="content_block">
2072        <div class="row">
2073            <div class="editorial__wrapper  editorial__wrapper--full-width-columns  " style="background: #FFFFFF; color: #21362C">
2074                <div class="col-xs-12 col-sm-8 editorial__column_bottomtext col-md-offset-2 editorial__column editorial__col-1 editorial__column--sm-bottom">
2075                    
2076
2077
2078<h1 class="heading is-2"  style="color:#21362C">ผลิตภัณฑ์ของเราคงคุณภาพและประสิทธิภาพ ตลอดระยะอายุผลิตภัณฑ์ 3 ปีจากวันผลิต</h1>                    
2079
2080    <div class="description_block description_block_nocta">
2081        <p><p style="color: #323338; background-color: #ffffff; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding: 0px; border: 0px;">ทุกผลิตภัณฑ์ของแบรนด์ใน&nbsp;ลอรีอัล&nbsp;กรุ๊ป&nbsp;ได้รับการทดสอบความปลอดภัย&nbsp;รับรองคุณภาพ&nbsp;และประสิทธิภาพ&nbsp;ตลอดระยะเวลา&nbsp;3&nbsp;ปี ของอายุผลิตภัณฑ์นับจากวันผลิต&nbsp;ด้วยระบบบริหารจัดการคุณภาพของผลิตภัณฑ์ในแต่ละขั้นตอนที่เป็นมาตรฐานเดียวกันทั่วโลกถึงราว&nbsp;100&nbsp;ขั้นตอน&nbsp;ผลิตภัณฑ์ของลอรีอัล&nbsp;ผ่านขั้นตอนการทดสอบต่าง&nbsp;ๆ&nbsp;ตลอดช่วงการพัฒนาและการผลิต&nbsp;เริ่มจากกระบวนการทดสอบทางจุลวิทยาตั้งแต่ระยะเริ่มต้นคอนเซปต์ผลิตภัณฑ์ การทดสอบความคงตัวของสูตรในระดับอุณหภูมิที่แตกต่าง&nbsp;การทดสอบความเข้ากันของสูตรกับบรรจุภัณฑ์&nbsp;การตรวจสอบคุณภาพและลักษณะของผลิตภัณฑ์เพื่อให้ได้ตามมาตรฐานที่กำหนด&nbsp;การประเมินอายุการใช้งานในระหว่างการผลิต&nbsp;และการเก็บผลิตภัณฑ์ที่ผลิตชุดแรกในตู้ทดสอบเพื่อทดสอบการเสื่อมอายุของสูตร&nbsp;และเพื่อความมั่นใจสูงสุดในความปลอดภัย&nbsp;คุณภาพ&nbsp;และประสิทธิภาพ ตลอดอายุของผลิตภัณฑ์</p>
2082<p style="color: #323338; background-color: #ffffff; margin: 0px 0px 5px; padding: 0px; border: 0px;">สอบถามข้อมูลหรือแจ้งปัญหาด้านคุณภาพผลิตภัณฑ์ได้ที่ แผนกที่ปรึกษาและดูแลผู้บริโภค&nbsp;ลอรีอัล&nbsp;ประเทศไทย&nbsp;<a href="/cdn-cgi/l/email-protection#10737f7e63657d7562637562667973755064783e7c7f6275717c3e737f7d" title="mailto:[email protected]" target="_blank" rel="noopener" style="color: var(--link-color); background: transparent; margin: 0px; padding: 0px; border: 0px;"><span class="__cf_email__" data-cfemail="583b37362b2d353d2a2b3d2a2e313b3d182c307634372a3d3934763b3735">[email&#160;protected]</span></a></p></p>
2083    </div>
2084
2085
2086                </div>
2087                    <div class="col-xs-12 col-sm-8 editorial__column_bottomimg col-md-offset-2 editorial__column  editorial__col-2 ">
2088                                <div v-tag-on-viewport="{animatevalue : 'bottomanimate'}"></div>
2089                    </div>
2090            </div>
2091        </div>
2092</div>
vendor: 110 bytes, lines 2092-2093
2092
2093<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
2093<script type="text/javascript">
2094    document.addEventListener('DOMContentLoaded', function () {
2095        if (window.innerWidth < 768) {
2096            if (!document.querySelector(".page-not-found")) {
2097                let getEle = document.querySelector(".editorial__wrapper.editorial__wrapper--align-center");
2098                if (getEle) {
2099                    getEle.classList.add("editorial__wrapper--align-left");
2100                    getEle.classList.remove("editorial__wrapper--align-center");
2101                }
2102            }
2103        }
2104    })
2105</script>
2105
2106
2107                </div>
2108                
2109                
2110                
2111                
2112                <div id="ratings_reviews" class="scroll-target">
2113                    
2114                </div>
2115            </div>
2116            <!-- /#content -->
2117            <!-- #footer -->
2118
2119
2120
2121<div data-qr-page-section="hide-on-qr">
2122    <footer class="footer" id="footer" role="contentinfo">
2123        <div class="container">
2124            <div class="row">
2125                <div class="footer-wrapper">
2126                    <img data-srcset="/themes/garnier/Images/assets/g-logo.png?c=1686900594940" alt="" class="footer-garnier-logo lazyload" />
2127                    <div class="col-xs-12 col-sm-4 footer-col footer-website-links">
2128                        
2129
2130
2131<p class="heading is-6">ลิ้งค์ต่างๆ</p>
2132<ul class="footer-navigation footer-website-links-list">
2133
2134
2135            <li>
2136<a v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::footer&quot;,&quot;eventLabel&quot;:&quot;website links::sitemap&quot;,&quot;click_area&quot;:&quot;footer&quot;,&quot;breadcrumb&quot;:&quot;website links::sitemap&quot;}" data-variantfieldname="Link" target="_blank" href="/sitemap" data-variantitemid="{91F3F977-D08E-49FF-B8DA-7FA2E35A0703}">แผนผังเว็บไซต์</a>            </li>
2137            <li>
2138<a v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::footer&quot;,&quot;eventLabel&quot;:&quot;website links::cookie settings&quot;,&quot;click_area&quot;:&quot;footer&quot;,&quot;breadcrumb&quot;:&quot;website links::cookie settings&quot;}" data-variantfieldname="Link" onclick="javascript:Optanon.ToggleInfoDisplay()" href="#" data-variantitemid="{7130A7DC-B3F9-4B4D-AACE-FEA414274EB6}">การตั้งค่าคุกกี้</a>            </li>
2139            <li>
2140<a v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::footer&quot;,&quot;eventLabel&quot;:&quot;website links::terms and conditions&quot;,&quot;click_area&quot;:&quot;footer&quot;,&quot;breadcrumb&quot;:&quot;website links::terms and conditions&quot;}" data-variantfieldname="Link" href="/legal-pages/terms-of-service" data-variantitemid="{85CD11D5-FD99-4A5C-904C-6294DF11F0C7}">ข้อกำหนดและเงื่อนไข</a>            </li>
2141            <li>
2142<a v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::footer&quot;,&quot;eventLabel&quot;:&quot;website links::privacy policy&quot;,&quot;click_area&quot;:&quot;footer&quot;,&quot;breadcrumb&quot;:&quot;website links::privacy policy&quot;}" data-variantfieldname="Link" target="_blank" rel="noopener noreferrer" href="https://www.loreal.com/en/thailand/pages/group/privacy-policy-thailand-th/" data-variantitemid="{BB43BF34-4F8B-45D2-B939-1838CFEDC125}">นโยบายความเป็นส่วนตัว</a>            </li>
2143            <li>
2144<a v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::footer&quot;,&quot;eventLabel&quot;:&quot;website links::garnier top skincare&quot;,&quot;click_area&quot;:&quot;footer&quot;,&quot;breadcrumb&quot;:&quot;website links::garnier top skincare&quot;}" data-variantfieldname="Link" href="/garnier-top-skincare" data-variantitemid="{B40A3A07-349D-4F0D-8311-1635264A2F3B}">
2144ไอเท็มเด็ดจากการ์นิเย่</a>            </li>
2145            <li>
2146            </li>
2147            <li>
2148            </li>
2149    </ul>
2150
2151 <country-drop-down class="component col-xs-12 col-sm-12 footer-country-selector">
2152    <div v-onselect-changeurl>
2153        <div class="country_selector">
2154            <div class="form-item form-item--select">
2155                <div class="form-item__select-wrapper">
2156
2157                        <label for="country selector">ประเทศและภูมิภาค</label>
2158                        <select id="country selector" name="country selector" title="country selector">
2159                            <option disabled="disabled" selected="selected">
2160                                <p class="heading is-3">ประเทศและภูมิภาค</p>
2161                                                            </option>
2162<option value=" http://www.garnier.ae/ ">อาหรับเอมิเรตส์</option><option value=" http://www.garnier.com.au/  ">ออสเตรเลีย</option><option value=" http://www.garnier-me.com/ar-ae ">บาห์เรน</option><option value=" http://www.garnier-be.com/nl-be ">เบลเยียม-ดัตช์</option><option value=" http://www.garnier-be.com/fr-be ">เบลเยียม-ฝรั่งเศส</option><option value=" http://www.garnier.com.br/ ">บราซิล</option><option value=" https://www.garnier.ca/en-ca ">แคนาดา</option><option value=" http://www.garnier.ca/fr-ca ">แคนาดา-ฝรั่งเศส</option><option value=" http://www.garnier.cl/ ">ชิลี</option><option value=" http://www.garnier.hr/ ">โครเอเซีย</option><option value=" http://www.garnier.cz ">สาธารณรัฐเช็ก</option><option value=" http://www.garnier.dk/ ">เดนมาร์ก</option><option value=" http://www.garnier-me.com/ar-ae ">อียิปต์</option><option value=" https://www.garnier.fr/ ">ฝรั่งเศส</option><option value=" http://www.garnier.de/ ">เยอรมนี</option><option value=" https://www.garnier.gr/ ">กรีซ</option><option value=" http://www.garnier.hu/ ">ฮังการี</option><option value=" https://www.garnier.in ">อินเดีย</option><option value=" https://www.garnier.co.id/ ">อินโดนีเซีย</option><option value=" http://www.garnier-me.com/ar-ae ">อิรัก</option><option value=" https://www.garnier.co.il/ ">อิสราเอล</option><option value=" http://www.garnier.it/ ">อิตาลี</option><option value=" http://www.garnier-me.com/ar-ae ">จอร์แดน</option><option value=" http://www.garnier-me.com/ar-ae ">คูเวต</option><option value=" http://www.garnier-me.com/ar-ae ">ลิแบน</option><option value=" https://www.garnier.com.my/ ">มาเลเซีย</option><option value=" http://www.garnier.com.mx/ ">เม็กซิโก</option><option value=" http://www.garnier-me.com/ar-ae ">โมร็อกโก</option><option value=" https://www.garnierzorgvoorjezelf.nl/  ">เนเธอร์แลนด์</option><option value=" http://www.garnier-me.com/ar-ae ">นิวซีแลนด์</option><option value=" http://www.garnier-me.com/ar-ae ">โอมาน</option><option value=" http://www.garnier-me.com/ar-ae ">ปาเลสไตน์</option><option value=" https://www.garnier.com.ph/ ">ฟิลิปปินส์</option><option value=" http://garnierdbajosiebie.pl/ ">โปแลนด์</option><option value=" https://www.garnier.pt/  ">โปรตุเกส</option><option value=" http://www.garnier-me.com/ar-ae ">กาตาร์</option><option value=" https://www.garnier.ro/ ">โรมาเนีย</option><option value=" http://www.garnier.com.ru/ ">รัสเซีย</option><option value=" http://www.garnier-me.com/ar-ae ">ซาอุดิอาราเบีย</option><option value=" http://www.garnier.sk ">
2162สโลวะเกีย</option><option value=" http://www.garnier.es/ ">สเปน</option><option value=" http://garnier.ch/?lg=de ">สวิสเซอร์แลนด์-ดัตช์</option><option value=" http://garnier.ch/?lg=fr ">สวิสเซอร์แลนด์-ฝรั่งเศส</option><option value=" http://www.garnier-me.com/ar-ae ">ซีเรีย</option><option value=" https://www.garnier.co.th/ ">ไทย</option><option value=" https://www.garnier.com.tr/ ">ตรุกี</option><option value=" https://garnier.ua/ ">ยูเครน</option><option value=" http://www.garnier.co.uk/ ">อังกฤษ</option><option value=" http://www.garnierusa.com/ ">อเมริกา</option>                        </select>
2163                        <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>
2164                </div>
2165            </div>
2166        </div>
2167    </div>
2168 </country-drop-down>
2169
2170
2171                    </div>
2172                    <div class="col-xs-12 col-sm-4 footer-col footer-customer-service">
2173                        
2174<div class="component link-list footer-customer-service--nav">
2175
2176    <p class="heading is-6">การบริการลูกค้า</p>
2177        <ul class="footer-navigation">
2178                    <li class="">
2179<a v-tag="{&quot;event&quot;:&quot;uaevent&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;eventCategory&quot;:&quot;main menu navigation&quot;,&quot;eventAction&quot;:&quot;select::footer&quot;,&quot;eventLabel&quot;:&quot;customer service::contact us&quot;,&quot;click_area&quot;:&quot;footer&quot;,&quot;breadcrumb&quot;:&quot;customer service::contact us&quot;}" data-variantfieldname="Link" href="/contact" data-variantitemid="{BEFDA025-EA10-4549-BB11-A761AA0CC640}">ติดต่อเรา</a>
2180                    </li>
2181
2182    </ul>
2183</div>
2184
2185                    </div>
2186                    <div class="col-xs-12 col-sm-4 footer-col footer-mailing-list">
2187                        
2188<div class="component link-list footer-customer-service--social">
2189
2190    <p class="heading is-6">ติดตามการ์นิเย่</p>
2191        <ul class="footer-navigation footer-social-media-links-list">
2192                    <li class="">
2193<a v-tag="{&quot;event&quot;:&quot;socialint&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;social_interaction&quot;,&quot;socialNetwork&quot;:&quot;instagram&quot;,&quot;socialAction&quot;:&quot;follow&quot;,&quot;socialTarget&quot;:&quot;https://www.instagram.com/garnierthailand/&quot;,&quot;social_network&quot;:&quot;instagram&quot;,&quot;social_action&quot;:&quot;follow&quot;}" target="_blank" title="Follow us on Instagram" rel="noopener noreferrer" href="https://www.instagram.com/garnierthailand/"><span><img class="lazyload" data-src="/themes/Garnier/Images/assets/Instagram.svg" alt="/themes/Garnier/Images/assets/Instagram.svg"></span></a>
2194                    </li>
2195                    <li class="">
2196<a v-tag="{&quot;event&quot;:&quot;socialint&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;social_interaction&quot;,&quot;socialNetwork&quot;:&quot;facebook&quot;,&quot;socialAction&quot;:&quot;share&quot;,&quot;socialTarget&quot;:&quot;https://www.facebook.com/garnier.thailand/&quot;,&quot;social_network&quot;:&quot;facebook&quot;,&quot;social_action&quot;:&quot;share&quot;}" target="_blank" title="Follow us on Facebook" rel="noopener noreferrer" href="https://www.facebook.com/Garnier.Thailand/"><span><img class="lazyload" data-src="/themes/Garnier/Images/assets/Facebook.svg" alt="/themes/Garnier/Images/assets/Facebook.svg"></span></a>
2197                    </li>
2198                    <li class="">
2199<a v-tag="{&quot;event&quot;:&quot;socialint&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;social_interaction&quot;,&quot;socialNetwork&quot;:&quot;youtube&quot;,&quot;socialAction&quot;:&quot;follow&quot;,&quot;socialTarget&quot;:&quot;https://www.youtube.com/garnierthailand&quot;,&quot;social_network&quot;:&quot;youtube&quot;,&quot;social_action&quot;:&quot;follow&quot;}" target="_blank" title="Follow us on YouTube" rel="noopener noreferrer" href="https://www.youtube.com/GarnierThailand"><span><img class="lazyload" data-src="/themes/Garnier/Images/assets/Youtube.svg" alt="/themes/Garnier/Images/assets/Youtube.svg"></span></a>
2200                    </li>
2201                    <li class="">
2202<a v-tag="{&quot;event&quot;:&quot;socialint&quot;,&quot;ecommerce&quot;:&quot;undefined&quot;,&quot;event_name&quot;:&quot;social_interaction&quot;,&quot;socialNetwork&quot;:&quot;twitter&quot;,&quot;socialAction&quot;:&quot;tweet&quot;,&quot;socialTarget&quot;:&quot;https://twitter.com/garnierthailand&quot;,&quot;social_network&quot;:&quot;twitter&quot;,&quot;social_action&quot;:&quot;tweet&quot;}" target="_blank" title="Follow us on Twitter" rel="noopener noreferrer" href="https://twitter.com/GarnierThailand"><span><img class="lazyload" data-src="/themes/Garnier/Images/assets/Twitter.svg" alt="/themes/Garnier/Images/assets/Twitter.svg"></span></a>
2203                    </li>
2204
2205    </ul>
2206</div>
2207
2208                    </div>
2209                </div>
2210                <div class="col-xs-12 col-sm-12" id="legaltext">
2211                    
2212                </div>
2213            </div>
2214        </div>
2215    </footer>
2216</div>
2217
2218
2219            <!-- /#footer -->
2220            <scroll-to-top :scroll-to-top-label='{"scroll":"Scroll To Top"}'></scroll-to-top>
2221        </div>
2222    </div>
2223
2224
2225    <!-- /#wrapper -->
2226    
2227
2228<script defer src="/Refapp-build/foundation-layer/scripts/RefApp.foundation-layer.CM.js"></script>
2228
2229
2230
2231
2232    <!-- Sales Force Script Block -->
2233    
2233<script type="text/javascript">
2234        if (typeof _etmc !== "undefined" && _etmc) {
2235        }
2236    </script>
2236
2237
2238    
2239    
2239<script crossorigin="anonymous" src="/themes/Garnier/bundle.js?v=12.6.0-release00000004"></script>
2239
2240    
2240<script crossorigin="anonymous" src="/themes/apac/bundle.js?v=12.6.0-release00000004"></script>
vendor: 2 bytes, line 2240
2240
2241<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a4214e71bb14feda',t:'MTc5MDU4MzM5MA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
2241</body>
2242</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.