PageSourceSearch

https://dermalogica.co.th/collections/shop-all-products

html dermalogica.co.th collected 2026-10-08 08:01:15 UTC 659,054 bytes, 9,754 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="th">
3  <head>
4	<!-- Added by AVADA SEO Suite -->
5	
5<script>
6  const avadaLightJsExclude = ['cdn.nfcube.com', 'assets/ecom.js', 'variant-title-king', 'linked_options_variants', 'smile-loader.js', 'smart-product-filter-search', 'rivo-loyalty-referrals', 'avada-cookie-consent', 'consentmo-gdpr', 'quinn', 'storelocator-prod'];
7  const avadaLightJsInclude = ['https://www.googletagmanager.com/', 'https://connect.facebook.net/', 'https://business-api.tiktok.com/', 'https://static.klaviyo.com/', 'https://cdn.shopify.com/extensions/', 'https://www.googletagmanager.com', 'https://analytics.tiktok.com', 'https://static.socialshopwave.com', 'https://www.google-analytics.com', 'https://connect.nosto.com', 'https://connect.facebook.net'];
8  window.AVADA_SPEED_BLACKLIST = avadaLightJsInclude.map(item => new RegExp(item, 'i'));
9  window.AVADA_SPEED_WHITELIST = avadaLightJsExclude.map(item => new RegExp(item, 'i'));
10</script>
10
11
12<script>
13  const isSpeedUpEnable = !1746603070264 || Date.now() < 1746603070264;
14  if (isSpeedUpEnable) {
15    const avadaSpeedUp=1;
16    if(isSpeedUpEnable) {
17  function _0x55aa(_0x575858,_0x2fd0be){const _0x30a92f=_0x1cb5();return _0x55aa=function(_0x4e8b41,_0xcd1690){_0x4e8b41=_0x4e8b41-(0xb5e+0xd*0x147+-0x1b1a);let _0x1c09f7=_0x30a92f[_0x4e8b41];return _0x1c09f7;},_0x55aa(_0x575858,_0x2fd0be);}(function(_0x4ad4dc,_0x42545f){const _0x5c7741=_0x55aa,_0x323f4d=_0x4ad4dc();while(!![]){try{const _0x588ea5=parseInt(_0x5c7741(0x10c))/(0xb6f+-0x1853+0xce5)*(-parseInt(_0x5c7741(0x157))/(-0x2363*0x1+0x1dd4+0x591*0x1))+-parseInt(_0x5c7741(0x171))/(0x269b+-0xeb+-0xf*0x283)*(parseInt(_0x5c7741(0x116))/(0x2e1+0x1*0x17b3+-0x110*0x19))+-parseInt(_0x5c7741(0x147))/(-0x1489+-0x312*0x6+0x26fa*0x1)+-parseInt(_0x5c7741(0xfa))/(-0x744+0x1*0xb5d+-0x413)*(-parseInt(_0x5c7741(0x102))/(-0x1e87+0x9e*-0x16+0x2c22))+parseInt(_0x5c7741(0x136))/(0x1e2d+0x1498+-0x1a3*0x1f)+parseInt(_0x5c7741(0x16e))/(0x460+0x1d96+0x3*-0xb4f)*(-parseInt(_0x5c7741(0xe3))/(-0x9ca+-0x1*-0x93f+0x1*0x95))+parseInt(_0x5c7741(0xf8))/(-0x1f73*0x1+0x6*-0x510+0x3dde);if(_0x588ea5===_0x42545f)break;else _0x323f4d['push'](_0x323f4d['shift']());}catch(_0x5d6d7e){_0x323f4d['push'](_0x323f4d['shift']());}}}(_0x1cb5,-0x193549+0x5dc3*-0x31+-0x2f963*-0x13),(function(){const _0x5cb2b4=_0x55aa,_0x23f9e9={'yXGBq':function(_0x237aef,_0x385938){return _0x237aef!==_0x385938;},'XduVF':function(_0x21018d,_0x56ff60){return _0x21018d===_0x56ff60;},'RChnz':_0x5cb2b4(0xf4)+_0x5cb2b4(0xe9)+_0x5cb2b4(0x14a),'TAsuR':function(_0xe21eca,_0x33e114){return _0xe21eca%_0x33e114;},'EvLYw':function(_0x1326ad,_0x261d04){return _0x1326ad!==_0x261d04;},'nnhAQ':_0x5cb2b4(0x107),'swpMF':_0x5cb2b4(0x16d),'plMMu':_0x5cb2b4(0xe8)+_0x5cb2b4(0x135),'PqBPA':function(_0x2ba85c,_0x35b541){return _0x2ba85c<_0x35b541;},'NKPCA':_0x5cb2b4(0xfc),'TINqh':function(_0x4116e3,_0x3ffd02,_0x2c8722){return _0x4116e3(_0x3ffd02,_0x2c8722);},'BAueN':_0x5cb2b4(0x120),'NgloT':_0x5cb2b4(0x14c),'ThSSU':function(_0xeb212a,_0x4341c1){return _0xeb212a+_0x4341c1;},'lDDHN':function(_0x4a1a48,_0x45ebfb){return _0x4a1a48 instanceof _0x45ebfb;},'toAYB':function(_0xcf0fa9,_0xf5fa6a){return _0xcf0fa9 instanceof _0xf5fa6a;},'VMiyW':function(_0x5300e4,_0x44e0f4){return _0x5300e4(_0x44e0f4);},'iyhbw':_0x5cb2b4(0x119),'zuWfR':function(_0x19c3e4,_0x4ee6e8){return _0x19c3e4<_0x4ee6e8;},'vEmrv':function(_0xd798cf,_0x5ea2dd){return _0xd798cf!==_0x5ea2dd;},'yxERj':function(_0x24b03b,_0x5aa292){return _0x24b03b||_0x5aa292;},'MZpwM':_0x5cb2b4(0x110)+_0x5cb2b4(0x109)+'pt','IeUHK':function(_0x5a4c7e,_0x2edf70){return _0x5a4c7e-_0x2edf70;},'Idvge':function(_0x3b526e,_0x36b469){return _0x3b526e<_0x36b469;},'qRwfm':_0x5cb2b4(0x16b)+_0x5cb2b4(0xf1),'CvXDN':function(_0x4b4208,_0x1db216){return _0x4b4208<_0x1db216;},'acPIM':function(_0x7d44b7,_0x3020d2){return _0x7d44b7(_0x3020d2);},'MyLMO':function(_0x22d4b2,_0xe7a6a0){return _0x22d4b2<_0xe7a6a0;},'boDyh':function(_0x176992,_0x346381,_0xab7fc){return _0x176992(_0x346381,_0xab7fc);},'ZANXD':_0x5cb2b4(0x10f)+_0x5cb2b4(0x12a)+_0x5cb2b4(0x142),'CXwRZ':_0x5cb2b4(0x123)+_0x5cb2b4(0x15f),'AuMHM':_0x5cb2b4(0x161),'KUuFZ':_0x5cb2b4(0xe6),'MSwtw':_0x5cb2b4(0x13a),'ERvPB':_0x5cb2b4(0x134),'ycTDj':_0x5cb2b4(0x15b),'Tvhir':_0x5cb2b4(0x154)},_0x469be1=_0x23f9e9[_0x5cb2b4(0x153)],_0x36fe07={'blacklist':window[_0x5cb2b4(0x11f)+_0x5cb2b4(0x115)+'T'],'whitelist':window[_0x5cb2b4(0x11f)+_0x5cb2b4(0x13e)+'T']},_0x26516a={'blacklisted':[]},_0x34e4a6=(_0x2be2f5,_0x25b3b2)=>{const _0x80dd2=_0x5cb2b4;if(_0x2be2f5&&(!_0x25b3b2||_0x23f9e9[_0x80dd2(0x13b)](_0x25b3b2,_0x469be1))&&(!_0x36fe07[_0x80dd2(0x170)]||_0x36fe07[_0x80dd2(0x170)][_0x80dd2(0x151)](_0xa5c7cf=>_0xa5c7cf[_0x80dd2(0x12b)](_0x2be2f5)))&&(!_0x36fe07[_0x80dd2(0x165)]||_0x36fe07[_0x80dd2(0x165)][_0x80dd2(0x156)](_0x4e2570=>!_0x4e2570[_0x80dd2(0x12b)](_0x2be2f5)))&&_0x23f9e9[_0x80dd2(0xf7)](avadaSpeedUp,0x5*0x256+-0x1*0x66c+-0x542+0.5)&&_0x2be2f5[_0x80dd2(0x137)](_0x23f9e9[_0x80dd2(0xe7)])){const _0x413c89=_0x2be2f5[_0x80dd2(0x16c)];return _0x23f9e9[_0x80dd2(0xf7)](_0x23f9e9[_0x80dd2(0x11e)](_0x413c89,-0x1deb*-0x1+0xf13+-0x2cfc),0x1176+-0x78b*0x5+0x1441);}return _0x2be2f5&&(!_0x25b3b2||_0x23f9e9[_0x80dd2(0xed)](_0x25b3b2,_0x469be1))&&(!_0x36fe07[_0x80dd2(0x170)]||_0x36fe07[_0x80dd2(0x170)][_0x80dd2(0x151)](_0x3d689d=>_0x3d689d[_0x80dd2(0x12b)](_0x2be2f5)))&&(!_0x36fe07[_0x80dd2(0x165)]||_0x36fe07[_0x80dd2(0x165)][_0x80dd2(0x156)](_0x26a7b3=>!_0x26a7b3[_0x80dd2(0x12b)](_0x2be2f5)));},_0x11462f=function(_0x42927f){const _0x346823=_0x5cb2b4,_0x5426ae=_0x42927f[_0x346823
17(0x159)+'te'](_0x23f9e9[_0x346823(0x14e)]);return _0x36fe07[_0x346823(0x170)]&&_0x36fe07[_0x346823(0x170)][_0x346823(0x156)](_0x107b0d=>!_0x107b0d[_0x346823(0x12b)](_0x5426ae))||_0x36fe07[_0x346823(0x165)]&&_0x36fe07[_0x346823(0x165)][_0x346823(0x151)](_0x1e7160=>_0x1e7160[_0x346823(0x12b)](_0x5426ae));},_0x39299f=new MutationObserver(_0x45c995=>{const _0x21802a=_0x5cb2b4,_0x3bc801={'mafxh':function(_0x6f9c57,_0x229989){const _0x9d39b1=_0x55aa;return _0x23f9e9[_0x9d39b1(0xf7)](_0x6f9c57,_0x229989);},'SrchE':_0x23f9e9[_0x21802a(0xe2)],'pvjbV':_0x23f9e9[_0x21802a(0xf6)]};for(let _0x333494=-0x7d7+-0x893+0x106a;_0x23f9e9[_0x21802a(0x158)](_0x333494,_0x45c995[_0x21802a(0x16c)]);_0x333494++){const {addedNodes:_0x1b685b}=_0x45c995[_0x333494];for(let _0x2f087=0x1f03+0x84b+0x1*-0x274e;_0x23f9e9[_0x21802a(0x158)](_0x2f087,_0x1b685b[_0x21802a(0x16c)]);_0x2f087++){const _0x4e5bac=_0x1b685b[_0x2f087];if(_0x23f9e9[_0x21802a(0xf7)](_0x4e5bac[_0x21802a(0x121)],-0x1f3a+-0x1*0x1b93+-0x3*-0x139a)&&_0x23f9e9[_0x21802a(0xf7)](_0x4e5bac[_0x21802a(0x152)],_0x23f9e9[_0x21802a(0xe0)])){const _0x5d9a67=_0x4e5bac[_0x21802a(0x107)],_0x3fb522=_0x4e5bac[_0x21802a(0x16d)];if(_0x23f9e9[_0x21802a(0x103)](_0x34e4a6,_0x5d9a67,_0x3fb522)){_0x26516a[_0x21802a(0x160)+'d'][_0x21802a(0x128)]([_0x4e5bac,_0x4e5bac[_0x21802a(0x16d)]]),_0x4e5bac[_0x21802a(0x16d)]=_0x469be1;const _0x1e52da=function(_0x2c95ff){const _0x359b13=_0x21802a;if(_0x3bc801[_0x359b13(0x118)](_0x4e5bac[_0x359b13(0x159)+'te'](_0x3bc801[_0x359b13(0x166)]),_0x469be1))_0x2c95ff[_0x359b13(0x112)+_0x359b13(0x150)]();_0x4e5bac[_0x359b13(0xec)+_0x359b13(0x130)](_0x3bc801[_0x359b13(0xe4)],_0x1e52da);};_0x4e5bac[_0x21802a(0x12d)+_0x21802a(0x163)](_0x23f9e9[_0x21802a(0xf6)],_0x1e52da),_0x4e5bac[_0x21802a(0x12c)+_0x21802a(0x131)]&&_0x4e5bac[_0x21802a(0x12c)+_0x21802a(0x131)][_0x21802a(0x11a)+'d'](_0x4e5bac);}}}}});_0x39299f[_0x5cb2b4(0x105)](document[_0x5cb2b4(0x10b)+_0x5cb2b4(0x16a)],{'childList':!![],'subtree':!![]});const _0x2910a9=/[|\\{}()\[\]^$+*?.]/g,_0xa9f173=function(..._0x1baa33){const _0x3053cc=_0x5cb2b4,_0x2e6f61={'mMWha':function(_0x158c76,_0x5c404b){const _0x25a05c=_0x55aa;return _0x23f9e9[_0x25a05c(0xf7)](_0x158c76,_0x5c404b);},'BXirI':_0x23f9e9[_0x3053cc(0x141)],'COGok':function(_0x421bf7,_0x55453a){const _0x4fd417=_0x3053cc;return _0x23f9e9[_0x4fd417(0x167)](_0x421bf7,_0x55453a);},'XLSAp':function(_0x193984,_0x35c446){const _0x5bbecf=_0x3053cc;return _0x23f9e9[_0x5bbecf(0xed)](_0x193984,_0x35c446);},'EygRw':function(_0xfbb69c,_0x21b15d){const _0xe5c840=_0x3053cc;return _0x23f9e9[_0xe5c840(0x104)](_0xfbb69c,_0x21b15d);},'xZuNx':_0x23f9e9[_0x3053cc(0x139)],'SBUaW':function(_0x5739bf,_0x2c2fab){const _0x42cbb1=_0x3053cc;return _0x23f9e9[_0x42cbb1(0x172)](_0x5739bf,_0x2c2fab);},'EAoTR':function(_0x123b29,_0x5b29bf){const _0x2828d2=_0x3053cc;return _0x23f9e9[_0x2828d2(0x11d)](_0x123b29,_0x5b29bf);},'cdYdq':_0x23f9e9[_0x3053cc(0x14e)],'WzJcf':_0x23f9e9[_0x3053cc(0xe2)],'nytPK':function(_0x53f733,_0x4ad021){const _0x4f0333=_0x3053cc;return _0x23f9e9[_0x4f0333(0x148)](_0x53f733,_0x4ad021);},'oUrHG':_0x23f9e9[_0x3053cc(0x14d)],'dnxjX':function(_0xed6b5f,_0x573f55){const _0x57aa03=_0x3053cc;return _0x23f9e9[_0x57aa03(0x15a)](_0xed6b5f,_0x573f55);}};_0x23f9e9[_0x3053cc(0x15d)](_0x1baa33[_0x3053cc(0x16c)],-0x1a3*-0x9+-0xf9*0xb+-0x407*0x1)?(_0x36fe07[_0x3053cc(0x170)]=[],_0x36fe07[_0x3053cc(0x165)]=[]):(_0x36fe07[_0x3053cc(0x170)]&&(_0x36fe07[_0x3053cc(0x170)]=_0x36fe07[_0x3053cc(0x170)][_0x3053cc(0x106)](_0xa8e001=>_0x1baa33[_0x3053cc(0x156)](_0x4a8a28=>{const _0x2e425b=_0x3053cc;if(_0x2e6f61[_0x2e425b(0x111)](typeof _0x4a8a28,_0x2e6f61[_0x2e425b(0x155)]))return!_0xa8e001[_0x2e425b(0x12b)](_0x4a8a28);else{if(_0x2e6f61[_0x2e425b(0xeb)](_0x4a8a28,RegExp))return _0x2e6f61[_0x2e425b(0x145)](_0xa8e001[_0x2e425b(0xdf)](),_0x4a8a28[_0x2e425b(0xdf)]());}}))),_0x36fe07[_0x3053cc(0x165)]&&(_0x36fe07[_0x3053cc(0x165)]=[..._0x36fe07[_0x3053cc(0x165)],..._0x1baa33[_0x3053cc(0xff)](_0x4e4c02=>{const _0x7c755c=_0x3053cc;if(_0x23f9e9[_0x7c755c(0xf7)](typeof _0x4e4c02,_0x23f9e9[_0x7c755c(0x141)])){const _0x932437=_0x4e4c02[_0x7c755c(0xea)](_0x2910a9,_0x23f9e9[_0x7c755c(0x16f)]),_0x34e686=_0
17x23f9e9[_0x7c755c(0xf0)](_0x23f9e9[_0x7c755c(0xf0)]('.*',_0x932437),'.*');if(_0x36fe07[_0x7c755c(0x165)][_0x7c755c(0x156)](_0x21ef9a=>_0x21ef9a[_0x7c755c(0xdf)]()!==_0x34e686[_0x7c755c(0xdf)]()))return new RegExp(_0x34e686);}else{if(_0x23f9e9[_0x7c755c(0x117)](_0x4e4c02,RegExp)){if(_0x36fe07[_0x7c755c(0x165)][_0x7c755c(0x156)](_0x5a3f09=>_0x5a3f09[_0x7c755c(0xdf)]()!==_0x4e4c02[_0x7c755c(0xdf)]()))return _0x4e4c02;}}return null;})[_0x3053cc(0x106)](Boolean)]));const _0x3eeb55=document[_0x3053cc(0x11b)+_0x3053cc(0x10e)](_0x23f9e9[_0x3053cc(0xf0)](_0x23f9e9[_0x3053cc(0xf0)](_0x23f9e9[_0x3053cc(0x122)],_0x469be1),'"]'));for(let _0xf831f7=-0x21aa+-0x1793+0x393d*0x1;_0x23f9e9[_0x3053cc(0x14b)](_0xf831f7,_0x3eeb55[_0x3053cc(0x16c)]);_0xf831f7++){const _0x5868cb=_0x3eeb55[_0xf831f7];_0x23f9e9[_0x3053cc(0x132)](_0x11462f,_0x5868cb)&&(_0x26516a[_0x3053cc(0x160)+'d'][_0x3053cc(0x128)]([_0x5868cb,_0x23f9e9[_0x3053cc(0x14d)]]),_0x5868cb[_0x3053cc(0x12c)+_0x3053cc(0x131)][_0x3053cc(0x11a)+'d'](_0x5868cb));}let _0xdf8cd0=-0x17da+0x2461+-0xc87*0x1;[..._0x26516a[_0x3053cc(0x160)+'d']][_0x3053cc(0x10d)](([_0x226aeb,_0x33eaa7],_0xe33bca)=>{const _0x2aa7bf=_0x3053cc;if(_0x2e6f61[_0x2aa7bf(0x143)](_0x11462f,_0x226aeb)){const _0x41da0d=document[_0x2aa7bf(0x11c)+_0x2aa7bf(0x131)](_0x2e6f61[_0x2aa7bf(0x127)]);for(let _0x6784c7=0xd7b+-0xaa5+-0x2d6;_0x2e6f61[_0x2aa7bf(0x164)](_0x6784c7,_0x226aeb[_0x2aa7bf(0xe5)][_0x2aa7bf(0x16c)]);_0x6784c7++){const _0x4ca758=_0x226aeb[_0x2aa7bf(0xe5)][_0x6784c7];_0x2e6f61[_0x2aa7bf(0x12f)](_0x4ca758[_0x2aa7bf(0x133)],_0x2e6f61[_0x2aa7bf(0x13f)])&&_0x2e6f61[_0x2aa7bf(0x145)](_0x4ca758[_0x2aa7bf(0x133)],_0x2e6f61[_0x2aa7bf(0x100)])&&_0x41da0d[_0x2aa7bf(0xe1)+'te'](_0x4ca758[_0x2aa7bf(0x133)],_0x226aeb[_0x2aa7bf(0xe5)][_0x6784c7][_0x2aa7bf(0x12e)]);}_0x41da0d[_0x2aa7bf(0xe1)+'te'](_0x2e6f61[_0x2aa7bf(0x13f)],_0x226aeb[_0x2aa7bf(0x107)]),_0x41da0d[_0x2aa7bf(0xe1)+'te'](_0x2e6f61[_0x2aa7bf(0x100)],_0x2e6f61[_0x2aa7bf(0x101)](_0x33eaa7,_0x2e6f61[_0x2aa7bf(0x126)])),document[_0x2aa7bf(0x113)][_0x2aa7bf(0x146)+'d'](_0x41da0d),_0x26516a[_0x2aa7bf(0x160)+'d'][_0x2aa7bf(0x162)](_0x2e6f61[_0x2aa7bf(0x13d)](_0xe33bca,_0xdf8cd0),-0x105d*0x2+0x1*-0xeaa+0x2f65),_0xdf8cd0++;}}),_0x36fe07[_0x3053cc(0x170)]&&_0x23f9e9[_0x3053cc(0xf3)](_0x36fe07[_0x3053cc(0x170)][_0x3053cc(0x16c)],0x10f2+-0x1a42+0x951)&&_0x39299f[_0x3053cc(0x15c)]();},_0x4c2397=document[_0x5cb2b4(0x11c)+_0x5cb2b4(0x131)],_0x573f89={'src':Object[_0x5cb2b4(0x14f)+_0x5cb2b4(0xfd)+_0x5cb2b4(0x144)](HTMLScriptElement[_0x5cb2b4(0xf9)],_0x23f9e9[_0x5cb2b4(0x14e)]),'type':Object[_0x5cb2b4(0x14f)+_0x5cb2b4(0xfd)+_0x5cb2b4(0x144)](HTMLScriptElement[_0x5cb2b4(0xf9)],_0x23f9e9[_0x5cb2b4(0xe2)])};document[_0x5cb2b4(0x11c)+_0x5cb2b4(0x131)]=function(..._0x4db605){const _0x1480b5=_0x5cb2b4,_0x3a6982={'KNNxG':function(_0x32fa39,_0x2a57e4,_0x3cc08f){const _0x5ead12=_0x55aa;return _0x23f9e9[_0x5ead12(0x169)](_0x32fa39,_0x2a57e4,_0x3cc08f);}};if(_0x23f9e9[_0x1480b5(0x13b)](_0x4db605[-0x4*-0x376+0x4*0x2f+-0xe94][_0x1480b5(0x140)+'e'](),_0x23f9e9[_0x1480b5(0x139)]))return _0x4c2397[_0x1480b5(0x114)](document)(..._0x4db605);const _0x2f091d=_0x4c2397[_0x1480b5(0x114)](document)(..._0x4db605);try{Object[_0x1480b5(0xf2)+_0x1480b5(0x149)](_0x2f091d,{'src':{..._0x573f89[_0x1480b5(0x107)],'set'(_0x3ae2bc){const _0x5d6fdc=_0x1480b5;_0x3a6982[_0x5d6fdc(0x129)](_0x34e4a6,_0x3ae2bc,_0x2f091d[_0x5d6fdc(0x16d)])&&_0x573f89[_0x5d6fdc(0x16d)][_0x5d6fdc(0x10a)][_0x5d6fdc(0x125)](this,_0x469be1),_0x573f89[_0x5d6fdc(0x107)][_0x5d6fdc(0x10a)][_0x5d6fdc(0x125)](this,_0x3ae2bc);}},'type':{..._0x573f89[_0x1480b5(0x16d)],'get'(){const _0x436e9e=_0x1480b5,_0x4b63b9=_0x573f89[_0x436e9e(0x16d)][_0x436e9e(0xfb)][_0x436e9e(0x125)](this);if(_0x23f9e9[_0x436e9e(0xf7)](_0x4b63b9,_0x469be1)||_0x23f9e9[_0x436e9e(0x103)](_0x34e4a6,this[_0x436e9e(0x107)],_0x4b63b9))return null;return _0x4b63b9;},'set'(_0x174ea3){const _0x1dff57=_0x1480b5,_0xa2fd13=_0x23f9e9[_0x1dff57(0x103)](_0x34e4a6,_0x2f091d[_0x1dff57(0x107)],_0x2f091d[_0x1dff57(0x16d)])?_0x469be1:_0x174ea3;_0x573f89[_0x1dff57(0x16d)][_0x1dff57(0x10a)][_0x1dff57(0x125)](this,_0xa2fd13);}}}),_0x2f091d[_0x1480b5(0xe1)+'te']=function(_0x5b0870,_0x8c60d5){const _0xab22d4=_0x1480b5;if(_0x23f9e9[_0xab22d4(0xf7)](_0x5b0870,_0x23f9e9[_0xab22d4(0xe2)])||_0x23f9e9[_0xab22d4(0xf7)](_0x5b0870,_0x23f9e9[_0xab22d4(0x14e)]))_0x2f091d[_0x5b0870]=_0x8c60d5;else HTMLScriptElement[_0xab22d4(0xf9)][_0xab22d4(0xe1)+'te'][_0xab22d4(0x125)](_0x2f091d,_0x5b0870,_0x8c60d5);};}catch(_0x5a9461){console[_0x1480b5(0x168)](_0x23f9e9[_0x1480b5(0xef)],_0x5a9461);}return _0x2f091d;};const _0x5883c5=[_0x23f9e9[_0x5cb2b4(0xfe)],_0x23f9e9[_0x5cb2b4(0x13c)],_0x23f9e9[_0x5cb2b4(0xf5)],_0x23f9e9[_0x5cb2b4(0x15e)],_0x23f9e9[_0x5cb2b4(0x138)],_0x23f9e9[_0x5cb2b4(0x124)]],_0x4ab8d2=_0x5883c5[_0x5cb2b4(0xff)](_0x439d08=>{return{'type':_0x439d08,'listener':()=>_0xa9f173(),'options':{'passive':!![]}};});_0x4ab8d2[_0x5cb2b4(0x10d)](_0x4d3535=>{const _0x3882ab=_0x5cb2b4;document[_0x3882ab(0x12d)+_0x3882ab(0x163)](_0x4d3535[_0x3882ab(0x16d)],_0x4d3535[_0x3882ab(0xee)],_0x4d3535[_0x3882ab(0x108)]);});}()));function _0x1cb5(){const _0x15f8e0=['ault','some','tagName','CXwRZ','wheel','BXirI','every','6lYvYY
17X','PqBPA','getAttribu','IeUHK','touchstart','disconnect','Idvge','ERvPB','/blocked','blackliste','keydown','splice','stener','SBUaW','whitelist','SrchE','toAYB','warn','boDyh','ement','script[typ','length','type','346347wGqEBH','NgloT','blacklist','33OVoYHk','zuWfR','toString','NKPCA','setAttribu','swpMF','230EEqEiq','pvjbV','attributes','mousemove','RChnz','beforescri','y.com/exte','replace','COGok','removeEven','EvLYw','listener','ZANXD','ThSSU','e="','defineProp','MyLMO','cdn.shopif','MSwtw','plMMu','XduVF','22621984JRJQxz','prototype','8818116NVbcZr','get','SCRIPT','ertyDescri','AuMHM','map','WzJcf','nytPK','7kiZatp','TINqh','VMiyW','observe','filter','src','options','n/javascri','set','documentEl','478083wuqgQV','forEach','torAll','Avada cann','applicatio','mMWha','preventDef','head','bind','D_BLACKLIS','75496skzGVx','lDDHN','mafxh','script','removeChil','querySelec','createElem','vEmrv','TAsuR','AVADA_SPEE','string','nodeType','qRwfm','javascript','Tvhir','call','oUrHG','xZuNx','push','KNNxG','ot lazy lo','test','parentElem','addEventLi','value','EAoTR','tListener','ent','acPIM','name','touchmove','ptexecute','6968312SmqlIb','includes','ycTDj','iyhbw','touchend','yXGBq','KUuFZ','dnxjX','D_WHITELIS','cdYdq','toLowerCas','BAueN','ad script','EygRw','ptor','XLSAp','appendChil','4975500NoPAFA','yxERj','erties','nsions','CvXDN','\$&','MZpwM','nnhAQ','getOwnProp'];_0x1cb5=function(){return _0x15f8e0;};return _0x1cb5();}
18}
19    class LightJsLoader{constructor(e){this.jQs=[],this.listener=this.handleListener.bind(this,e),this.scripts=["default","defer","async"].reduce(((e,t)=>({...e,[t]:[]})),{});const t=this;e.forEach((e=>window.addEventListener(e,t.listener,{passive:!0})))}handleListener(e){const t=this;return e.forEach((e=>window.removeEventListener(e,t.listener))),"complete"===document.readyState?this.handleDOM():document.addEventListener("readystatechange",(e=>{if("complete"===e.target.readyState)return setTimeout(t.handleDOM.bind(t),1)}))}async handleDOM(){this.suspendEvent(),this.suspendJQuery(),this.findScripts(),this.preloadScripts();for(const e of Object.keys(this.scripts))await this.replaceScripts(this.scripts[e]);for(const e of["DOMContentLoaded","readystatechange"])await this.requestRepaint(),document.dispatchEvent(new Event("lightJS-"+e));document.lightJSonreadystatechange&&document.lightJSonreadystatechange();for(const e of["DOMContentLoaded","load"])await this.requestRepaint(),window.dispatchEvent(new Event("lightJS-"+e));await this.requestRepaint(),window.lightJSonload&&window.lightJSonload(),await this.requestRepaint(),this.jQs.forEach((e=>e(window).trigger("lightJS-jquery-load"))),window.dispatchEvent(new Event("lightJS-pageshow")),await this.requestRepaint(),window.lightJSonpageshow&&window.lightJSonpageshow()}async requestRepaint(){return new Promise((e=>requestAnimationFrame(e)))}findScripts(){document.querySelectorAll("script[type=lightJs]").forEach((e=>{e.hasAttribute("src")?e.hasAttribute("async")&&e.async?this.scripts.async.push(e):e.hasAttribute("defer")&&e.defer?this.scripts.defer.push(e):this.scripts.default.push(e):this.scripts.default.push(e)}))}preloadScripts(){const e=this,t=Object.keys(this.scripts).reduce(((t,n)=>[...t,...e.scripts[n]]),[]),n=document.createDocumentFragment();t.forEach((e=>{const t=e.getAttribute("src");if(!t)return;const s=document.createElement("link");s.href=t,s.rel="preload",s.as="script",n.appendChild(s)})),document.head.appendChild(n)}async replaceScripts(e){let t;for(;t=e.shift();)await this.requestRepaint(),new Promise((e=>{const n=document.createElement("script");[...t.attributes].forEach((e=>{"type"!==e.nodeName&&n.setAttribute(e.nodeName,e.nodeValue)})),t.hasAttribute("src")?(n.addEventListener("load",e),n.addEventListener("error",e)):(n.text=t.text,e()),t.parentNode.replaceChild(n,t)}))}suspendEvent(){const e={};[{obj:document,name:"DOMContentLoaded"},{obj:window,name:"DOMContentLoaded"},{obj:window,name:"load"},{obj:window,name:"pageshow"},{obj:document,name:"readystatechange"}].map((t=>function(t,n){function s(n){return e[t].list.indexOf(n)>=0?"lightJS-"+n:n}e[t]||(e[t]={list:[n],add:t.addEventListener,remove:t.removeEventListener},t.addEventListener=(...n)=>{n[0]=s(n[0]),e[t].add.apply(t,n)},t.removeEventListener=(...n)=>{n[0]=s(n[0]),e[t].remove.apply(t,n)})}(t.obj,t.name))),[{obj:document,name:"onreadystatechange"},{obj:window,name:"onpageshow"}].map((e=>function(e,t){let n=e[t];Object.defineProperty(e,t,{get:()=>n||function(){},set:s=>{e["lightJS"+t]=n=s}})}(e.obj,e.name)))}suspendJQuery(){const e=this;let t=window.jQuery;Object.defineProperty(window,"jQuery",{get:()=>t,set(n){if(!n||!n.fn||!e.jQs.includes(n))return void(t=n);n.fn.ready=n.fn.init.prototype.ready=e=>{e.bind(document)(n)};const s=n.fn.on;n.fn.on=n.fn.init.prototype.on=function(...e){if(window!==this[0])return s.apply(this,e),this;const t=e=>e.split(" ").map((e=>"load"===e||0===e.indexOf("load.")?"lightJS-jquery-load":e)).join(" ");return"string"==typeof e[0]||e[0]instanceof String?(e[0]=t(e[0]),s.apply(this,e),this):("object"==typeof e[0]&&Object.keys(e[0]).forEac
19h((n=>{delete Object.assign(e[0],{[t(n)]:e[0][n]})[n]})),s.apply(this,e),this)},e.jQs.push(n),t=n}})}}
20new LightJsLoader(["keydown","mousemove","touchend","touchmove","touchstart","wheel"]);
21  }
22</script>
22 <!-- meta basic type product --><!-- meta basic type collection --><!-- meta basic type article -->
23
24
25
26
27
28
29
30
31
32
33
34	<!-- /Added by AVADA SEO Suite -->
35    <meta charset="utf-8">
36    <meta http-equiv="X-UA-Compatible" content="IE=edge">
37    <meta name="viewport" content="width=device-width,initial-scale=1">
38    <meta name="theme-color" content="">
39    <link rel="canonical" href="https://dermalogica.co.th/collections/shop-all-products">
40    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
41    
41<script src="https://connect.nosto.com/script/shopify/nosto.js?merchant=shopify-50811732165&shop=dermalogica-thailand.myshopify.com" async></script>
41<link rel="icon" type="image/png" href="//dermalogica.co.th/cdn/shop/files/favicon.png?crop=center&height=32&v=1717566458&width=32"><title>
42      
43 &ndash; Dermalogica Thailand</title>
44
45    
46      <meta name="description" content="">
47    
48
49    
50
51<meta property="og:site_name" content="Dermalogica Thailand">
52<meta property="og:url" content="https://dermalogica.co.th/collections/shop-all-products">
53<meta property="og:title" content="ผลิตภัณฑ์ทั้งหมด">
54<meta property="og:type" content="website">
55<meta property="og:description" content="จัดส่งฟรีทุกออเดอร์ 2,000 บาทขึ้นไป ช้อปตอนนี้เพื่อรับโปรโมชั่นพิเศษและอื่น ๆ อีกมากมาย ผิวที่ดีที่สุดของคุณเริ่มต้นที่นี่"><meta property="og:image" content="http://dermalogica.co.th/cdn/shop/files/download_-_2023-11-20T172400.055-removebg-preview.png?v=1731089414">
56  <meta property="og:image:secure_url" content="https://dermalogica.co.th/cdn/shop/files/download_-_2023-11-20T172400.055-removebg-preview.png?v=1731089414">
57  <meta property="og:image:width" content="830">
58  <meta property="og:image:height" content="301"><meta name="twitter:site" content="@dermalogica_th"><meta name="twitter:card" content="summary_large_image">
59<meta name="twitter:title" content="ผลิตภัณฑ์ทั้งหมด">
60<meta name="twitter:description" content="จัดส่งฟรีทุกออเดอร์ 2,000 บาทขึ้นไป ช้อปตอนนี้เพื่อรับโปรโมชั่นพิเศษและอื่น ๆ อีกมากมาย ผิวที่ดีที่สุดของคุณเริ่มต้นที่นี่">
61
62
63    
63<script src="//dermalogica.co.th/cdn/shop/t/67/assets/global.aio.min.js?v=108565556835285055091754032853" defer="defer"></script>
63
64    
64<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
64<meta name="google-site-verification" content="gAW4f2XTdRhEYN2FN5paNP_4pCsC261SQZM4rH7Pcto">
65<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/50811732165/digital_wallets/dialog">
66<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/shop-all-products.atom" />
67<link rel="next" href="/collections/shop-all-products?page=2">
68<link rel="alternate" hreflang="x-default" href="https://dermalogica.co.th/collections/shop-all-products">
69<link rel="alternate" hreflang="th" href="https://dermalogica.co.th/collections/shop-all-products">
70<link rel="alternate" hreflang="en-MY" href="https://en.dermalogica.co.th/collections/shop-all-products">
71<link rel="alternate" type="application/json+oembed" href="https://dermalogica.co.th/collections/shop-all-products.oembed">
72<script async="async" src="/checkouts/internal/preloads.js?locale=th-TH&default_configuration_id=3539141"></script>
vendor: 1 bytes, line 72
72
73<script id="shopify-features" type="application/json">{"accessToken":"bbeea6b2916a33b9a5dd8365cdc5c466","betas":["rich-media-storefront-analytics"],"domain":"dermalogica.co.th","predictiveSearch":true,"shopId":50811732165,"locale":"th"}</script>
vendor: 1 bytes, line 73
73
74<script>var Shopify = Shopify || {};
75Shopify.shop = "dermalogica-thailand.myshopify.com";
76Shopify.locale = "th";
77Shopify.currency = {"active":"THB","rate":"1.0"};
78Shopify.country = "TH";
79Shopify.theme = {"name":"Copy of [JUN25] dermalogica-dawn-th\/main ver.1","id":148168605893,"schema_name":"Dawn","schema_version":"6.0.2","theme_store_id":null,"role":"main"};
80Shopify.theme.handle = "null";
81Shopify.theme.style = {"id":null,"handle":null};
82Shopify.cdnHost = "dermalogica.co.th/cdn";
83Shopify.routes = Shopify.routes || {};
84Shopify.routes.root = "/";
85Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
86Shopify.SignInWithShop = Shopify.SignInWithShop || {};
87Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
88Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 88
88
89<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 89
89
90<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 90
90
91<script>
92  window.Shopify = window.Shopify || {};
93  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
94  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
95  window.Shopify.SignInWithShop.eligible = false;
96</script>
vendor: 1 bytes, line 96
96
97<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 97
97
98<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.th.esm.js"></script>
vendor: 1 bytes, line 98
98
99<script type="module">
100  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.th.esm.js");
101
102  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
103
104</script>
vendor: 1 bytes, line 104
104
105<script>(function() {
106  var isLoaded = false;
107  function asyncLoad() {
108    if (isLoaded) return;
109    isLoaded = true;
110    var urls = ["https:\/\/www.pxucdn.com\/apps\/uso.js?shop=dermalogica-thailand.myshopify.com","https:\/\/seo.apps.avada.io\/scripttag\/avada-seo-installed.js?shop=dermalogica-thailand.myshopify.com","https:\/\/r3-t.trackedlink.net\/_dmspt.js?shop=dermalogica-thailand.myshopify.com","https:\/\/cdn1.avada.io\/flying-pages\/module.js?shop=dermalogica-thailand.myshopify.com","https:\/\/r3-t.trackedlink.net\/ddsbis.js?shop=dermalogica-thailand.myshopify.com","https:\/\/config.gorgias.chat\/bundle-loader\/01GYCC8YH2S3J695CVSFMW871Z?source=shopify1click\u0026shop=dermalogica-thailand.myshopify.com","https:\/\/connect.nosto.com\/include\/script\/shopify-50811732165.js?shop=dermalogica-thailand.myshopify.com","\/\/cdn.shopify.com\/proxy\/2f1c491d6aa6762f7a63b3ba465c8e8d7d7ef3cc3e3e64d49124a6875e70f26c\/cdn.bogos.io\/script_tag\/secomapp.scripttag.js?shop=dermalogica-thailand.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/r3-t.trackedlink.net\/shopify\/ddgtag.js?shop=dermalogica-thailand.myshopify.com","https:\/\/cdn.roseperl.com\/storelocator-prod\/stockist-form\/dermalogica-thailand-1750218029.js?shop=dermalogica-thailand.myshopify.com","https:\/\/po.kaktusapp.com\/storage\/js\/kaktus_preorder-dermalogica-thailand.myshopify.com.js?ver=78\u0026shop=dermalogica-thailand.myshopify.com","https:\/\/media.9gtb.com\/loader.js?g_cvt_id=9e69b420-1eb3-4735-a615-015fbcfdba7e\u0026shop=dermalogica-thailand.myshopify.com","https:\/\/cdn.roseperl.com\/storelocator-prod\/setting\/dermalogica-thailand-1774943001.js?shop=dermalogica-thailand.myshopify.com","https:\/\/cdn.roseperl.com\/storelocator-prod\/wtb\/dermalogica-thailand-1774943002.js?shop=dermalogica-thailand.myshopify.com","https:\/\/cdn.roseperl.com\/storelocator-prod\/fo\/dermalogica-thailand-1774943002.js?shop=dermalogica-thailand.myshopify.com"];
111    for (var i = 0; i < urls.length; i++) {
112      var s = document.createElement('script');
113      if ((!1746603070264 || Date.now() < 1746603070264) &&
114      (!window.AVADA_SPEED_BLACKLIST || window.AVADA_SPEED_BLACKLIST.some(pattern => pattern.test(s))) &&
115      (!window.AVADA_SPEED_WHITELIST || window.AVADA_SPEED_WHITELIST.every(pattern => !pattern.test(s)))) s.type = 'lightJs'; else s.type = 'text/javascript';
116      s.async = true;
117      s.src = urls[i];
118      var x = document.getElementsByTagName('script')[0];
119      x.parentNode.insertBefore(s, x);
120    }
121  };
122  if(window.attachEvent) {
123    window.attachEvent('onload', asyncLoad);
124  } else {
125    window.addEventListener('load', asyncLoad, false);
126  }
127})();</script>
vendor: 1 bytes, line 127
127
128<script id="__st">var __st={"a":50811732165,"offset":25200,"reqid":"413586d0-0fa7-4d4f-833b-5d088f3bf7ed-1791446474","pageurl":"dermalogica.co.th\/collections\/shop-all-products","u":"f5404ab39e98","p":"collection","rtyp":"collection","rid":290351186117};</script>
vendor: 1 bytes, line 128
128
129<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 129
129
130<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'ป้องกันโดย hCaptcha',privacyText:'ความเป็นส่วนตัว',termsText:'ข้อกำหนด'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 130
130
131<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//dermalogica.co.th/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 131
131
132<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//dermalogica.co.th/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
132<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 132
132
133<script>
134  window.Shopify = window.Shopify || {};
135  window.Shopify.MCP = window.Shopify.MCP || {};
136  window.Shopify.MCP.enabled = true;
137  window.Shopify.MCP.shop = "dermalogica-thailand.myshopify.com";
138  window.Shopify.MCP.mcpEndpoint = "https:\/\/dermalogica.co.th\/api\/mcp";
139  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
140</script>
vendor: 1 bytes, line 140
140
141<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/dermalogica.co.th\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
142</script>
vendor: 1 bytes, line 142
142
143<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://dermalogica.co.th/cdn/shopifycloud/portable-wallets/latest/portable-wallets.th.js",t.type="module",document.head.appendChild(t)}};
144</script>
vendor: 1 bytes, line 144
144
145<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
146  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
147</script>
vendor: 1 bytes, line 147
147
148<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
149</script>
vendor: 1 bytes, line 149
149
150<script id='scb4127' type='text/javascript' async='' src='https://dermalogica.co.th/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
150<script id="sections-script" data-sections="header,footer" defer="defer" src="//dermalogica.co.th/cdn/shop/t/67/compiled_assets/scripts.js?v=40567506869268510221754032921"></script>
vendor: 1 bytes, line 150
150
151<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
151
152
153
154    <style data-shopify>
155      
156      
157      
158      
159      
160
161      :root {
162        --font-body-family: Helvetica, Arial, sans-serif;
163        --font-body-style: normal;
164        --font-body-weight: 400;
165        --font-body-weight-bold: 700;
166
167        --font-heading-family: Helvetica, Arial, sans-serif;
168        --font-heading-style: normal;
169        --font-heading-weight: 400;
170
171        --font-body-scale: 1.0;
172        --font-heading-scale: 1.0;
173
174        --color-base-text: 81, 88, 98;
175        --color-shadow: 81, 88, 98;
176        --color-base-background-1: 255, 255, 255;
177        --color-base-background-2: 243, 243, 243;
178        --color-base-solid-button-labels: 255, 255, 255;
179        --color-base-outline-button-labels: 81, 88, 98;
180        --color-base-accent-1: 81, 88, 98;
181        --color-base-accent-2: 90, 146, 219;
182        --payment-terms-background-color: #ffffff;
183
184        --gradient-base-background-1: #ffffff;
185        --gradient-base-background-2: #f3f3f3;
186        --gradient-base-accent-1: #515862;
187        --gradient-base-accent-2: #5a92db;
188
189        --media-padding: px;
190        --media-border-opacity: 0.05;
191        --media-border-width: 1px;
192        --media-radius: 0px;
193        --media-shadow-opacity: 0.0;
194        --media-shadow-horizontal-offset: 0px;
195        --media-shadow-vertical-offset: 4px;
196        --media-shadow-blur-radius: 5px;
197        --media-shadow-visible: 0;
198
199        --page-width: 200rem;
200        --page-width-margin: 0rem;
201
202        --card-image-padding: 0.0rem;
203        --card-corner-radius: 0.0rem;
204        --card-text-alignment: left;
205        --card-border-width: 0.0rem;
206        --card-border-opacity: 0.1;
207        --card-shadow-opacity: 0.0;
208        --card-shadow-visible: 0;
209        --card-shadow-horizontal-offset: 0.0rem;
210        --card-shadow-vertical-offset: 0.4rem;
211        --card-shadow-blur-radius: 0.5rem;
212
213        --badge-corner-radius: 0.4rem;
214
215        --popup-border-width: 1px;
216        --popup-border-opacity: 0.1;
217        --popup-corner-radius: 0px;
218        --popup-shadow-opacity: 0.0;
219        --popup-shadow-horizontal-offset: 0px;
220        --popup-shadow-vertical-offset: 4px;
221        --popup-shadow-blur-radius: 5px;
222
223        --drawer-border-width: 1px;
224        --drawer-border-opacity: 0.1;
225        --drawer-shadow-opacity: 0.0;
226        --drawer-shadow-horizontal-offset: 0px;
227        --drawer-shadow-vertical-offset: 4px;
228        --drawer-shadow-blur-radius: 5px;
229
230        --spacing-sections-desktop: 0px;
231        --spacing-sections-mobile: 0px;
232
233        --grid-desktop-vertical-spacing: 8px;
234        --grid-desktop-horizontal-spacing: 8px;
235        --grid-mobile-vertical-spacing: 4px;
236        --grid-mobile-horizontal-spacing: 4px;
237
238        --text-boxes-border-opacity: 0.1;
239        --text-boxes-border-width: 0px;
240        --text-boxes-radius: 0px;
241        --text-boxes-shadow-opacity: 0.0;
242        --text-boxes-shadow-visible: 0;
243        --text-boxes-shadow-horizontal-offset: 0px;
244        --text-boxes-shadow-vertical-offset: 4px;
245        --text-boxes-shadow-blur-radius: 5px;
246
247        --buttons-radius: 0px;
248        --buttons-radius-outset: 0px;
249        --buttons-border-width: 1px;
250        --buttons-border-opacity: 1.0;
251        --buttons-shadow-opacity: 0.0;
252        --buttons-shadow-visible: 0;
253        --buttons-shadow-horizontal-offset: 0px;
254        --buttons-shadow-vertical-offset: 4px;
255        --buttons-shadow-blur-radius: 5px;
256        --buttons-border-offset: 0px;
257
258        --inputs-radius: 0px;
259        --inputs-border-width: 1px;
260        --inputs-border-opacity: 0.55;
261        --inputs-shadow-opacity: 0.0;
262        --inputs-shadow-horizontal-offset: 0px;
263        --inputs-margin-offset: 0px;
264        --inputs-shadow-vertical-offset: 4px;
265        --inputs-shadow-blur-radius: 5px;
266        --inputs-radius-outset: 0px;
267
268        --variant-pills-radius: 40px;
269        --variant-pills-border-width: 1px;
270        --variant-pills-border-opacity: 0.55;
271        --variant-pills-shadow-opacity: 0.0;
272        --variant-pills-shadow-horizontal-offset: 0px;
273        --variant-pills-shadow-vertical-offset: 4px;
274        --variant-pills-shadow-blur-radius: 5px;
275      }
276
277      *,
278      *::before,
279      *::after {
280        box-sizing: inherit;
281      }
282
283      html {
284        box-sizing: border-box;
285        font-size: calc(var(--font-body-scale) * 62.5%);
286        height: 100%;
287      }
288
289      body {
290        display: grid;
291        grid-template-rows: auto auto 1fr auto;
292        grid-template-columns: 100%;
293        min-height: 100%;
294        margin: 0;
295        font-size: 1.5rem;
296        letter-spacing: 0.06rem;
297        line-height: calc(1 + 0.8 / var(--font-body-scale));
298        font-family: var(--font-body-family);
299        font-style: var(--font-body-style);
300        font-weight: var(--font-body-weight);
301      }
302
303      @media screen and (min-width: 750px) {
304        body {
305          font-size: 1.6rem;
306        }
307      }
308    </style>
309
310    <link href="//dermalogica.co.th/cdn/shop/t/67/assets/base.aio.min.css?v=123588271870503435951754032811" rel="stylesheet" type="text/css" media="all" />
311<link rel="stylesheet" href="//dermalogica.co.th/cdn/shop/t/67/assets/component-predictive-search.aio.min.css?v=154971377764677846001754032835" media="print" onload="this.media='all'">
311<script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
312    if (Shopify.designMode) {
313      document.documentElement.classList.add('shopify-design-mode');
314    }
315    </script>
315
316
317    <!-- Combined Google Analytics and Google Ads gtag.js -->
vendor: 68 bytes, lines 317-318
317
318    <script async src="https://www.googletagmanager.com/gtag/js?id=
318UA-67436761-1
vendor: 16 bytes, lines 318-319
318"></script>
319    
319<script>
320      
vendor: 162 bytes, lines 320-325
320window.dataLayer = window.dataLayer || [];
321      function gtag() {
322        dataLayer.push(arguments);
323      }
324      gtag('js', new Date());
325      gtag('config', '
325UA-67436761-1
vendor: 8 bytes, lines 325-326
325');
326    
326</script>
326
327    
328    <!-- Google Tag Manager -->
329    
329<script>
vendor: 343 bytes, lines 329-333
329(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
330    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
331    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
332    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
333    })(window,document,'script','dataLayer','
333GTM-NZHWHDQ
vendor: 3 bytes, line 333
333');
333</script>
333
334    <!-- End Google Tag Manager -->
335
336
337  
337<script>
338    var appEnvironment = 'storelocator-prod';
339    var shopHash = '1650f47a186cf8e9b6dcf5dd2c1b5196';
340</script>
340
341
342
343	<!-- Added by AVADA SEO Suite -->
344	
345<meta property="og:site_name" content="Dermalogica Thailand">
346<meta property="og:url" content="https://dermalogica.co.th/collections/shop-all-products">
347<meta property="og:title" content="Dermalogica Thailand">
348<meta property="og:type" content="product.group">
349<meta property="og:description" content=""><meta property="og:image" content="https://cdn.shopify.com/s/files/1/0643/5802/3392/files/dermalogica-logo_215x25_4c804636-350f-4c69-ba99-25d27f9fd153.webp?v=1658842424&width=200">
350<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0643/5802/3392/files/dermalogica-logo_215x25_4c804636-350f-4c69-ba99-25d27f9fd153.webp?v=1658842424&width=200">
351<meta name="twitter:site" content="@dermalogica_th"><meta name="twitter:card" content="summary_large_image">
352<meta name="twitter:title" content="Dermalogica Thailand">
353<meta name="twitter:description" content="">
354<meta name="twitter:image" content="https://cdn.shopify.com/s/files/1/0643/5802/3392/files/dermalogica-logo_215x25_4c804636-350f-4c69-ba99-25d27f9fd153.webp?v=1658842424&width=200">
355
356	<!-- /Added by AVADA SEO Suite -->
357	
358
359<!-- BEGIN app block: shopify://apps/pagefly-ai-page-builder/blocks/app-embed/83e179f7-59a0-4589-8c66-c0dddf959200 -->
360
361<!-- BEGIN app snippet: pagefly-cro-ab-testing-main -->
362
363
364
365
366
367
368
369<script>
370  ;(function () {
371    const url = new URL(window.location)
372    const viewParam = url.searchParams.get('view')
373    if (viewParam && viewParam.includes('variant-pf-')) {
374      url.searchParams.set('pf_v', viewParam)
375      url.searchParams.delete('view')
376      window.history.replaceState({}, '', url)
377    }
378  })()
379</script>
379
380
381
382
383<script type='module'>
384  
385  window.PAGEFLY_CRO = window.PAGEFLY_CRO || {}
386
387  window.PAGEFLY_CRO['data_debug'] = {
388    original_template_suffix: "all_collections",
389    allow_ab_test: false,
390    ab_test_start_time: 0,
391    ab_test_end_time: 0,
392    today_date_time: 1791446475000,
393  }
394  window.PAGEFLY_CRO['GA4'] = { enabled: false}
395</script>
395
396
397<!-- END app snippet -->
398
399
400
401
402
403
404
405
406  
406<script src='https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-helper.js' defer='defer'></script>
406
407
408  
408<script src='https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-general-helper.js' defer='defer'></script>
408
409
410  
410<script src='https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-snap-slider.js' defer='defer'></script>
410
411
412  
412<script src='https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-slideshow-v3.js' defer='defer'></script>
412
413
414  
414<script src='https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-slideshow-v4.js' defer='defer'></script>
414
415
416  
416<script src='https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-glider.js' defer='defer'></script>
416
417
418  
418<script src='https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-slideshow-v1-v2.js' defer='defer'></script>
418
419
420  
420<script src='https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-product-media.js' defer='defer'></script>
420
421
422  
422<script src='https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-product.js' defer='defer'></script>
422
423
424
425<script id='pagefly-helper-data' type='application/json'>
426  {
427    "page_optimization": {
428      "assets_prefetching": false
429    },
430    "elements_asset_mapper": {
431      "Accordion": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-accordion.js",
432      "Accordion3": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-accordion3.js",
433      "CountDown": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-countdown.js",
434      "GMap1": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-gmap.js",
435      "GMap2": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-gmap.js",
436      "GMapBasicV2": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-gmap.js",
437      "GMapAdvancedV2": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-gmap.js",
438      "HTML.Video": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-htmlvideo.js",
439      "HTML.Video2": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-htmlvideo2.js",
440      "HTML.Video3": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-htmlvideo2.js",
441      "BackgroundVideo": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-htmlvideo2.js",
442      "Instagram": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-instagram.js",
443      "Instagram2": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-instagram.js",
444      "Insta3": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-instagram3.js",
445      "Tabs": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-tab.js",
446      "Tabs3": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-tab3.js",
447      "ProductBox": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-cart.js",
448      "FBPageBox2": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-facebook.js",
449      "FBLikeButton2": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-facebook.js",
450      "TwitterFeed2": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-twitter.js",
451      "Paragraph4": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-paragraph4.js",
452
453      "AliReviews": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-3rd-elements.js",
454      "BackInStock": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-3rd-elements.js",
455      "GloboBackInStock": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-3rd-elements.js",
456      "GrowaveWishlist": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-3rd-elements.js",
457      "InfiniteOptionsShopPad": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-3rd-elements.js",
458      "InkybayProductPersonalizer": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder
458-367/assets/pagefly-3rd-elements.js",
459      "LimeSpot": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-3rd-elements.js",
460      "Loox": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-3rd-elements.js",
461      "Opinew": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-3rd-elements.js",
462      "Powr": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-3rd-elements.js",
463      "ProductReviews": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-3rd-elements.js",
464      "PushOwl": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-3rd-elements.js",
465      "ReCharge": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-3rd-elements.js",
466      "Rivyo": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-3rd-elements.js",
467      "TrackingMore": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-3rd-elements.js",
468      "Vitals": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-3rd-elements.js",
469      "Wiser": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-3rd-elements.js"
470    },
471    "custom_elements_mapper": {
472      "pf-click-action-element": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-click-action-element.js",
473      "pf-dialog-element": "https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-dialog-element.js"
474    }
475  }
476</script>
476
477
478<script id='pagefly-heatmap-config' type='application/json'>
479  {}
480</script>
vendor: 1 bytes, line 480
480
481<script>
482  (function () {
483    var el = document.getElementById('pagefly-heatmap-config')
484    if (!el) { window.__pagefly_heatmap_config__ = {}; return }
485    try {
486      window.__pagefly_heatmap_config__ = JSON.parse(el.textContent || '{}') || {}
487    } catch (e) {
488      window.__pagefly_heatmap_config__ = {}
489    }
490  })()
491</script>
vendor: 1 bytes, line 491
491
492<script>
493  // Heatmap overlay loader. Three gates, all of them cheap, none of them trusting the URL:
494  // the visitor must have arrived on a pf_heatmap link, the SERVER must have published an
495  // overlay path in the metafield, and this page must already be one the merchant enabled
496  // tracking for. The last gate is what stops a crafted link pulling the asset onto an
497  // arbitrary storefront page. Everything else is decided inside the asset, and by the server.
498  (function () {
499    var cfg = window.__pagefly_heatmap_config__ || {}
500    var id = (window.__pagefly_page_setting__ || {}).pageId
501    if (!/[#&]pf_heatmap=/.test(window.location.hash || '')) return
502    if (!cfg.overlay_data_path || !Array.isArray(cfg.enabled_page_ids)) return
503    if (!id || cfg.enabled_page_ids.indexOf(id) === -1) return
504    var s = document.createElement('script')
505    s.src = 'https://cdn.shopify.com/extensions/01a115fb-add3-73f7-a337-6aea6d12aa8f/pagefly-ai-page-builder-367/assets/pagefly-heatmap-overlay.js'
506    s.defer = true
507    document.head.appendChild(s)
508  })()
509</script>
509
510
511<!-- BEGIN app snippet: pf-ai-schema -->
512<!-- END app snippet -->
513
514
515<!-- END app block --><!-- BEGIN app block: shopify://apps/avada-seo-suite/blocks/avada-seo/15507c6e-1aa3-45d3-b698-7e175e033440 -->
515<script>
516  window.AVADA_SEO_ENABLED = true;
517</script>
517<!-- BEGIN app snippet: avada-seo-site --><meta name="google-site-verification" content="zIxqN_QTcoTOZprmcexeg7CKleLqkxhFEB8bY142xqY" /><!-- END app snippet --><!-- BEGIN app snippet: avada-seo-social --><meta property='og:site_name' content='Dermalogica Thailand'>
518<meta property='og:url' content='https://dermalogica.co.th/collections/shop-all-products'>
519<meta property='og:title' content='ผลิตภัณฑ์ทั้งหมด'>
520<meta property='og:type' content='collection'>
521<meta property='og:description' content='จัดส่งฟรีทุกออเดอร์ 2,000 บาทขึ้นไป ช้อปตอนนี้เพื่อรับโปรโมชั่นพิเศษและอื่น ๆ อีกมากมาย ผิวที่ดีที่สุดของคุณเริ่มต้นที่นี่'>
522<meta property='og:image' content='https://dermalogica.co.th/cdn/shop/files/download_-_2023-11-20T172400.055-removebg-preview.png?v=1731089414&width=600'>
523    <meta property='og:image:secure_url' content='https://dermalogica.co.th/cdn/shop/files/download_-_2023-11-20T172400.055-removebg-preview.png?v=1731089414&width=600'>
524    <meta name='twitter:image' content='https://dermalogica.co.th/cdn/shop/files/download_-_2023-11-20T172400.055-removebg-preview.png?v=1731089414&width=600'>
525<meta name='twitter:site' content='@dermalogicathailand'><meta name='twitter:card' content='summary_large_image'>
526<meta name='twitter:title' content='ผลิตภัณฑ์ทั้งหมด'>
527<meta
528  name='twitter:description'
529  content='จัดส่งฟรีทุกออเดอร์ 2,000 บาทขึ้นไป ช้อปตอนนี้เพื่อรับโปรโมชั่นพิเศษและอื่น ๆ อีกมากมาย ผิวที่ดีที่สุดของคุณเริ่มต้นที่นี่'
530>
531<!-- END app snippet --><!-- BEGIN app snippet: avada-local-business -->
532
533
534
535
536  
537
538  
539
540<!-- END app snippet --><!-- BEGIN app snippet: avada-seo-preload -->
540<script>
541  const ignore = ["\/cart","\/checkouts","\/account\/login","\/account\/register","\/account","\/cart","\/account"];
542  window.FPConfig = {
543      delay: 0,
544      ignoreKeywords: ignore || ['/cart', '/account/login', '/account/logout', '/account'],
545      maxRPS: 3,
546      hoverDelay: 50
547  };
548</script>
548
549
550
551  
551<script type="lightJs" src="https://cdn.shopify.com/extensions/01a1142e-ed36-7691-8d41-10d56cf3bc82/avada-seo-suite-299/assets/flying-pages.js" defer="defer"></script>
551
552<!-- END app snippet -->
553<!-- END app block --><!-- BEGIN app block: shopify://apps/langify/blocks/langify/b50c2edb-8c63-4e36-9e7c-a7fdd62ddb8f --><!-- BEGIN app snippet: ly-switcher-factory -->
554
555
556
557
558<style>
559  .ly-switcher-wrapper.ly-hide, .ly-recommendation.ly-hide, .ly-recommendation .ly-submit-btn {
560    display: none !important;
561  }
562
563  #ly-switcher-factory-template {
564    display: none;
565  }.ly-languages-switcher ul > li[key="en"],
566      .ly-popup-modal .ly-popup-modal-content ul > li[key="en"],
567      .ly-languages-switcher.ly-links a[data-language-code="en"] {
568        order: 1 !important;
569      }.ly-languages-switcher ul > li[key="th"],
570      .ly-popup-modal .ly-popup-modal-content ul > li[key="th"],
571      .ly-languages-switcher.ly-links a[data-language-code="th"] {
572        order: 2 !important;
573      }
574      .ly-breakpoint-1 { display: none; }
575      @media (min-width:0px) and (max-width: 999px ) {
576        .ly-breakpoint-1 { display: flex; }
577
578        .ly-recommendation .ly-banner-content, 
579        .ly-recommendation .ly-popup-modal-content {
580          font-size: 14px !important;
581          color: #000 !important;
582          background: #fff !important;
583          border-radius: 0px !important;
584          border-width: 0px !important;
585          border-color: #000 !important;
586        }
587        .ly-recommendation-form button[type="submit"] {
588          font-size: 14px !important;
589          color: #fff !important;
590          background: #999 !important;
591        }
592      }
593      .ly-breakpoint-2 { display: none; }
594      @media (min-width:1000px)  {
595        .ly-breakpoint-2 { display: flex; }
596
597        .ly-recommendation .ly-banner-content, 
598        .ly-recommendation .ly-popup-modal-content {
599          font-size: 14px !important;
600          color: #5b6670 !important;
601          background: #fff !important;
602          border-radius: 0px !important;
603          border-width: 0px !important;
604          border-color: #000 !important;
605        }
606        .ly-recommendation-form button[type="submit"] {
607          font-size: 14px !important;
608          color: #fff !important;
609          background: #999 !important;
610        }
611      }
612
613
614  
615    .ly-switcher-wrapper  {
616  min-width: 15rem;
617  text-align: center;
618}
619
620.ly-custom-dropdown-switcher {
621  display: block;
622}
623
624.ly-custom-dropdown-current {
625  display: flex;
626  align-items: center;
627  justify-content: space-between;
628  padding-left: 15px!important;
629}
630
631.ly-custom-1000 .ly-is-transparent.ly-custom-dropdown-switcher .ly-custom-dropdown-list {
632  padding-bottom: 1rem!important;
633  padding-top: 1rem!important;
634  padding-left: 15px!important;
635  background-color: #F7F9FB!important;
636}
637
638.ly-languages-switcher {
639  font-size: 12px!important;
640  color: #5b6670;
641}
642  
643
644  /* Accessibility: Focus indicators - only visible for keyboard navigation */
645  .ly-languages-switcher:focus-visible,
646  .ly-languages-switcher *:focus-visible,
647  .ly-currency-switcher:focus-visible,
648  .ly-currency-switcher *:focus-visible,
649  .ly-country-switcher:focus-visible,
650  .ly-country-switcher *:focus-visible,
651  .ly-custom-dropdown-current:focus-visible,
652  .ly-custom-dropdown-list-element:focus-visible,
653  .ly-languages-switcher-link:focus-visible,
654  .ly-popup-current:focus-visible,
655  .ly-close:focus-visible,
656  .ly-submit-btn:focus-visible,
657  .ly-text-input:focus-visible {
658    outline: 2px solid #005fcc;
659    outline-offset: 2px;
660  }
661
662  @media (prefers-color-scheme: dark) {
663    .ly-languages-switcher:focus-visible,
664    .ly-languages-switcher *:focus-visible,
665    .ly-currency-switcher:focus-visible,
666    .ly-currency-switcher *:focus-visible,
667    .ly-country-switcher:focus-visible,
668    .ly-country-switcher *:focus-visible,
669    .ly-custom-dropdown-current:focus-visible,
670    .ly-custom-dropdown-list-element:focus-visible,
671    .ly-languages-switcher-link:focus-visible,
672    .ly-popup-current:focus-visible,
673    .ly-close:focus-visible,
674    .ly-submit-btn:focus-visible,
675    .ly-text-input:focus-visible {
676      outline-color: #66b3ff;
677    }
678  }
679</style>
680
681
682<template id="ly-switcher-factory-template">
683<div data-breakpoint="0" class="ly-switcher-wrapper ly-breakpoint-1 fixed bottom_right ly-hide" style="font-size: 14px; margin: 0px 0px; "><div data-dropup="false" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-languages-switcher ly-custom-dropdown-switcher ly-bright-theme" style=" margin: 0px 0px;">
684          <span role="button" tabindex="0" aria-label="Selected language: ภาษาไทย" aria-expanded="false" aria-controls="languagesSwitcherList-1" class="ly-custom-dropdown-current" style="background: #fff; color: #000;  border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;  padding: 0px 0px;"><img class="ly-icon ly-flag-icon" src="https://cdn.shopify.com/static/images/flags/th.svg" alt="ภาษาไทย" aria-hidden="true"><span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text">ภาษาไทย
685</span>
686<div aria-hidden="true" class="ly-arrow ly-arrow-black stroke" style="vertical-align: middle; width: 14.0px; height: 14.0px;">
687        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.0 14.0" height="14.0px" width="14.0px" style="position: absolute;">
688          <path d="M1 4.5 L7.0 10.5 L13.0 4.5" fill="transparent" stroke="#000" stroke-width="1px"/>
689        </svg>
690      </div>
691          </span>
692          <ul id="languagesSwitcherList-1" role="list" class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="background: #fff; color: #000;  border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"><li key="en" style="color: #000;  margin: 0px 0px; padding: 0px 0px;">
693                  <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme"
694                    href="https://en.dermalogica.co.th/collections/shop-all-products"
695                      data-language-code="en"
696
697                    
698                    lang="en" data-ly-locked="true" rel="nofollow"><img class="ly-icon ly-flag-icon" src="https://cdn.shopify.com/static/images/flags/gb.svg" alt="English" aria-hidden="true"><span class="ly-custom-dropdown-list-element-right">English</span></a>
699                </li><li key="th" style="color: #000;  margin: 0px 0px; padding: 0px 0px;">
700                  <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme"
701                    href="https://dermalogica.co.th/collections/shop-all-products"
702                      data-language-code="th"
703
704                    
705                    lang="th" data-ly-locked="true" rel="nofollow"><img class="ly-icon ly-flag-icon" src="https://cdn.shopify.com/static/images/flags/th.svg" alt="Thai" aria-hidden="true"><span class="ly-custom-dropdown-list-element-right">Thai</span></a>
706                </li></ul>
707        </div></div>
708
709<div data-breakpoint="1000" class="ly-switcher-wrapper ly-breakpoint-2 custom ly-custom ly-is-transparent ly-hide" style="font-size: 14px; "><div data-dropup="false" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-languages-switcher ly-custom-dropdown-switcher ly-bright-theme ly-is-transparent" style=" margin: 0px 10px;">
710          <span role="button" tabindex="0" aria-label="Selected language: ภาษาไทย" aria-expanded="false" aria-controls="languagesSwitcherList-2" class="ly-custom-dropdown-current" style="color: #5b6670;  border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;  padding: 0px 0px;"><span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text">ภาษาไทย
711</span>
712<div aria-hidden="true" class="ly-arrow ly-arrow-black stroke" style="vertical-align: middle; width: 14.0px; height: 14.0px;">
713        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.0 14.0" height="14.0px" width="14.0px" style="position: absolute;">
714          <path d="M1 4.5 L7.0 10.5 L13.0 4.5" fill="transparent" stroke="#5b6670" stroke-width="1px"/>
715        </svg>
716      </div>
717          </span>
718          <ul id="languagesSwitcherList-2" role="list" class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="color: #5b6670;  border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"><li key="en" style="color: #5b6670;  margin: 0px 10px; padding: 0px 0px;">
719                  <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme"
720                    href="https://en.dermalogica.co.th/collections/shop-all-products"
721                      data-language-code="en"
722
723                    
724                    lang="en" data-ly-locked="true" rel="nofollow"><span class="ly-custom-dropdown-list-element-right">English</span></a>
725                </li><li key="th" style="color: #5b6670;  margin: 0px 10px; padding: 0px 0px;">
726                  <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme"
727                    href="https://dermalogica.co.th/collections/shop-all-products"
728                      data-language-code="th"
729
730                    
731                    lang="th" data-ly-locked="true" rel="nofollow"><span class="ly-custom-dropdown-list-element-right">Thai</span></a>
732                </li></ul>
733        </div></div>
734</template>
735<!-- END app snippet -->
736
737<script>
738  // langify lib v2.0.0
739  var langify = window.langify || {};
740  var customContents = {};
741  var customContents_image = {};
742  var langifySettingsOverwrites = {};
743  var defaultSettings = {
744    debug: false,               // BOOL : Enable/disable console logs
745    observe: true,              // BOOL : Enable/disable the entire mutation observer (off switch)
746    observeLinks: false,
747    observeImages: true,
748    observeCustomContents: true,
749    maxMutations: 5,
750    timeout: 100,               // INT : Milliseconds to wait after a mutation, before the next mutation event will be allowed for the element
751    linksBlacklist: [],
752    usePlaceholderMatching: false
753  };
754
755  if(langify.settings) { 
756    langifySettingsOverwrites = Object.assign({}, langify.settings);
757    langify.settings = Object.assign(defaultSettings, langify.settings); 
758  } else { 
759    langify.settings = defaultSettings; 
760  }
761
762  langify.settings.theme = null;
763  langify.settings.switcher = {"customCSS":".ly-switcher-wrapper  {\n  min-width: 15rem;\n  text-align: center;\n}\n\n.ly-custom-dropdown-switcher {\n  display: block;\n}\n\n.ly-custom-dropdown-current {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 15px!important;\n}\n\n.ly-custom-1000 .ly-is-transparent.ly-custom-dropdown-switcher .ly-custom-dropdown-list {\n  padding-bottom: 1rem!important;\n  padding-top: 1rem!important;\n  padding-left: 15px!important;\n  background-color: #F7F9FB!important;\n}\n\n.ly-languages-switcher {\n  font-size: 12px!important;\n  color: #5b6670;\n}","languageDetection":false,"languageDetectionDefault":"en","enableDefaultLanguage":false,"breakpoints":[{"key":0,"label":"0px","config":{"type":"custom","corner":"bottom_right","position":"fixed","show_flags":true,"rectangle_icons":true,"square_icons":false,"round_icons":false,"show_label":true,"show_custom_name":true,"show_name":false,"show_iso_code":false,"is_dark":false,"is_transparent":false,"is_dropup":false,"arrow_size":100,"arrow_width":1,"arrow_filled":false,"h_space":0,"v_space":0,"h_item_space":0,"v_item_space":0,"h_item_padding":0,"v_item_padding":0,"text_color":"#000","link_color":"#000","arrow_color":"#000","bg_color":"#fff","border_color":"#000","border_width":0,"border_radius":0,"fontsize":14,"button_bg_color":"#999","button_text_color":"#fff","recommendation_fontsize":14,"recommendation_border_width":0,"recommendation_border_radius":0,"recommendation_text_color":"#000","recommendation_link_color":"#000","recommendation_button_bg_color":"#999","recommendation_button_text_color":"#fff","recommendation_bg_color":"#fff","recommendation_border_color":"#000","currency_switcher_enabled":false,"show_currency_selector":false,"show_country_selector_inside_popup":false,"show_currency_selector_inside_popup":false,"country_switcher_enabled":false,"country_switcher_format":"[[country_name]] ([[country_currency_code]] [[country_currency_symbol]])","popup_switcher_type":"links_list","popup_show_world_icon":false,"use_submit_button":false,"switcherLabel":"show_custom_name","switcherIcons":"rectangle_icons"}},{"key":1000,"label":"1000px","config":{"type":"custom","corner":"bottom_right","position":"custom","show_flags":true,"rectangle_icons":false,"square_icons":false,"round_icons":false,"show_label":true,"show_custom_name":true,"show_name":false,"show_iso_code":false,"is_dark":false,"is_transparent":true,"is_dropup":false,"arrow_size":100,"arrow_width":1,"arrow_filled":false,"h_space":0,"v_space":0,"h_item_space":10,"v_item_space":0,"h_item_padding":0,"v_item_padding":0,"text_color":"#5b6670","link_color":"#000","arrow_color":"#000","bg_color":"#fff","border_color":"#000","border_width":0,"border_radius":0,"fontsize":14,"button_bg_color":"#999","button_text_color":"#fff","recommendation_fontsize":14,"recommendation_border_width":0,"recommendation_border_radius":0,"recommendation_text_color":"#5b6670","recommendation_link_color":"#000","recommendation_button_bg_color":"#999","recommendation_button_text_color":"#fff","recommendation_bg_color":"#fff","recommendation_border_color":"#000","currency_switcher_enabled":false,"show_currency_selector":false,"show_country_selector_inside_popup":false,"show_currency_selector_inside_popup":false,"country_switcher_enabled":false,"country_switcher_format":"[[country_name]] ([[country_currency_code]] [[country_currency_symbol]])","popup_switcher_type":"links_list","popup_show_world_icon":false,"use_submit_button":false,"switcherLabel":"show_custom_name","switcherIcons":"no_icons","no_icons":true}}],"languages":[{"iso_code":"en","country_code":null,"currency_code":null,"root_url":"\/","name":"English","primary":true,"domain":"en.dermalogica.co.th","published":true,"custom_name":false},{"iso_code":"th","country_code":null,"currency_code":null,"root_url":"\/","name":"Thai","primary":false,"domain":"dermalogica.co.th","published":true,"custom_name":false}],"marketLanguages":[{"iso_code":"en","country_code":null,"currency_code":null,"root_url":"\/","name":"English","primary":true,"domain":"en.dermalogica.co.th","published":true,"custom_name":false},{"iso_code":"th","country_code":null,"currency_code":null,"root_url":"\/","name":"Thai","primary":false,"domain":"dermalogica.co.th","published":true,"custom_name":false}],"recommendation_enabled":false,"recommendation_type":"popup","recommendation_switcher_key":-1,"recommendation_strings":{},"switcher_strings":{},"recommendation":{"recommendation_backdrop_show":true,"recommendation_corner":"center_center","recommendation_banner_corner":"top","recommendation_fontsize":14,"recommendation_border_width":0,"recommendation_border_radius":0,"recommendation_text_color":"#5b6670","recommendation_link_color":"#000","recommendation_button_bg_color":"#999","recommendation_button_text_color":"#fff","recommendation_bg_color":"#fff","recommendation_border_color":"#000"}};
764  if(langify.settings.switcher === null) {
765    langify.settings.switcher = {};
766  }
767  langify.settings.switcher.customIcons = null;
768
769  langify.locale = langify.locale || {
770    country_code: "TH",
771    language_code: "th",
772    currency_code: null,
773    primary: false,
774    iso_code: "th",
775    root_url: "\/",
776    language_id: "ly133012",
777    shop_url: "https:\/\/dermalogica.co.th",
778    domain_feature_enabled: {"dermalogica.co.th":{"en":{"host":"https://en.dermalogica.co.th","root_url":"/"}},"en.dermalogica.co.th":{"th":{"host":"https://dermalogica.co.th","root_url":"/"}}},
779    languages: [{
780        iso_code: "en",
781        root_url: "\/",
782        domain: "en.dermalogica.co.th",
783      },{
784        iso_code: "th",
785        root_url: "\/",
786        domain: "dermalogica.co.th",
787      },]
788  };
789
790  langify.localization = {
791    available_countries: ["มาเลเซีย","ไทย"],
792    available_languages: [{"shop_locale":{"locale":"th","enabled":true,"primary":false,"published":true}}],
793    country: "ไทย",
794    language: {"shop_locale":{"locale":"th","enabled":true,"primary":false,"published":true}},
795    market: {
796      handle: "th",
797      id: 1342570693,
798      metafields: {"error":"json not allowed for this object"},
799    }
800  };
801
802  // Disable link correction ALWAYS on languages with mapped domains
803  
804  if(langify.locale.root_url == '/') {
805    langify.settings.observeLinks = false;
806  }
807
808
809  function extractImageObject(val) {
810  if (!val || val === '') return false;
811
812  // Handle src-sets (e.g., "image_600x600.jpg 1x, image_1200x1200.jpg 2x")
813  if (val.search(/([0-9]+w?h?x?,)/gi) > -1) {
814    val = val.split(/([0-9]+w?h?x?,)/gi)[0];
815  }
816
817  const hostBegin = val.indexOf('//') !== -1 ? val.indexOf('//') : 0;
818  const hostEnd = val.lastIndexOf('/') + 1;
819  const host = val.substring(hostBegin, hostEnd);
820  let afterHost = val.substring(hostEnd);
821
822  // Remove query/hash fragments
823  afterHost = afterHost.split('#')[0].split('?')[0];
824
825  // Extract name before any Shopify modifiers or file extension
826  // e.g., "[email protected]" → "photo"
827  const name = afterHost.replace(
828    /(_[0-9]+x[0-9]*|_{width}x|_{size})?(_crop_(top|center|bottom|left|right))?(@[0-9]*x)?(\.progressive)?(\.(png\.jpg|jpe?g|png|gif|webp))?$/i,
829    ''
830  );
831
832  // Extract file extension (if any)
833  let type = '';
834  const match = afterHost.match(/\.(png\.jpg|jpe?g|png|gif|webp)$/i);
835  if (match) {
836    type = match[1].replace('png.jpg', 'jpg'); // fix weird double-extension cases
837  }
838
839  // Clean file name with extension or suffixes normalized
840  const file = afterHost.replace(
841    /(_[0-9]+x[0-9]*|_{width}x|_{size})?(_crop_(top|center|bottom|left|right))?(@[0-9]*x)?(\.progressive)?(\.(png\.jpg|jpe?g|png|gif|webp))?$/i,
842    type ? '.' + type : ''
843  );
844
845  return { host, name, type, file };
846}
847
848
849
850  /* Custom Contents Section*/
851  var customContents = {};
852
853customContents["can't wait! 11.11 crazy offers ends in:"
854          .toLowerCase()
855          .trim()
856          .replace(/\s+/g, " ")] = "รอไม่ได้แล้ว! โปรโมชั่น 11.11 ลดครั้งใหญ่แห่งปี เหลือเวลาอีก :";
857customContents["Black Friday - Cyber Monday special offers end in"
858          .toLowerCase()
859          .trim()
860          .replace(/\s+/g, " ")] = "Black Friday - Cyber Monday โปรโมชั่นพิเศษ เหลือเวลาอีก :";
861customContents["Add To Cart"
862          .toLowerCase()
863          .trim()
864          .replace(/\s+/g, " ")] = "เพิ่มในรถเข็น";
865customContents["add to wishlist"
866          .toLowerCase()
867          .trim()
868          .replace(/\s+/g, " ")] = "เพิ่มในรายการที่อยากได้";
869customContents["quick view"
870          .toLowerCase()
871          .trim()
872          .replace(/\s+/g, " ")] = "ด่วนของมุมมอง";
873customContents["size"
874          .toLowerCase()
875          .trim()
876          .replace(/\s+/g, " ")] = "size";
877
878  // Images Section
879  
880
881</script>
881<link rel="preload stylesheet" href="https://cdn.shopify.com/extensions/019f845b-ea0a-7f6d-b8bd-14dcbe496e11/langify-91/assets/langify-lib.css" as="style" media="print" onload="this.media='all'; this.onload=null;"><!-- END app block -->
881<script src="https://cdn.shopify.com/extensions/01a0d7ba-f423-716f-ac31-9fbf68b5c662/revenuehunt-201/assets/embed.js" type="text/javascript" defer="defer"></script>
881
882<link href="https://cdn.shopify.com/extensions/01a0d217-a4a8-78a9-b1eb-a1933407237b/store-locator-4-63/assets/storelocator.css" rel="stylesheet" type="text/css" media="all">
883<script src="https://cdn.shopify.com/extensions/019f845b-ea0a-7f6d-b8bd-14dcbe496e11/langify-91/assets/langify-lib.js" type="text/javascript" defer="defer"></script>
883
884<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
885<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 50811732165,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 885
885
886<script>
887  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
888</script>
vendor: 1 bytes, line 888
888
889<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
889).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 50811732165,storefrontBaseUrl: "https://dermalogica.co.th",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://dermalogica.co.th/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"1957068997","configuration":"{\"tagId\":\"DM-7760859445-03\",\"baseWebBehaviourAppUrl\":\"https:\/\/r3.trackedweb.net\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c42396e3542122fe46f6c5b4c170816b","type":"APP","apiClientId":1479713,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
889,{"id":"930545861","configuration":"{\"endpoint\":\"https:\\\/\\\/api.parcelpanel.com\",\"debugMode\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"97b5be1756c17e4819e71893a005b595","type":"APP","apiClientId":2681387,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"566821061","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-09SQ40MHCM\\\",\\\"GT-5NTJKTV\\\"],\\\"target_country\\\":\\\"TH\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-09SQ40MHCM\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-09SQ40MHCM\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-09SQ40MHCM\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-09SQ40MHCM\\\",\\\"MC-DL9410WW93\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-09SQ40MHCM\\\",\\\"MC-DL9410WW93\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-09SQ40MHCM\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-09SQ40MHCM\\\",\\\"MC-DL9410WW93\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-09SQ40MHCM\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-09SQ40MHCM\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-09SQ40MHCM\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-09SQ40MHCM\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"324403397","configuration":"{\"accountID\":\"shopify-50811732165\", \"endpoint\":\"https:\/\/connect.nosto.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"85848493c2a1c7a4bbf22728b6f9f31f","type":"APP","apiClientId":272825,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"219939013","configuration":"{\"pixel_id\":\"154743273130881\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Dermalogica Thailand","paymentSettings":{"currencyCode":"THB"},"myshopifyDomain":"dermalogica-thailand.myshopify.com","countryCode":"TH","storefrontUrl":"https:\/\/dermalogica.co.th"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"9017453576389","handle":"futurecode-booster","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46889204973765","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9013682667717","handle":"futurecode-booster-trial-0-10-oz-3ml","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46880515555525","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9013670609093","handle":"futurecode-booster-foil-sample-2g","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46880489832645","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8995541483717","handle":"expiry-precleanse-cleansing-oil","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46834746163397","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8995539058885","handle":"expiry-multivitamin-power-firm-eye-cream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46834735513797","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8995538174149","handle":"expiry-skin-repair-duo-1-full-size-free-travel","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46834729779397","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8995537813701","handle":"expiry-skin-aging-solutions-kit","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46834727256261","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8992152223941","handle":"exp-active-moist-moisturizer","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46825471443141","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8992139673797","handle":"exp-31-05-27-skin-smoothing-cream-moisturizer","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46825420292293","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8992138428613","handle":"expiry-active-moist-moisturizer","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46825417998533","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8991966658757","handle":"expirypowerbright-dark-spot-peel","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46824896987333","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8991957909701","handle":"expiry-cleanse-tone-smooth-set","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46824874639557","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8991927533765","handle":"expiry-phyto-nature-oxygen-cream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46824759722181","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8980372848837","handle":"cleanse-tone-smooth-set","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46776208228549","
889image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8788278116549","handle":"breakout-biotic-moisturizer-copy","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46027664195781","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8478305484997","handle":"exclusive-set-daily-microfoliant-74-g-daily-microfoliant-13-g","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45272883364037","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://dermalogica.co.th/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"148168605893","themePublished":"true","eventMetadataId":"64979fc7-a4ae-4520-8573-dfc6c9b84c07","pageType":"collection","resourceId":"290351186117","shopId":"50811732165","storefrontBaseUrl":"https:\/\/dermalogica.co.th","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"290351186117\",\"title\":\"ผลิตภัณฑ์ทั้งหมด\",\"productVariants\":[{\"price\":{\"amount\":4500.0,\"currencyCode\":\"THB\"},\"product\":{\"title\":\"futurecode booster damage-correcting longevity serum\",\"vendor\":\"Dermalogica Thailand\",\"id\":\"9017453576389\",\"untranslatedTitle\":\"futurecode booster damage-correcting longevity serum\",\"url\":\"\/products\/futurecode-booster\",\"type\":\"\"},\"id\":\"46889204973765\",\"image\":{\"src\":\"\/\/dermalogica.co.th\/cdn\/shop\/files\/FutureCode_Booster-PDP_Tiles-1_Keybenefits_WT.jpg?v=1789009926\"},\"sku\":\"DE111524\",\"title\":\"30 ml\",\"untranslatedTitle\":\"30 ml\"},{\"price\":{\"amount\":450.0,\"currencyCode\":\"THB\"},\"product\":{\"title\":\"FutureCode Booster Trial 0.10 oz (3ml)\",\"vendor\":\"Dermalogica Thailand\",\"id\":\"9013682667717\",\"untranslatedTitle\":\"FutureCode Booster Trial 0.10 oz (3ml)\",\"url\":\"\/products\/futurecode-booster-trial-0-10-oz-3ml\",\"type\":\"all-in-one soothing, firming, brightening and hydrating serum\"},\"id\":\"46880515555525\",\"image\":{\"src\":\"\/\/dermalogica.co.th\/cdn\/shop\/files\/BriefbyAngel.png?v=1788841790\"},\"sku\":\"DE911524\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":200.0,\"currencyCode\":\"THB\"},\"product\":{\"title\":\"FutureCode Booster Foil Sample 2g\",\"vendor\":\"Dermalogica Thailand\",\"id\":\"9013670609093\",\"untranslatedTitle\":\"FutureCode Booster Foil Sample 2g\",\"url\":\"\/products\/futurecode-booster-foil-sample-2g\",\"type\":\"all-in-one soothing, firming, brightening and hydrating serum\"},\"id\":\"46880489832645\",\"image\":{\"src\":\"\/\/dermalogica.co.th\/cdn\/shop\/files\/FutureCode_Booster_-_Sample_2g_Foil_FRONT.png?v=1788841057\"},\"sku\":\"DE611524\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":315.0,\"currencyCode\":\"THB\"},\"product\":{\"title\":\"precleanse\",\"vendor\":\"Dermalogica Thailand\",\"id\":\"8995541483717\",\"untranslatedTitle\":\"[EXP. 10\/26] precleanse cleansing oil 30ml\",\"url\":\"\/products\/expiry-precleanse-cleansing-oil\",\"type\":\"oil-busting emulsifyer\"},\"id\":\"46834746163397\",\"image\":{\"src\":\"\/\/dermalogica.co.th\/cdn\/shop\/files\/dermalogica-precleanse-cleansing-oil-1.jpg?v=1786737201\"},\"sku\":\"DE111052-Z\",\"title\":\"30 ml\",\"untranslatedTitle\":\"30ml\"},{\"price\":{\"amount\":1845.0,\"currencyCode\":\"THB\"},\"product\":{\"title\":\"[EXP. 03\/27] multivitamin power firm eye cream\",\"vendor\":\"Dermalogica Thailand\",\"id\":\"8995539058885\",\"untranslatedTitle\":\"[EXP. 03\/27] multivitamin power firm eye cream\",\"url\":\"\/products\/expiry-multivitamin-power-firm-eye-cream\",\"type\":\"smoothing vitamin complex\"},\"id\":\"46834735513797\",\"image\":{\"src\":\"\/\/dermalogica.co.th\/cdn\/shop\/files\/multivitamin-power-firm-1.jpg?v=1724656007\"},\"sku\":\"DE111033-Z\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":1550.0,\"currencyCode\":\"THB\"},\"product\":{\"title\":\"[EXP. 01\/27] skin repair duo (1 full-size + free travel)\",\"vendor\":\"Dermalogica Thailand\",\"id\":\"8995538174149\",\"untranslatedTitle\":\"[EXP. 01\/27] skin repair duo (1 full-size + free travel)\",\"url\":\"\/products\/expiry-skin-repair-duo-1-full-size-free-travel\",\"type\":\"\"},\"id\":\"46834729779397\",\"image\":{\"src\":\"\/\/dermalogica.co.th\/cdn\/shop\/files\/106.png?v=1741940582\"},\"sku\":\"DE301139INT-1-Z\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":1950.0,\"currencyCode\":\"THB\"},\"product\":{\"title\":\"[EXP. 01\/27] skin aging solutions kit\",\"vendor\":\"Dermalogica Thailand\",\"id\":\"8995537813701\",\"untranslatedTitle\":\"[EXP. 01\/27] skin aging solutions kit\",\"url\":\"\/products\/expiry-skin-aging-solutions-kit\",\"type\":\"\"},\"id\":\"46834727256261\",\"image\":{\"src\":\"\/\/dermalogica.co.th\/cdn\/shop\/files\/110.png?v=1741941641\"},\"sku\":\"DE111488INT-Z\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":1245.0,\"currencyCode\":\"THB\"},\"product\":{\"title\":\"[EXP. 02\/27] active moist moisturizer\",\"vendor\":\"Dermalogica Thailand\",\"id\":\"8992152223941\",\"untranslatedTitle\":\"[EXP. 02\/27] active moist moisturizer\",\"url\":\"\/products\/exp-active-moist-moisturizer\",\"type\":\"light, oil-free lotion\"},\"id\":\"46825471443141\",\"image\":{\"src\":\"\/\/dermalogica.co.th\/cdn\/shop\/files\/12.png?v=1740736024\"},\"sku\":\"DE111064-Z\",\"title\":\"50ml\",\"untranslatedTitle\":\"50ml\"},{\"price\":{\"amount\":1494.0,\"currencyCode\":\"THB\"},\"product\":{\"title\":\"[EXP. 05\/27] skin smoothing cream moisturizer\",\"vendor\":\"Dermalogica Thailand\",\"id\":\"8992139673797\",\"untranslatedTitle\":\"[EXP. 05\/27] skin smoothing cream moisturizer\",\"url\":\"\/products\/exp-31-05-27-skin-smoothing-cream-moisturizer\",\"type\":\"medium-weight moisturizer\"},\"id\":\"46825420292293\",\"image\":{\"src\":\"\/\/dermalogica.co.th\/cdn\/shop\/files\/skin-smoothing-cream-1.jpg?v=1724656133\"},\"sku\":\"DE111324-Z\",\"title\":\"50 มล.\",\"untranslatedTitle\":\"50ml\"},{\"price\":{\"amount\":2514.0,\"currencyCode\":\"THB\"},\"product\":{\"title\":\"[EXP. 07\/27] active moist moisturizer\",\"vendor\":\"Dermalogica Thailand\",\"id\":\"8992138428613\",\"untranslatedTitle\":\"[EXP. 07\/27] active moist moisturizer\",\"url\":\"\/products\/expiry-active-moist-moisturizer\",\"type\":\"light, oil-free lotion\"},\"id\":\"46825417998533\",\"image\":{\"src\":\"\/\/dermalogica.co.th\/cdn\/shop\/files\/12.png?v=1740736024\"},\"sku\":\"DE111059-Z\",\"title\":\"100ml\",\"untranslatedTitle\":\"100ml\"},{\"price\":{\"amount\":2634.0,\"currencyCode\":\"THB\"},\"product\":{\"title\":\"[EXP. 06\/27] powerbright dark spot peel\",\"vendor\":\"Dermalogica Thailand\",\"id\":\"8991966658757\",\"untranslatedTitle\":\"[EXP. 06\/27] powerbright dark spot peel\",\"url\":\"\/products\/expirypowerbright-dark-spot-peel\",\"type\":\"professional-grade at-home peel\"}
889,\"id\":\"46824896987333\",\"image\":{\"src\":\"\/\/dermalogica.co.th\/cdn\/shop\/files\/35.png?v=1740736105\"},\"sku\":\"DE111481-Z\",\"title\":\"50ml\",\"untranslatedTitle\":\"50ml\"},{\"price\":{\"amount\":840.0,\"currencyCode\":\"THB\"},\"product\":{\"title\":\"[EXP. 06\/27] cleanse, Tone + Smooth Set\",\"vendor\":\"Dermalogica Thailand\",\"id\":\"8991957909701\",\"untranslatedTitle\":\"[EXP. 06\/27] cleanse, Tone + Smooth Set\",\"url\":\"\/products\/expiry-cleanse-tone-smooth-set\",\"type\":\"the perfect introduction kit\"},\"id\":\"46824874639557\",\"image\":{\"src\":\"\/\/dermalogica.co.th\/cdn\/shop\/files\/download_5_77946c13-0dc9-4ba9-b2b5-739a060a4630.jpg?v=1787294992\"},\"sku\":\"DE301252INT-Z\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":4014.0,\"currencyCode\":\"THB\"},\"product\":{\"title\":\"[EXP. 06\/27] phyto nature oxygen cream\",\"vendor\":\"Dermalogica Thailand\",\"id\":\"8991927533765\",\"untranslatedTitle\":\"[EXP. 06\/27] phyto nature oxygen cream\",\"url\":\"\/products\/expiry-phyto-nature-oxygen-cream\",\"type\":\"\"},\"id\":\"46824759722181\",\"image\":{\"src\":\"\/\/dermalogica.co.th\/cdn\/shop\/files\/1_cd9cb56f-6050-42c2-b8b2-9b7c4afd003d.jpg?v=1787906651\"},\"sku\":\"DE111466-Z\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":1260.0,\"currencyCode\":\"THB\"},\"product\":{\"title\":\"[EXP. 06\/27] cleanse, Tone + Smooth Set\",\"vendor\":\"Dermalogica Thailand\",\"id\":\"8980372848837\",\"untranslatedTitle\":\"[EXP. 06\/27] cleanse, Tone + Smooth Set\",\"url\":\"\/products\/cleanse-tone-smooth-set\",\"type\":\"the perfect introduction kit\"},\"id\":\"46776208228549\",\"image\":{\"src\":\"\/\/dermalogica.co.th\/cdn\/shop\/files\/download_5_77946c13-0dc9-4ba9-b2b5-739a060a4630.jpg?v=1787294992\"},\"sku\":\"DE301252INT\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":3510.0,\"currencyCode\":\"THB\"},\"product\":{\"title\":\"pro-collagen banking water cream\",\"vendor\":\"Dermalogica Thailand\",\"id\":\"8788278116549\",\"untranslatedTitle\":\"pro-collagen banking water cream\",\"url\":\"\/products\/breakout-biotic-moisturizer-copy\",\"type\":\"\"},\"id\":\"46027664195781\",\"image\":{\"src\":\"\/\/dermalogica.co.th\/cdn\/shop\/files\/S__220364803_0.jpg?v=1775188474\"},\"sku\":\"DE111519\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":4590.0,\"currencyCode\":\"THB\"},\"product\":{\"title\":\"daily microfoliant 74 g + travel size 13g\",\"vendor\":\"Dermalogica Thailand\",\"id\":\"8478305484997\",\"untranslatedTitle\":\"daily microfoliant 74 g + travel size 13g\",\"url\":\"\/products\/exclusive-set-daily-microfoliant-74-g-daily-microfoliant-13-g\",\"type\":\"gentle, brightening polisher\"},\"id\":\"45272883364037\",\"image\":{\"src\":\"\/\/dermalogica.co.th\/cdn\/shop\/files\/Webshop11-25-11.jpg?v=1772262472\"},\"sku\":\"DMS-DS02\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}]}}]]"});})();</script>
889<script>
890  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
891  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
892  window.ShopifyAnalytics.meta.currency = 'THB';
893  var meta = {"products":[{"id":9017453576389,"gid":"gid:\/\/shopify\/Product\/9017453576389","vendor":"Dermalogica Thailand","type":"","handle":"futurecode-booster","variants":[{"id":46889204973765,"price":450000,"name":"futurecode booster damage-correcting longevity serum - 30 ml","public_title":"30 ml","sku":"DE111524"}],"remote":false},{"id":9013682667717,"gid":"gid:\/\/shopify\/Product\/9013682667717","vendor":"Dermalogica Thailand","type":"all-in-one soothing, firming, brightening and hydrating serum","handle":"futurecode-booster-trial-0-10-oz-3ml","variants":[{"id":46880515555525,"price":45000,"name":"FutureCode Booster Trial 0.10 oz (3ml)","public_title":null,"sku":"DE911524"}],"remote":false},{"id":9013670609093,"gid":"gid:\/\/shopify\/Product\/9013670609093","vendor":"Dermalogica Thailand","type":"all-in-one soothing, firming, brightening and hydrating serum","handle":"futurecode-booster-foil-sample-2g","variants":[{"id":46880489832645,"price":20000,"name":"FutureCode Booster Foil Sample 2g","public_title":null,"sku":"DE611524"}],"remote":false},{"id":8995541483717,"gid":"gid:\/\/shopify\/Product\/8995541483717","vendor":"Dermalogica Thailand","type":"oil-busting emulsifyer","handle":"expiry-precleanse-cleansing-oil","variants":[{"id":46834746163397,"price":31500,"name":"precleanse - 30 ml","public_title":"30 ml","sku":"DE111052-Z"}],"remote":false},{"id":8995539058885,"gid":"gid:\/\/shopify\/Product\/8995539058885","vendor":"Dermalogica Thailand","type":"smoothing vitamin complex","handle":"expiry-multivitamin-power-firm-eye-cream","variants":[{"id":46834735513797,"price":184500,"name":"[EXP. 03\/27] multivitamin power firm eye cream","public_title":null,"sku":"DE111033-Z"}],"remote":false},{"id":8995538174149,"gid":"gid:\/\/shopify\/Product\/8995538174149","vendor":"Dermalogica Thailand","type":"","handle":"expiry-skin-repair-duo-1-full-size-free-travel","variants":[{"id":46834729779397,"price":155000,"name":"[EXP. 01\/27] skin repair duo (1 full-size + free travel)","public_title":null,"sku":"DE301139INT-1-Z"}],"remote":false},{"id":8995537813701,"gid":"gid:\/\/shopify\/Product\/8995537813701","vendor":"Dermalogica Thailand","type":"","handle":"expiry-skin-aging-solutions-kit","variants":[{"id":46834727256261,"price":195000,"name":"[EXP. 01\/27] skin aging solutions kit","public_title":null,"sku":"DE111488INT-Z"}],"remote":false},{"id":8992152223941,"gid":"gid:\/\/shopify\/Product\/8992152223941","vendor":"Dermalogica Thailand","type":"light, oil-free lotion","handle":"exp-active-moist-moisturizer","variants":[{"id":46825471443141,"price":124500,"name":"[EXP. 02\/27] active moist moisturizer - 50ml","public_title":"50ml","sku":"DE111064-Z"}],"remote":false},{"id":8992139673797,"gid":"gid:\/\/shopify\/Product\/8992139673797","vendor":"Dermalogica Thailand","type":"medium-weight moisturizer","handle":"exp-31-05-27-skin-smoothing-cream-moisturizer","variants":[{"id":46825420292293,"price":149400,"name":"[EXP. 05\/27] skin smoothing cream moisturizer - 50 มล.","public_title":"50 มล.","sku":"DE111324-Z"}],"remote":false},{"id":8992138428613,"gid":"gid:\/\/shopify\/Product\/8992138428613","vendor":"Dermalogica Thailand","type":"light, oil-free lotion","handle":"expiry-active-moist-moisturizer","variants":[{"id":46825417998533,"price":251400,"name":"[EXP. 07\/27] active moist moisturizer - 100ml","public_title":"100ml","sku":"DE111059-Z"}],"remote":false},{"id":8991966658757,"gid":"gid:\/\/shopify\/Product\/8991966658757","vendor":"Dermalogica Thailand","type":"professional-grade at-home peel","handle":"expirypowerbright-dark-spot-peel","variants":[{"id":46824896987333,"price":263400,"name":"[EXP. 06\/27] powerbright dark spot peel - 50ml","public_title":"50ml","sku":"DE111481-Z"}],"remote":false},{"id":8991957909701,"gid":"gid:\/\/shopify\/Product\/8991957909701","vendor":"Dermalogica Thailand","type":"the perfect introduction kit","handle":"expiry-cleanse-tone-smooth-set","variants":[{"id":46824874639557,"price":84000,"name":"[EXP. 06\/27] cleanse, Tone + Smooth Set","public_title":null,"sku":"DE301252INT-Z"}],"remote":false},{"id":8991927533765,"gid":"gid:\/\/shopify\/Product\/8991927533765","vendor":"Dermalogica Thailand","type":"","handle":"expiry-phyto-nature-oxygen-cream","variants":[{"id":46824759722181,"price":401400,"name":"[EXP. 06\/27] phyto nature oxygen cream","public_title":null,"sku":"DE111466-Z"}],"remote":false},{"id":8980372848837,"gid":"gid:\/\/shopify\/Product\/8980372848837","vendor":"Dermalogica Thailand","type":"the perfect introduction kit","handle":"cleanse-tone-smooth-set","variants":[{"id":46776208228549,"price":126000,"name":"[EXP. 06\/27] cleanse, Tone + Smooth Set","public_title":null,"sku":"DE301252INT"}],"remote":false},{"id":8788278116549,"gid":"gid:\/\/shopify\/Product\/8788278116549","vendor":"Dermalogica Thailand","type":"","handle":"breakout-biotic-moisturizer-copy","variants":[{"id":46027664195781,"price":351000,"name":"pro-collagen banking water cream","public_title":null,"sku":"DE111519"}],"remote":false},{"id":8478305484997,"gid":"gid:\/\/shopify\/Product\/8478305484997","vendor":"Dermalogica Thailand","type":"gentle, brightening polisher","handle":"exclusive-set-daily-microfoliant-74-g-daily-microfoliant-13-g","variants":[{"id":45272883364037,"price":459000,"name":"daily microfoliant 74 g + travel size 13g","public_title":null,"sku":"DMS-DS02"}],"remote":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":290351186117,"requestId":"413586d0-0fa7-4d4f-833b-5d088f3bf7ed-1791446474"}};
894  for (var attr in meta) {
895    window.ShopifyAnalytics.meta[attr] = meta[attr];
896  }
897</script>
vendor: 1 bytes, line 897
897
898<script class="analytics">
899  (function () {
900    var customDocumentWrite = function(content) {
901      var jquery = null;
902
903      if (window.jQuery) {
904        jquery = window.jQuery;
905      } else if (window.Checkout && window.Checkout.$) {
906        jquery = window.Checkout.$;
907      }
908
909      if (jquery) {
910        jquery('body').append(content);
911      }
912    };
913
914    var hasLoggedConversion = function(token) {
915      if (token) {
916        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
917      }
918      return false;
919    }
920
921    var setCookieIfConversion = function(token) {
922      if (token) {
923        var twoMonthsFromNow = new Date(Date.now());
924        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
925
926        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
927      }
928    }
929
930    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
931    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
932    if (trekkie.integrations) {
933      return;
934    }
935    trekkie.methods = [
936      'identify',
937      'page',
938      'ready',
939      'track',
940      'trackForm',
941      'trackLink'
942    ];
943    trekkie.factory = function(method) {
944      return function() {
945        var args = Array.prototype.slice.call(arguments);
946        args.unshift(method);
947        trekkie.push(args);
948        if (method == 'track' || method == 'page') {
949          var pageUrl;
950          try {
951            pageUrl = window.location.href;
952          } catch (e) {}
953          var pageReferrer;
954          try {
955            pageReferrer = document.referrer;
956          } catch (e) {}
957          try {
958            if (window.__TREKKIE_SHIM_QUEUE == null) {
959              window.__TREKKIE_SHIM_QUEUE = [];
960            }
961            window.__TREKKIE_SHIM_QUEUE.push({
962              from: 'trekkie-stub',
963              method: method,
964              args: args.slice(1),
965              pageContext: {
966                url: pageUrl,
967                referrer: pageReferrer
968              }
969            });
970          } catch (e) {
971            // no-op
972          }
973        }
974        return trekkie;
975      };
976    };
977    for (var i = 0; i < trekkie.methods.length; i++) {
978      var key = trekkie.methods[i];
979      trekkie[key] = trekkie.factory(key);
980    }
981    trekkie.load = function(config) {
982      trekkie.config = config || {};
983      trekkie.config.initialDocumentCookie = document.cookie;
984      var first = document.getElementsByTagName('script')[0];
985var script = document.createElement('script');
986script.type = 'text/javascript';
987script.onerror = function(e) {
988  var scriptFallback = document.createElement('script');
989  scriptFallback.type = 'text/javascript';
990  scriptFallback.onerror = function(error) {
991          var Monorail = {
992      produce: function produce(monorailDomain, schemaId, payload) {
993        var currentMs = new Date().getTime();
994        var event = {
995          schema_id: schemaId,
996          payload: payload,
997          metadata: {
998            event_created_at_ms: currentMs,
999            event_sent_at_ms: currentMs
1000          }
1001        };
1002        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1003      },
1004      sendRequest: function sendRequest(endpointUrl, payload) {
1005        // Try the sendBeacon API
1006        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1007          var blobData = new window.Blob([payload], {
1008            type: 'text/plain'
1009          });
1010
1011          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1012            return true;
1013          } // sendBeacon was not successful
1014
1015        } // XHR beacon
1016
1017        var xhr = new XMLHttpRequest();
1018
1019        try {
1020          xhr.open('POST', endpointUrl);
1021          xhr.setRequestHeader('Content-Type', 'text/plain');
1022          xhr.send(payload);
1023        } catch (e) {
1024          console.log(e);
1025        }
1026
1027        return false;
1028      },
1029      isIos12: function isIos12() {
1030        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1031      }
1032    };
1033    Monorail.produce('monorail-edge.shopifysvc.com',
1034      'trekkie_storefront_load_errors/1.1',
1035      {shop_id: 50811732165,
1036      theme_id: 148168605893,
1037      app_name: "storefront",
1038      context_url: window.location.href,
1039      source_url: "//dermalogica.co.th/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"});
1040
1041  };
1042  scriptFallback.async = true;
1043  scriptFallback.src = '//dermalogica.co.th/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
1044  first.parentNode.insertBefore(scriptFallback, first);
1045};
1046script.async = true;
1047script.src = '//dermalogica.co.th/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
1048first.parentNode.insertBefore(script, first);
1049
1050    };
1051    trekkie.load(
1052      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":50811732165,"isMerchantRequest":null,"themeId":148168605893,"themeCityHash":"1769861055432525568","contentLanguage":"th","currency":"THB","eventMetadataId":"64979fc7-a4ae-4520-8573-dfc6c9b84c07"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1053    );
1054
1055    var loaded = false;
1056    trekkie.ready(function() {
1057      if (loaded) return;
1058      loaded = true;
1059
1060      window.ShopifyAnalytics.lib = window.trekkie;
1061
1062      var originalDocumentWrite = document.write;
1063      document.write = customDocumentWrite;
1064      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1065      document.write = originalDocumentWrite;
1066
1067      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1068      var token = match? match[1]: undefined;
1069      if (!hasLoggedConversion(token)) {
1070        setCookieIfConversion(token);
1071        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"THB","category":"Collection: shop-all-products","collectionName":"shop-all-products","collectionId":290351186117,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
1072      }
1073    });
1074
1075    window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":290351186117,"requestId":"413586d0-0fa7-4d4f-833b-5d088f3bf7ed-1791446474","shopifyEmitted":true});
1076
1077    var eventsListenerScript = document.createElement('script');
1078    eventsListenerScript.async = true;
1079    eventsListenerScript.src = "//dermalogica.co.th/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1080    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1081})();</script>
1081
1082  
1082<script>
1083  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
1084    window.ga = function ga() {
1085      (window.ga.q = window.ga.q || []).push(arguments);
1086      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1087        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
1088      }
1089      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
1090    };
1091    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1092      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
1093    }
1094  }
1095</script>
vendor: 1 bytes, line 1095
1095
1096<script
1097  defer
1098  src="https://dermalogica.co.th/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.0.min.js"
1099  data-application="storefront-renderer"
1100  data-shop-id="50811732165"
1101  data-render-region="gcp-us-central1"
1102  data-page-type="collection"
1103  data-theme-instance-id="148168605893"
1104  data-theme-name="Dawn"
1105  data-theme-version="6.0.2"
1106  data-monorail-region="shop_domain"
1107  data-resource-timing-sampling-rate="10"
1108  data-shs="true"
1109  data-shs-beacon="true"
1110  data-shs-export-with-fetch="true"
1111  data-shs-logs-sample-rate="1"
1112  data-shs-beacon-endpoint="https://dermalogica.co.th/api/collect"
1113></script>
1113
1114<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1823004075000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1791448275000"><meta name="new-cookie-storage-activated" content="t">
1115</head>
1116
1117<body class="gradient">
1118
1119<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 1119-1120
1119
1120<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1120GTM-NZHWHDQ
vendor: 83 bytes, lines 1120-1121
1120"
1121height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1122<!-- End Google Tag Manager (noscript) -->
1123
1124  
1125    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
1126      ข้ามไปยังเนื้อหา
1127    </a><div id="shopify-section-swiper-announcement-bar" class="shopify-section"><link href="//dermalogica.co.th/cdn/shop/t/67/assets/swiper-bundle.min.css?v=86917714578655216841754032892" rel="stylesheet" type="text/css" media="all" />
1128    
1128<script src="//dermalogica.co.th/cdn/shop/t/67/assets/swiper-bundle.min.aio.min.js?v=151921187182710927381754032891" type="text/javascript"></script>
1128
1129<div class="hura-announcement-bar swiper-container">
1130  <div class="hura-messages swiper-wrapper"><div class="hura-message swiper-slide"></div><div class="hura-message swiper-slide"><strong><a href="/pages/offers">เช็คโปรโมชั่นตอนนี้</a></strong> พร้อมของขวัญสุดพิเศษในทุกการสั่งซื้อ </div><div class="hura-message swiper-slide"><strong><a href="/account/register">กดสมัครตอนนี้!</a></strong> รับทันทีสิทธิพิเศษมากมายตั้งแต่คำสั่งซื้อแรก</div></div>
1131  <div class="hura-swiper-button swiper-button-prev">&nbsp</div>
1132  <div class="hura-swiper-button swiper-button-next">&nbsp</div>
1133</div>
1134
1135<script>
1136  const swiper = new Swiper('.swiper-container', {
1137    autoplay: {delay: 5000 },loop: true,
1138    navigation: {
1139      nextEl: '.swiper-button-next',
1140      prevEl: '.swiper-button-prev',
1141    },
1142  });
1143</script>
1143
1144<style>
1145  .hura-announcement-bar{
1146    background:#515862;
1147    position: relative;
1148    overflow: hidden;
1149    padding: 15px 0;
1150    font-size: 12px;
1151    font-family: Helvetica, sans-serif;
1152  }
1153  .hura-announcement-bar .hura-message{
1154    text-align:center;
1155    color:#ffffff;
1156  }
1157  /* unvisited link */
1158  .hura-announcement-bar a:link {
1159    color: #ffffff;
1160    font-size: 12px;
1161    font-family: Helvetica, sans-serif;
1162  }
1163  
1164  /* visited link */
1165  .hura-announcement-bar a:visited {
1166    color: #ffffff;
1167    font-size: 12px;
1168    font-family: Helvetica, sans-serif;
1169  }
1170  
1171  /* mouse over link */
1172  .hura-announcement-bar a:hover {
1173    color: #ffffff;
1174    font-size: 12px;
1175    font-family: Helvetica, sans-serif;
1176  }
1177  
1178  /* selected link */
1179  .hura-announcement-bar a:active {
1180    color: #ffffff;
1181    font-size: 12px;
1182    font-family: Helvetica, sans-serif;
1183  }
1184  .hura-announcement-bar .swiper-button-next:after, .hura-announcement-bar .swiper-container-rtl .swiper-button-prev:after,
1185  .hura-announcement-bar .swiper-button-prev:after, .hura-announcement-bar .swiper-container-rtl .swiper-button-next:after{
1186    font-size: 15px;
1187    color:#ffffff;
1188  }</style></div>
1189    <div id="shopify-section-header" class="shopify-section section-header"><link rel="stylesheet" href="//dermalogica.co.th/cdn/shop/t/67/assets/component-list-menu.aio.min.css?v=45065025891747169961754032826" media="print" onload="this.media='all'">
1190<link rel="stylesheet" href="//dermalogica.co.th/cdn/shop/t/67/assets/component-search.aio.min.css?v=119593942092222601341754032839" media="print" onload="this.media='all'">
1191<link rel="stylesheet" href="//dermalogica.co.th/cdn/shop/t/67/assets/component-menu-drawer.aio.min.css?v=99929349353749755001754032831" media="print" onload="this.media='all'">
1192<link rel="stylesheet" href="//dermalogica.co.th/cdn/shop/t/67/assets/component-cart-notification.aio.min.css?v=119588917653454352991754032820" media="print" onload="this.media='all'">
1193<link rel="stylesheet" href="//dermalogica.co.th/cdn/shop/t/67/assets/component-cart-items.aio.min.css?v=44477595166165468421754032820" media="print" onload="this.media='all'"><link rel="stylesheet" href="//dermalogica.co.th/cdn/shop/t/67/assets/component-price.aio.min.css?v=96749500124134233901754032836" media="print" onload="this.media='all'">
1194  <link rel="stylesheet" href="//dermalogica.co.th/cdn/shop/t/67/assets/component-loading-overlay.aio.min.css?v=158482480592777995591754032829" media="print" onload="this.media='all'"><link rel="stylesheet" href="//dermalogica.co.th/cdn/shop/t/67/assets/component-mega-menu.aio.min.css?v=170305616358952393761754032830" media="print" onload="this.media='all'">
1195  <noscript><link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-mega-menu.aio.min.css?v=170305616358952393761754032830" rel="stylesheet" type="text/css" media="all" /></noscript><noscript><link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-list-menu.aio.min.css?v=45065025891747169961754032826" rel="stylesheet" type="text/css" media="all" /></noscript>
1196<noscript><link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-search.aio.min.css?v=119593942092222601341754032839" rel="stylesheet" type="text/css" media="all" /></noscript>
1197<noscript><link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-menu-drawer.aio.min.css?v=99929349353749755001754032831" rel="stylesheet" type="text/css" media="all" /></noscript>
1198<noscript><link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-cart-notification.aio.min.css?v=119588917653454352991754032820" rel="stylesheet" type="text/css" media="all" /></noscript>
1199<noscript><link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-cart-items.aio.min.css?v=44477595166165468421754032820" rel="stylesheet" type="text/css" media="all" /></noscript>
1200
1201<style>
1202  header-drawer {
1203    justify-self: start;
1204    margin-left: -1.2rem;
1205  }
1206
1207  .header__heading-logo {
1208    max-width: 200px;
1209  }
1210
1211  @media screen and (min-width: 990px) {
1212    header-drawer {
1213      display: none;
1214    }
1215  }
1216
1217  .menu-drawer-container {
1218    display: flex;
1219  }
1220
1221  .list-menu {
1222    list-style: none;
1223    padding: 0;
1224    margin: 0;
1225  }
1226
1227  .list-menu--inline {
1228    display: inline-flex;
1229    flex-wrap: wrap;
1230  }
1231
1232  summary.list-menu__item {
1233    padding-right: 2.7rem;
1234  }
1235
1236  .list-menu__item {
1237    display: flex;
1238    align-items: center;
1239    line-height: calc(1 + 0.3 / var(--font-body-scale));
1240  }
1241
1242  .list-menu__item--link {
1243    text-decoration: none;
1244    padding-bottom: 1rem;
1245    padding-top: 1rem;
1246    line-height: calc(1 + 0.8 / var(--font-body-scale));
1247  }
1248
1249  @media screen and (min-width: 750px) {
1250    .list-menu__item--link {
1251      padding-bottom: 0.5rem;
1252      padding-top: 0.5rem;
1253    }
1254  }
1255</style><style data-shopify>.header {
1256    padding-top: 6px;
1257    padding-bottom: 6px;
1258  }
1259
1260  .section-header {
1261    margin-bottom: 0px;
1262  }
1263
1264  @media screen and (min-width: 750px) {
1265    .section-header {
1266      margin-bottom: 0px;
1267    }
1268  }
1269
1270  @media screen and (min-width: 990px) {
1271    .header {
1272      padding-top: 12px;
1273      padding-bottom: 12px;
1274    }
1275  }
1276
1277  .mega-menu-connector {
1278    position: relative;
1279    display: flex;
1280    justify-content: center;
1281  }
1282  .mega-menu-connector:after {
1283    content: '';
1284    width: 100%;
1285    position: absolute;
1286    opacity: 0;
1287    padding-top: 2.4rem;
1288    padding-bottom: 2.4rem;
1289  }
1290
1291  .utility-bar {
1292    background-color: #f7f9fb;
1293  }
1294
1295  .utility-bar a {
1296    color: #5b6670;
1297    font-size: 12px;
1298  }
1299
1300  .utility-bar a:hover {
1301    color: #1878b9;
1302    font-size: 12px;
1303  }
1304
1305    .menu-item-head {
1306    text-decoration: none; 
1307    color: #5B6670;
1308  }
1309
1310  .menu-item-head:hover {
1311    text-decoration: none; 
1312    color: #5A92DB;
1313  }
1314
1315    .mobile-menu-head {
1316    font-size: 13px; 
1317    font-weight: 700; 
1318    font-style: normal; 
1319    line-height: 14px;
1320  }
1321
1322  .mobile-menu-child {
1323    font-size: 11px; 
1324    font-weight: 300; 
1325    font-style: normal; 
1326    line-height: 14px; 
1327  }
1328
1329  .mobile-menu-padding {
1330    padding-left: 40px;
1331  }</style>
1331<script src="//dermalogica.co.th/cdn/shop/t/67/assets/details-disclosure.aio.min.js?v=27516619689491591491754032847" defer="defer"></script>
vendor: 1 bytes, line 1331
1331
1332<script src="//dermalogica.co.th/cdn/shop/t/67/assets/details-modal.aio.min.js?v=108140088722224880751754032848" defer="defer"></script>
vendor: 1 bytes, line 1332
1332
1333<script src="//dermalogica.co.th/cdn/shop/t/67/assets/cart-notification.aio.min.js?v=51256570965782456141754032813" defer="defer"></script>
1333<script
1334  type="application/json"
1335  data-section-type="static-utility-bar"
1336  data-section-id="header"
1337  data-section-data
1338>
1339  {
1340    "settings": {
1341      "mobile_layout": null
1342    }
1343  }
1344</script>
1344
1345
1346
1347  <div class="utility-bar utility-bar-full-width">
1348    <div class="utility-bar-content">
1349      
1350        <div class="utility-bar-left">
1351          
1352            <a href="/pages/store-locator">สาขาใกล้คุณ</a>
1353          
1354            <a href="/pages/contact-us"> ติดต่อเรา</a>
1355          
1356            <a href="/pages/reward-old">สิทธิพิเศษสมาชิก</a>
1357          
1358        </div>
1359      
1360
1361        <div style="column-gap: 1rem;" class="utility-bar-right">
1362          
1363            <a href="/collections/whats-new">อะไรใหม่</a>
1364          
1365            <a href="/collections/top-sellers">ผลิตภัณฑ์ขายดี</a>
1366          
1367            <a href="/collections/travel-sizes">ขนาดเดินทาง</a>
1368          
1369            <a href="/collections/holiday-kit-and-set">ชุดผลิตภัณฑ์และเซ็ทต่างๆ</a>
1370          
1371          <span class="ly-custom-1000"></span>
1372        </div>
1373    </div>
1374
1375    
1376    
1377    
1378    
1379
1380    
1381  </div>
1382
1383
1384<svg xmlns="http://www.w3.org/2000/svg" class="hidden">
1385  <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
1386    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/>
1387  </symbol>
1388
1389  <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
1390    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
1391  </symbol>
1392</svg>
1393<sticky-header class="header-wrapper color-background-1 gradient header-wrapper--border-bottom">
1394  <header class="header header--top-center  header--has-menu"><header-drawer data-breakpoint="tablet">
1395        <details id="Details-menu-drawer-container" class="menu-drawer-container">
1396          <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="เมนู">
1397            <span>
1398              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16">
1399  <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
1400</svg>
1401
1402              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17">
1403  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
1404</svg>
1405
1406            </span>
1407          </summary>
1408          <div id="menu-drawer" class="gradient menu-drawer motion-reduce" tabindex="-1">
1409            <div class="menu-drawer__inner-container">
1410              <div class="menu-drawer__navigation-container">
1411                <div class="menu-drawer__utility-links"><a href="/account/login" class="menu-drawer__account link focus-inset h5">
1412                      <svg class="icon-account " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">          
1413  <title>Account icon</title>        
1414  <path d="M20.5 19.5V21.525C20.5 21.5802 20.4552 21.625 20.4 21.625H3.6C3.54477 21.625 3.5 21.5802 3.5 21.525V19.5C3.5 18.3728 3.94777 17.2918 4.7448 16.4948C5.54183 15.6978 6.62283 15.25 7.75 15.25H16.25C17.3772 15.25 18.4582 15.6978 19.2552 16.4948C20.0522 17.2918 20.5 18.3728 20.5 19.5Z" stroke="currentColor" stroke-width="1.75"></path>      
1415  <path d="M12 11C14.3472 11 16.25 9.09721 16.25 6.75C16.25 4.40279 14.3472 2.5 12 2.5C9.65279 2.5 7.75 4.40279 7.75 6.75C7.75 9.09721 9.65279 11 12 11Z" stroke="currentColor" stroke-width="1.75" stroke-linejoin="round"></path>    
1416</svg>
1417เข้าสู่ระบบ</a>
1418                  <hr style="margin: 0px !important;"/><a href="/pages/store-locator" class="menu-drawer__account link focus-inset h5">สาขาใกล้คุณ</a><br/><a href="/pages/contact-us" class="menu-drawer__account link focus-inset h5"> ติดต่อเรา</a><br/><a href="/pages/reward-old" class="menu-drawer__account link focus-inset h5">สิทธิพิเศษสมาชิก</a><br/>
1418</div>
1419                <nav class="menu-drawer__navigation">
1420                  <ul style="border-top:1px solid #D3D3D3" class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li class="title-navigation-button"><details class="menu-item-icon" id="Details-menu-drawer-menu-item-1">
1421                            <summary class="mobile-menu-head menu-drawer__menu-item list-menu__item link link--text focus-inset">
1422                              ซื้อสินค้า
1423                              <div style="right: 0; position:absolute; margin-right: 10px;">
1424<svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="icon icon-chevron-down" viewBox="0 0 16 16">
1425  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
1426</svg>
1427</div>
1428                              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1429  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1430</svg>
1431
1432                            </summary>
1433                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li class="childlink-navigation-button"><details id="Details-menu-drawer-submenu-1">
1434                                          <summary class="mobile-menu-child menu-drawer__menu-item link link--text list-menu__item focus-inset">
1435                                             แนะนำ
1436                                            <div style="right: 0; position:absolute; margin-right: 10px;">
1437<svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="icon icon-chevron-down" viewBox="0 0 16 16">
1438  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
1439</svg>
1440</div>
1441                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1442  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1443</svg>
1444
1445                                          </summary>
1446                                            <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1447                                                  <a href="/collections/shop-all-products-ex-pro-collagen" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1448                                                    ผลิตภัณฑ์ทั้งหมด
1449                                                  </a>
1450                                                </li><li>
1451                                                  <a href="/collections/whats-new" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1452                                                    ผลิตภัณฑ์ใหม่
1453                                                  </a>
1454                                                </li><li>
1455                                                  <a href="/collections/top-sellers" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1456                                                    ผลิตภัณฑ์ขายดี
1457                                                  </a>
1458                                                </li><li>
1459                                                  <a href="/collections/travel-sizes" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1460                                                    ขนาดเดินทาง
1461                                                  </a>
1462                                                </li><li>
1463                                                  <a href="/collections/holiday-kit-and-set" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1464                                                    skin kits and sets
1465                                                  </a>
1466                                                </li></ul>
1467                                        </details></li><li class="childlink-navigation-button"><details id="Details-menu-drawer-submenu-2">
1468                                          <summary class="mobile-menu-child menu-drawer__menu-item link link--text list-menu__item focus-inset">
1469                                            ประเภทผลิตภัณฑ์
1470                                            <div style="right: 0; position:absolute; margin-right: 10px;">
1471<svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="icon icon-chevron-down" viewB
1471ox="0 0 16 16">
1472  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
1473</svg>
1474</div>
1475                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1476  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1477</svg>
1478
1479                                          </summary>
1480                                            <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1481                                                  <a href="/collections/cleansers" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1482                                                    คลีนเซอร์
1483                                                  </a>
1484                                                </li><li>
1485                                                  <a href="/collections/exfoliants" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1486                                                    ผลัดเซลล์ผิว
1487                                                  </a>
1488                                                </li><li>
1489                                                  <a href="/collections/masques" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1490                                                    มาส์ก
1491                                                  </a>
1492                                                </li><li>
1493                                                  <a href="/collections/toners" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1494                                                    โทนเนอร์
1495                                                  </a>
1496                                                </li><li>
1497                                                  <a href="/collections/facial-oils-and-serums" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1498                                                    ออยล์บำรุงผิวหน้าและเซรั่ม
1499                                                  </a>
1500                                                </li><li>
1501                                                  <a href="/collections/eye-treatments" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1502                                                    บำรุงรอบดวงตา
1503                                                  </a>
1504                                                </li><li>
1505                                                  <a href="/collections/moisturizers" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1506                                                    มอยส์เจอไรเซอร์ 
1507                                                  </a>
1508                                                </li><li>
1509                                                  <a href="/collections/spf" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1510                                                    ผลิตภัณฑ์ป้องกันแดด
1511                                                  </a>
1512                                                </li></ul>
1513                                        </details></li><li class="childlink-navigation-button"><details id="Details-menu-drawer-submenu-3">
1514                                          <summary class="mobile-menu-child menu-drawer__menu-item link link--text list-menu__item focus-inset">
1515                                            กลุ่มผลิตภัณฑ์
1516                                            <div style="right: 0; position:absolute; margin-right: 10px;">
1517<svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="icon icon-chevron-down" viewB
1517ox="0 0 16 16">
1518  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
1519</svg>
1520</div>
1521                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1522  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1523</svg>
1524
1525                                          </summary>
1526                                            <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1527                                                  <a href="/collections/daily-skin-health" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1528                                                    daily skin health
1529                                                  </a>
1530                                                </li><li>
1531                                                  <a href="/collections/age-smart" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1532                                                    age smart
1533                                                  </a>
1534                                                </li><li>
1535                                                  <a href="/collections/powerbright-trx" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1536                                                    powerbright
1537                                                  </a>
1538                                                </li><li>
1539                                                  <a href="/collections/active-clearing" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1540                                                    active clearing
1541                                                  </a>
1542                                                </li><li>
1543                                                  <a href="/collections/ultracalming" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1544                                                    ultracalming
1545                                                  </a>
1546                                                </li><li>
1547                                                  <a href="/collections/biolumin-c" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1548                                                    biolumin-c
1549                                                  </a>
1550                                                </li><li>
1551                                                  <a href="/collections/phyto-nature" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1552                                                    phyto nature
1553                                                  </a>
1554                                                </li></ul>
1555                                        </details></li><li class="childlink-navigation-button"><details id="Details-menu-drawer-submenu-4">
1556                                          <summary class="mobile-menu-child menu-drawer__menu-item link link--text list-menu__item focus-inset">
1557                                            ปัญหาผิว
1558                                            <div style="right: 0; position:absolute; margin-right: 10px;">
1559<svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="icon icon-chevron-down" viewBox="0 0 16 16">
1560  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
1561</svg>
1562</div>
1563                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1564  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1565</svg>
1566
1567                                          </summary>
1568                                            <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1569                                                  <a href="/collections/acne-and-breakouts" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1570                                                    สิวและรอยดำ
1571                                                  </a>
1572                                                </li><li>
1573                                                  <a href="/collections/signs-of-skin-aging" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1574                                                    สัญญาณแห่งวัย
1575                                                  </a>
1576                                                </li><li>
1577                                                  <a href="/collections/dryness-and-dehydration" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1578                                                    ผิวแห้งและผิวขาดน้ำ
1579                                                  </a>
1580                                                </li><li>
1581                                                  <a href="/collections/oiliness" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1582                                                    ผิวมัน
1583                                                  </a>
1584                                                </li><li>
1585                                                  <a href="/collections/sensitivity-and-redness" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1586                                                    ผิวบอบบาง  แพ้ง่าย
1587                                                  </a>
1588                                                </li><li>
1589                                                  <a href="/collections/uneven-skin-tone" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1590                                                    สีผิวไม่สม่ำเสมอ
1591                                                  </a>
1592                                                </li></ul>
1593                                        </details></li></ul>
1594                          </details></li><li class="title-navigation-button"><details class="menu-item-icon" id="Details-menu-drawer-menu-item-2">
1595                            <summary class="mobile-menu-head menu-drawer__menu-item list-menu__item link link--text focus-inset">
1596                              เกี่ยวกับเรา
1597                              <div style="right: 0; position:absolute; margin-right: 10px;">
1598<svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="icon icon-chevron-down" viewB
1598ox="0 0 16 16">
1599  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
1600</svg>
1601</div>
1602                              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1603  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1604</svg>
1605
1606                            </summary>
1607                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li class="childlink-navigation-button"><details id="Details-menu-drawer-submenu-1">
1608                                          <summary class="mobile-menu-child menu-drawer__menu-item link link--text list-menu__item focus-inset">
1609                                            เรื่องราวของเรา
1610                                            <div style="right: 0; position:absolute; margin-right: 10px;">
1611<svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="icon icon-chevron-down" viewBox="0 0 16 16">
1612  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
1613</svg>
1614</div>
1615                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1616  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1617</svg>
1618
1619                                          </summary>
1620                                            <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1621                                                  <a href="https://en.dermalogica.co.th/pages/our-story-1" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1622                                                    เรื่องราวของเรา
1623                                                  </a>
1624                                                </li><li>
1625                                                  <a href="/pages/sustainability" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1626                                                    ความยั่งยืน
1627                                                  </a>
1628                                                </li></ul>
1629                                        </details></li><li class="childlink-navigation-button"><details id="Details-menu-drawer-submenu-2">
1630                                          <summary class="mobile-menu-child menu-drawer__menu-item link link--text list-menu__item focus-inset">
1631                                            บล็อก
1632                                            <div style="right: 0; position:absolute; margin-right: 10px;">
1633<svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="icon icon-chevron-down" viewBox="0 0 16 16">
1634  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
1635</svg>
1636</div>
1637                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1638  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1639</svg>
1640
1641                                          </summary>
1642                                            <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1643                                                  <a href="/blogs/living-skin-2/tagged/acne" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1644                                                    สิว
1645                                                  </a>
1646                                                </li><li>
1647                                                  <a href="/blogs/living-skin-2/tagged/dryness" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1648                                                    ผิวแห้งกร้าน
1649                                                  </a>
1650                                                </li><li>
1651                                                  <a href="/blogs/living-skin-2/tagged/skin-aging" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1652                                                    skin aging
1653                                                  </a>
1654                                                </li><li>
1655                                                  <a href="/blogs/living-skin-2/tagged/sensitive" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1656                                                    ผิวแพ้ง่าย
1657                                                  </a>
1658                                                </li></ul>
1659                                        </details></li></ul>
1660                          </details></li><li class="title-navigation-button"><a href="https://dermalogica-thailand.myshopify.com/pages/treatments" class="mobile-menu-head menu-drawer__menu-item list-menu__item link link--text focus-inset">
1661                            การรักษา
1662                          </a></li><li class="title-navigation-button"><details class="menu-item-icon" id="Details-menu-drawer-menu-item-4">
1663                            <summary class="mobile-menu-head menu-drawer__menu-item list-menu__item link link--text focus-inset">
1664                              pro service
1665                              <div style="right: 0; position:absolute; margin-right: 10px;">
1666<svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="icon icon-chevron-down" viewB
1666ox="0 0 16 16">
1667  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
1668</svg>
1669</div>
1670                              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1671  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1672</svg>
1673
1674                            </summary>
1675                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li class="childlink-navigation-button"><a href="/collections/skin-treatments" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1676                                          pro treatment
1677                                        </a></li><li class="childlink-navigation-button"><a href="/pages/store-locator" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1678                                          find a location
1679                                        </a></li></ul>
1680                          </details></li><li class="title-navigation-button"><details class="menu-item-icon" id="Details-menu-drawer-menu-item-5">
1681                            <summary class="mobile-menu-head menu-drawer__menu-item list-menu__item link link--text focus-inset">
1682                               สำหรับมืออาชีพ
1683                              <div style="right: 0; position:absolute; margin-right: 10px;">
1684<svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="icon icon-chevron-down" viewBox="0 0 16 16">
1685  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
1686</svg>
1687</div>
1688                              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1689  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1690</svg>
1691
1692                            </summary>
1693                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li class="childlink-navigation-button"><a href="/pages/core-concepts" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1694                                          คอนเซปท์หลัก
1695                                        </a></li><li class="childlink-navigation-button"><a href="/pages/revolutionary-products-1" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1696                                          ผลิตภัณฑ์ที่ปฏิวัติวงการ
1697                                        </a></li><li class="childlink-navigation-button"><a href="/pages/open-an-account" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1698                                           เปิดบัญชี
1699                                        </a></li><li class="childlink-navigation-button"><a href="/pages/safety" class="mobile-menu-child mobile-menu-padding menu-drawer__menu-item link link--text list-menu__item focus-inset">
1700                                          ความปลอดภัย
1701                                        </a></li></ul>
1702                          </details></li><li class="title-navigation-button"><a href="/pages/%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B9%80%E0%B8%AA%E0%B8%99%E0%B8%AD%E0%B8%AA%E0%B8%B8%E0%B8%94%E0%B8%9E%E0%B8%B4%E0%B9%80%E0%B8%A8%E0%B8%A9" class="mobile-menu-head menu-drawer__menu-item list-menu__item link link--text focus-inset">
1703                            ข้อเสนอสุดพิเศษ
1704                          </a></li><li class="title-navigation-button"><a href="/collections/clearance-sale" class="mobile-menu-head menu-drawer__menu-item list-menu__item link link--text focus-inset">
1705                            Clearance Sale
1706                          </a></li></ul>
1707                </nav>
1708                
1709              </div>
1710            </div>
1711          </div>
1712        </details>
1713      </header-drawer><details-modal class="header__search">
1714        <details>
1715          <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="ค้นหา">
1716            <span>
1717              <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" role="presentation">
1718                <use href="#icon-search">
1719              </svg>
1720              <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false" role="presentation">
1721                <use href="#icon-close">
1722              </svg>
1723            </span>
1724          </summary>
1725          <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="ค้นหา">
1726            <div class="modal-overlay"></div>
1727            <div class="search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="กำลังโหลด..."><form action="/search" method="get" role="search" class="search search-modal__form">
1728                  <input type="hidden" name="type" value="product">
1729                  <div class="field">
1730                    <input class="search__input field__input"
1731                      id="Search-In-Modal-1"
1732                      type="search"
1733                      name="q"
1734                      value=""
1735                      placeholder="ค้นหา"role="combobox"
1736                        aria-expanded="false"
1737                        aria-owns="predictive-search-results-list"
1738                        aria-controls="predictive-search-results-list"
1739                        aria-haspopup="listbox"
1740                        aria-autocomplete="list"
1741                        autocorrect="off"
1742                        autocomplete="off"
1743                        autocapitalize="off"
1744                        spellcheck="false">
1745                    <label class="field__label" for="Search-In-Modal-1">ค้นหา</label>
1746                    <input type="hidden" name="options[prefix]" value="last">
1747                    <button class="search__button field__button" aria-label="ค้นหา">
1748                      <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
1749                        <use href="#icon-search">
1750                      </svg>
1751                    </button>
1752                  </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
1753                      <div class="predictive-search__loading-state">
1754                        <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
1755                          <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
1756                        </svg>
1757                      </div>
1758                    </div>
1759
1760                    <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="modal__close-button link link--text focus-inset" aria-label="ปิด">
1761                <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation">
1762                  <use href="#icon-close">
1763                </svg>
1764              </button>
1765            </div>
1766          </div>
1767        </details>
1768      </details-modal><a href="/" class="header__heading-link link link--text focus-inset"><img src="//dermalogica.co.th/cdn/shop/files/dermalogica-logo_215x25_4c804636-350f-4c69-ba99-25d27f9fd153.webp?v=1661772668" alt="Dermalogica Thailand" srcset="//dermalogica.co.th/cdn/shop/files/dermalogica-logo_215x25_4c804636-350f-4c69-ba99-25d27f9fd153.webp?v=1661772668&amp;width=50 50w, //dermalogica.co.th/cdn/shop/files/dermalogica-logo_215x25_4c804636-350f-4c69-ba99-25d27f9fd153.webp?v=1661772668&amp;width=100 100w, //dermalogica.co.th/cdn/shop/files/dermalogica-logo_215x25_4c804636-350f-4c69-ba99-25d27f9fd153.webp?v=1661772668&amp;width=150 150w, //dermalogica.co.th/cdn/shop/files/dermalogica-logo_215x25_4c804636-350f-4c69-ba99-25d27f9fd153.webp?v=1661772668&amp;width=200 200w" width="200" height="23.364485981308412" class="header__heading-logo">
1769</a><nav class="header__inline-menu">
1770          <ul class="list-menu list-menu--inline" role="list"><li><header-menu>
1771                    <details id="Details-HeaderMenu-1" class="mega-menu">
1772                      <div class="mega-menu-connector"><holder></holder></div>
1773                      <summary class="header__menu-item list-menu__item link focus-inset">
1774                        <span><a class="menu-item-head" href="/collections/shop-all-products-ex-pro-collagen">ซื้อสินค้า</a></span>
1775                        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1776  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1777</svg>
1778
1779                      </summary>
1780                      
1781
1782                      <div style="" id="MegaMenu-Content-1" class="mega-menu__content gradient motion-reduce global-settings-popup" tabindex="-1">
1783                        <ul class="mega-menu__list " role="list"><li style="">
1784                              <a style="font-weight: 700;" href="/collections/featured-1" class="mega-menu__link mega-menu__link--level-2 link">
1785                                 แนะนำ
1786                              </a><ul class="list-unstyled" role="list"><li>
1787                                      <a href="/collections/shop-all-products-ex-pro-collagen" class="mega-menu__link link">
1788                                        ผลิตภัณฑ์ทั้งหมด
1789                                      </a>
1790                                    </li><li>
1791                                      <a href="/collections/whats-new" class="mega-menu__link link">
1792                                        ผลิตภัณฑ์ใหม่
1793                                      </a>
1794                                    </li><li>
1795                                      <a href="/collections/top-sellers" class="mega-menu__link link">
1796                                        ผลิตภัณฑ์ขายดี
1797                                      </a>
1798                                    </li><li>
1799                                      <a href="/collections/travel-sizes" class="mega-menu__link link">
1800                                        ขนาดเดินทาง
1801                                      </a>
1802                                    </li><li>
1803                                      <a href="/collections/holiday-kit-and-set" class="mega-menu__link link">
1804                                        skin kits and sets
1805                                      </a>
1806                                    </li></ul></li><li style="">
1807                              <a style="font-weight: 700;" href="/collections/product-category" class="mega-menu__link mega-menu__link--level-2 link">
1808                                ประเภทผลิตภัณฑ์
1809                              </a><ul class="list-unstyled" role="list"><li>
1810                                      <a href="/collections/cleansers" class="mega-menu__link link">
1811                                        คลีนเซอร์
1812                                      </a>
1813                                    </li><li>
1814                                      <a href="/collections/exfoliants" class="mega-menu__link link">
1815                                        ผลัดเซลล์ผิว
1816                                      </a>
1817                                    </li><li>
1818                                      <a href="/collections/masques" class="mega-menu__link link">
1819                                        มาส์ก
1820                                      </a>
1821                                    </li><li>
1822                                      <a href="/collections/toners" class="mega-menu__link link">
1823                                        โทนเนอร์
1824                                      </a>
1825                                    </li><li>
1826                                      <a href="/collections/facial-oils-and-serums" class="mega-menu__link link">
1827                                        ออยล์บำรุงผิวหน้าและเซรั่ม
1828                                      </a>
1829                                    </li><li>
1830                                      <a href="/collections/eye-treatments" class="mega-menu__link link">
1831                                        บำรุงรอบดวงตา
1832                                      </a>
1833                                    </li><li>
1834                                      <a href="/collections/moisturizers" class="mega-menu__link link">
1835                                        มอยส์เจอไรเซอร์ 
1836                                      </a>
1837                                    </li><li>
1838                                      <a href="/collections/spf" class="mega-menu__link link">
1839                                        ผลิตภัณฑ์ป้องกันแดด
1840                                      </a>
1841                                    </li></ul></li><li style="">
1842                              <a style="font-weight: 700;" href="/collections/product-system" class="mega-menu__link mega-menu__link--level-2 link">
1843                                กลุ่มผลิตภัณฑ์
1844                              </a><ul class="list-unstyled" role="list"><li>
1845                                      <a href="/collections/daily-skin-health" class="mega-menu__link link">
1846                                        daily skin health
1847                                      </a>
1848                                    </li><li>
1849                                      <a href="/collections/age-smart" class="mega-menu__link link">
1850                                        age smart
1851                                      </a>
1852                                    </li><li>
1853                                      <a href="/collections/powerbright-trx" class="mega-menu__link link">
1854                                        powerbright
1855                                      </a>
1856                                    </li><li>
1857                                      <a href="/collections/active-clearing" class="mega-menu__link link">
1858                                        active clearing
1859                                      </a>
1860                                    </li><li>
1861                                      <a href="/collections/ultracalming" class="mega-menu__link link">
1862                                        ultracalming
1863                                      </a>
1864                                    </li><li>
1865                                      <a href="/collections/biolumin-c" class="mega-menu__link link">
1866                                        biolumin-c
1867                                      </a>
1868                                    </li><li>
1869                                      <a href="/collections/phyto-nature" class="mega-menu__link link">
1870                                        phyto nature
1871                                      </a>
1872                                    </li></ul></li><li style="">
1873                              <a style="font-weight: 700;" href="/collections/skin-concern-1" class="mega-menu__link mega-menu__link--level-2 link">
1874                                ปัญหาผิว
1875                              </a><ul class="list-unstyled" role="list"><li>
1876                                      <a href="/collections/acne-and-breakouts" class="mega-menu__link link">
1877                                        สิวและรอยดำ
1878                                      </a>
1879                                    </li><li>
1880                                      <a href="/collections/signs-of-skin-aging" class="mega-menu__link link">
1881                                        สัญญาณแห่งวัย
1882                                      </a>
1883                                    </li><li>
1884                                      <a href="/collections/dryness-and-dehydration" class="mega-menu__link link">
1885                                        ผิวแห้งและผิวขาดน้ำ
1886                                      </a>
1887                                    </li><li>
1888                                      <a href="/collections/oiliness" class="mega-menu__link link">
1889                                        ผิวมัน
1890                                      </a>
1891                                    </li><li>
1892                                      <a href="/collections/sensitivity-and-redness" class="mega-menu__link link">
1893                                        ผิวบอบบาง  แพ้ง่าย
1894                                      </a>
1895                                    </li><li>
1896                                      <a href="/collections/uneven-skin-tone" class="mega-menu__link link">
1897                                        สีผิวไม่สม่ำเสมอ
1898                                      </a>
1899                                    </li></ul></li>
1900                            <li>
1901                              <div>
1902                                  <div><a href=""><img loading="lazy" src="//dermalogica.co.th/cdn/shop/files/1x1_Global_China_Model_4.jpg?v=1731096491&width=300" /></a></div>
1903                                  <div></div>
1904                                  <div><a style="text-decoration: none; color: #5B6670;" href=""><span></span></a></div>
1905                              </div>
1906                            </li>
1907                          
1908                        </ul>
1909                        
1910                      </div>
1911                    </details>
1912                  </header-menu></li><li><header-menu>
1913                    <details id="Details-HeaderMenu-2" class="mega-menu">
1914                      <div class="mega-menu-connector"><holder></holder></div>
1915                      <summary class="header__menu-item list-menu__item link focus-inset">
1916                        <span><a class="menu-item-head" href="#">เกี่ยวกับเรา</a></span>
1917                        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1918  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1919</svg>
1920
1921                      </summary>
1922                      
1923
1924                      <div style="" id="MegaMenu-Content-2" class="mega-menu__content gradient motion-reduce global-settings-popup" tabindex="-1">
1925                        <ul class="mega-menu__list " role="list"><li style="">
1926                              <a style="font-weight: 700;" href="#" class="mega-menu__link mega-menu__link--level-2 link">
1927                                เรื่องราวของเรา
1928                              </a><ul class="list-unstyled" role="list"><li>
1929                                      <a href="https://en.dermalogica.co.th/pages/our-story-1" class="mega-menu__link link">
1930                                        เรื่องราวของเรา
1931                                      </a>
1932                                    </li><li>
1933                                      <a href="/pages/sustainability" class="mega-menu__link link">
1934                                        ความยั่งยืน
1935                                      </a>
1936                                    </li></ul></li><li style="">
1937                              <a style="font-weight: 700;" href="/blogs/living-skin-2" class="mega-menu__link mega-menu__link--level-2 link">
1938                                บล็อก
1939                              </a><ul class="list-unstyled" role="list"><li>
1940                                      <a href="/blogs/living-skin-2/tagged/acne" class="mega-menu__link link">
1941                                        สิว
1942                                      </a>
1943                                    </li><li>
1944                                      <a href="/blogs/living-skin-2/tagged/dryness" class="mega-menu__link link">
1945                                        ผิวแห้งกร้าน
1946                                      </a>
1947                                    </li><li>
1948                                      <a href="/blogs/living-skin-2/tagged/skin-aging" class="mega-menu__link link">
1949                                        skin aging
1950                                      </a>
1951                                    </li><li>
1952                                      <a href="/blogs/living-skin-2/tagged/sensitive" class="mega-menu__link link">
1953                                        ผิวแพ้ง่าย
1954                                      </a>
1955                                    </li></ul></li>
1956                        </ul>
1957                        
1958                      </div>
1959                    </details>
1960                  </header-menu></li><li><a href="https://dermalogica-thailand.myshopify.com/pages/treatments" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset">
1961                    <span>การรักษา</span>
1962                  </a></li><li><header-menu>
1963                    <details id="Details-HeaderMenu-4" class="mega-menu">
1964                      <div class="mega-menu-connector"><holder></holder></div>
1965                      <summary class="header__menu-item list-menu__item link focus-inset">
1966                        <span><a class="menu-item-head" href="#">pro service</a></span>
1967                        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1968  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1969</svg>
1970
1971                      </summary>
1972                      
1973
1974                      <div style="display: flex;" id="MegaMenu-Content-4" class="mega-menu__content gradient motion-reduce global-settings-popup" tabindex="-1">
1975                        <ul class="mega-menu__list  mega-menu__list--condensed" role="list"><li style=" width: 100%; ">
1976                              <a style="font-weight: 700;" href="/collections/skin-treatments" class="mega-menu__link mega-menu__link--level-2 link">
1977                                pro treatment
1978                              </a></li><li style=" width: 100%; ">
1979                              <a style="font-weight: 700;" href="/pages/store-locator" class="mega-menu__link mega-menu__link--level-2 link">
1980                                find a location
1981                              </a></li>
1982                        </ul>
1983                        
1984                      </div>
1985                    </details>
1986                  </header-menu></li><li><header-menu>
1987                    <details id="Details-HeaderMenu-5" class="mega-menu">
1988                      <div class="mega-menu-connector"><holder></holder></div>
1989                      <summary class="header__menu-item list-menu__item link focus-inset">
1990                        <span><a class="menu-item-head" href="#"> สำหรับมืออาชีพ</a></span>
1991                        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1992  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1993</svg>
1994
1995                      </summary>
1996                      
1997
1998                      <div style="display: flex;" id="MegaMenu-Content-5" class="mega-menu__content gradient motion-reduce global-settings-popup" tabindex="-1">
1999                        <ul class="mega-menu__list  mega-menu__list--condensed" role="list"><li style=" width: 100%; ">
2000                              <a style="font-weight: 700;" href="/pages/core-concepts" class="mega-menu__link mega-menu__link--level-2 link">
2001                                คอนเซปท์หลัก
2002                              </a></li><li style=" width: 100%; ">
2003                              <a style="font-weight: 700;" href="/pages/revolutionary-products-1" class="mega-menu__link mega-menu__link--level-2 link">
2004                                ผลิตภัณฑ์ที่ปฏิวัติวงการ
2005                              </a></li><li style=" width: 100%; ">
2006                              <a style="font-weight: 700;" href="/pages/open-an-account" class="mega-menu__link mega-menu__link--level-2 link">
2007                                 เปิดบัญชี
2008                              </a></li><li style=" width: 100%; ">
2009                              <a style="font-weight: 700;" href="/pages/safety" class="mega-menu__link mega-menu__link--level-2 link">
2010                                ความปลอดภัย
2011                              </a></li>
2012                        </ul>
2013                        
2014                      </div>
2015                    </details>
2016                  </header-menu></li><li><a href="/pages/%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B9%80%E0%B8%AA%E0%B8%99%E0%B8%AD%E0%B8%AA%E0%B8%B8%E0%B8%94%E0%B8%9E%E0%B8%B4%E0%B9%80%E0%B8%A8%E0%B8%A9" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset">
2017                    <span>ข้อเสนอสุดพิเศษ</span>
2018                  </a></li><li><a href="/collections/clearance-sale" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset">
2019                    <span>Clearance Sale</span>
2020                  </a></li></ul>
2021        </nav><div class="header__icons">
2022      <details-modal class="header__search">
2023        <details>
2024          <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="ค้นหา">
2025            <span>
2026              <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" role="presentation">
2027                <use href="#icon-search">
2028              </svg>
2029              <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false" role="presentation">
2030                <use href="#icon-close">
2031              </svg>
2032            </span>
2033          </summary>
2034          <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="ค้นหา">
2035            <div class="modal-overlay"></div>
2036            <div class="search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="กำลังโหลด..."><form action="/search" method="get" role="search" class="search search-modal__form">
2037                  <input type="hidden" name="type" value="product">
2038                  <div class="field">
2039                    <input class="search__input field__input"
2040                      id="Search-In-Modal"
2041                      type="search"
2042                      name="q"
2043                      value=""
2044                      placeholder="ค้นหา"role="combobox"
2045                        aria-expanded="false"
2046                        aria-owns="predictive-search-results-list"
2047                        aria-controls="predictive-search-results-list"
2048                        aria-haspopup="listbox"
2049                        aria-autocomplete="list"
2050                        autocorrect="off"
2051                        autocomplete="off"
2052                        autocapitalize="off"
2053                        spellcheck="false">
2054                    <label class="field__label" for="Search-In-Modal">ค้นหา</label>
2055                    <input type="hidden" name="options[prefix]" value="last">
2056                    <button class="search__button field__button" aria-label="ค้นหา">
2057                      <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
2058                        <use href="#icon-search">
2059                      </svg>
2060                    </button>
2061                  </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
2062                      <div class="predictive-search__loading-state">
2063                        <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
2064                          <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
2065                        </svg>
2066                      </div>
2067                    </div>
2068
2069                    <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="ปิด">
2070                <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation">
2071                  <use href="#icon-close">
2072                </svg>
2073              </button>
2074            </div>
2075          </div>
2076        </details>
2077      </details-modal><a href="/account/login" class="header__icon header__icon--account link focus-inset small-hide">
2078          <svg class="icon-account " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">          
2079  <title>Account icon</title>        
2080  <path d="M20.5 19.5V21.525C20.5 21.5802 20.4552 21.625 20.4 21.625H3.6C3.54477 21.625 3.5 21.5802 3.5 21.525V19.5C3.5 18.3728 3.94777 17.2918 4.7448 16.4948C5.54183 15.6978 6.62283 15.25 7.75 15.25H16.25C17.3772 15.25 18.4582 15.6978 19.2552 16.4948C20.0522 17.2918 20.5 18.3728 20.5 19.5Z" stroke="currentColor" stroke-width="1.75"></path>      
2081  <path d="M12 11C14.3472 11 16.25 9.09721 16.25 6.75C16.25 4.40279 14.3472 2.5 12 2.5C9.65279 2.5 7.75 4.40279 7.75 6.75C7.75 9.09721 9.65279 11 12 11Z" stroke="currentColor" stroke-width="1.75" stroke-linejoin="round"></path>    
2082</svg>
2083          <span class="visually-hidden">เข้าสู่ระบบ</span>
2084        </a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg class="icon-bag " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="19" height="24" viewBox="0 0 19 24" fill="none">          
2085  <title>Cart icon</title>        
2086  <path d="M1.75 6.75H17.25V21.75H1.75V6.75Z" stroke="currentColor" stroke-width="1.5"></path>      
2087  <path d="M13 10.5V5.5C13 2.83333 11.4444 1.5 9.5 1.5C7.55556 1.5 6 2.83333 6 5.5L6 10.5" stroke="currentColor" stroke-width="1.5"></path>    
2088</svg><span class="visually-hidden">ตะกร้าสินค้า</span></a></div>
2089  </header>
2090</sticky-header>
2091
2092
2093<script>
2094  let items = document.querySelector(".header__inline-menu").querySelectorAll("details");
2095  items.forEach(item => {
2096    item.addEventListener("mouseover", () => {
2097      item.setAttribute("open", true);
2098      item.querySelector("ul").addEventListener("mouseleave", () => {
2099        item.removeAttribute("open");
2100      });
2101    item.addEventListener("mouseleave", () => {
2102      item.removeAttribute("open");
2103    });
2104  });
2105  
2106  });
2107</script>
2107
2108
2109<cart-notification>
2110  <div class="cart-notification-wrapper">
2111    <div id="cart-notification" class="cart-notification focus-inset color-background-1 gradient" aria-modal="true" aria-label="รายการที่เพิ่มในตะกร้าสินค้าของคุณ" role="dialog" tabindex="-1">
2112      <div class="cart-notification__header">
2113        <h2 class="cart-notification__heading caption-large text-body"><svg class="icon icon-checkmark color-foreground-text" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none">
2114  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
2115</svg>
2116รายการที่เพิ่มในตะกร้าสินค้าของคุณ</h2>
2117        <button type="button" class="cart-notification__close modal__close-button link link--text focus-inset" aria-label="ปิด">
2118          <svg class="icon icon-close" aria-hidden="true" focusable="false"><use href="#icon-close"></svg>
2119        </button>
2120      </div>
2121      <div id="cart-notification-product" class="cart-notification-product"></div>
2122      <div class="cart-notification__links">
2123        <a href="/cart" id="cart-notification-button" class="button button--secondary button--full-width"></a>
2124        <form action="/cart" method="post" id="cart-notification-form">
2125          <button class="button button--primary button--full-width" name="checkout">ชำระเงิน</button>
2126        </form>
2127        <button type="button" class="link button-label">เลือกซื้อต่อ</button>
2128      </div>
2129    </div>
2130  </div>
2131</cart-notification>
2132<style data-shopify>
2133  .cart-notification {
2134     display: none;
2135  }
2136</style>
2137
2138
2139<script type="application/ld+json">
2140  {
2141    "@context": "http://schema.org",
2142    "@type": "Organization",
2143    "name": "Dermalogica Thailand",
2144    
2145      "logo": "https:\/\/dermalogica.co.th\/cdn\/shop\/files\/dermalogica-logo_215x25_4c804636-350f-4c69-ba99-25d27f9fd153.webp?v=1661772668\u0026width=214",
2146    
2147    "sameAs": [
2148      "https:\/\/twitter.com\/dermalogica_th",
2149      "https:\/\/www.facebook.com\/dermalogica.official.Thailand",
2150      "",
2151      "https:\/\/www.instagram.com\/dermalogica_th\/",
2152      "https:\/\/www.tiktok.com\/discover\/dermalogica-th",
2153      "",
2154      "",
2155      "https:\/\/www.youtube.com\/channel\/UC7Jhmg8iiZfB3GT76ToXi6A",
2156      ""
2157    ],
2158    "url": "https:\/\/dermalogica.co.th"
2159  }
2160</script>
2160
2161</div>
2162    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
2163      <section id="shopify-section-template--19247830008005__image_banner_APHYgw" class="shopify-section section"><link href="//dermalogica.co.th/cdn/shop/t/67/assets/section-image-banner.aio.min.css?v=136921741162183032871754032882" rel="stylesheet" type="text/css" media="all" />
2164<style data-shopify>@media screen and (max-width: 749px) {
2165    #Banner-template--19247830008005__image_banner_APHYgw::before,
2166    #Banner-template--19247830008005__image_banner_APHYgw .banner__media::before,
2167    #Banner-template--19247830008005__image_banner_APHYgw:not(.banner--mobile-bottom) .banner__content::before {
2168      padding-bottom: 34.99768839574664%;
2169      content: '';
2170      display: block;
2171    }
2172  }
2173
2174  @media screen and (min-width: 750px) {
2175    #Banner-template--19247830008005__image_banner_APHYgw::before,
2176    #Banner-template--19247830008005__image_banner_APHYgw .banner__media::before {
2177      padding-bottom: 34.99768839574664%;
2178      content: '';
2179      display: block;
2180    }
2181  }</style><style data-shopify>#Banner-template--19247830008005__image_banner_APHYgw::after {
2182    opacity: 0.0;
2183  }</style><div id="Banner-template--19247830008005__image_banner_APHYgw" class="banner banner--content-align-center banner--content-align-mobile-center banner--medium banner--adapt"><div class="banner__media media"><img src="//dermalogica.co.th/cdn/shop/files/CL_Website_82586ee1-2904-4438-961d-989095661947.jpg?v=1790921620&amp;width=1500" srcset="//dermalogica.co.th/cdn/shop/files/CL_Website_82586ee1-2904-4438-961d-989095661947.jpg?v=1790921620&amp;width=375 375w, //dermalogica.co.th/cdn/shop/files/CL_Website_82586ee1-2904-4438-961d-989095661947.jpg?v=1790921620&amp;width=550 550w, //dermalogica.co.th/cdn/shop/files/CL_Website_82586ee1-2904-4438-961d-989095661947.jpg?v=1790921620&amp;width=750 750w, //dermalogica.co.th/cdn/shop/files/CL_Website_82586ee1-2904-4438-961d-989095661947.jpg?v=1790921620&amp;width=1100 1100w, //dermalogica.co.th/cdn/shop/files/CL_Website_82586ee1-2904-4438-961d-989095661947.jpg?v=1790921620&amp;width=1500 1500w" width="2163" height="757.0" loading="lazy" sizes="100vw">
2184    </div><div class="banner__content banner__content--middle-center page-width">
2185    <div class="banner__box content-container content-container--full-width-mobile color-background-1 gradient"></div>
2186  </div>
2187</div>
2188
2189
2190<style> @media screen and (max-width: 749px) {#shopify-section-template--19247830008005__image_banner_APHYgw .banner {display: none !important; }} </style></section><section id="shopify-section-template--19247830008005__image_banner_jJA3t7" class="shopify-section section"><link href="//dermalogica.co.th/cdn/shop/t/67/assets/section-image-banner.aio.min.css?v=136921741162183032871754032882" rel="stylesheet" type="text/css" media="all" />
2191<style data-shopify>#Banner-template--19247830008005__image_banner_jJA3t7::after {
2192    opacity: 0.0;
2193  }</style><div id="Banner-template--19247830008005__image_banner_jJA3t7" class="banner banner--content-align-center banner--content-align-mobile-center banner--medium banner--mobile-bottom"><div class="banner__media media"><img src="//dermalogica.co.th/cdn/shop/files/CL_website_mobile.jpg?v=1790921415&amp;width=1500" srcset="//dermalogica.co.th/cdn/shop/files/CL_website_mobile.jpg?v=1790921415&amp;width=375 375w, //dermalogica.co.th/cdn/shop/files/CL_website_mobile.jpg?v=1790921415&amp;width=550 550w, //dermalogica.co.th/cdn/shop/files/CL_website_mobile.jpg?v=1790921415&amp;width=750 750w, //dermalogica.co.th/cdn/shop/files/CL_website_mobile.jpg?v=1790921415&amp;width=1100 1100w, //dermalogica.co.th/cdn/shop/files/CL_website_mobile.jpg?v=1790921415&amp;width=1500 1500w" width="1280" height="1280.0" loading="lazy" sizes="100vw">
2194    </div><div class="banner__content banner__content--middle-center page-width">
2195    <div class="banner__box content-container content-container--full-width-mobile color-background-1 gradient"></div>
2196  </div>
2197</div>
2198
2199
2200<style> @media screen and (min-width: 750px) {#shopify-section-template--19247830008005__image_banner_jJA3t7 .banner {display: none !important; }} </style></section><div id="shopify-section-template--19247830008005__product-grid" class="shopify-section section"><link href="//dermalogica.co.th/cdn/shop/t/67/assets/template-collection.aio.min.css?v=6619678542599496581754032892" rel="stylesheet" type="text/css" media="all" />
2201<link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-loading-overlay.aio.min.css?v=158482480592777995591754032829" rel="stylesheet" type="text/css" media="all" />
2202<link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-card.aio.min.css?v=36557757054189389611754032818" rel="stylesheet" type="text/css" media="all" />
2203<link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-price.aio.min.css?v=96749500124134233901754032836" rel="stylesheet" type="text/css" media="all" />
2204
2205<link rel="preload" href="//dermalogica.co.th/cdn/shop/t/67/assets/component-rte.aio.min.css?v=139726641985798270661754032838" as="style" onload="this.onload=null;this.rel='stylesheet'"><link rel="stylesheet" href="//dermalogica.co.th/cdn/shop/t/67/assets/quick-add.aio.min.css?v=16260022273106648861754032867" media="print" onload="this.media='all'">
2206  
2206<script src="//dermalogica.co.th/cdn/shop/t/67/assets/quick-add.aio.min.js?v=67486666861007676681754032867" defer="defer"></script>
2206
2207  
2207<script src="//dermalogica.co.th/cdn/shop/t/67/assets/product-form.aio.min.js?v=1248369433632187241754032864" defer="defer"></script>
2207<noscript><link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-rte.aio.min.css?v=139726641985798270661754032838" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.section-template--19247830008005__product-grid-padding {
2208    padding-top: 27px;
2209    padding-bottom: 27px;
2210  }
2211
2212  @media screen and (min-width: 750px) {
2213    .section-template--19247830008005__product-grid-padding {
2214      padding-top: 36px;
2215      padding-bottom: 36px;
2216    }
2217  }</style><div class="section-template--19247830008005__product-grid-padding">
2218  <div class=" facets-vertical page-width">
2219    <link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-facets.aio.min.css?v=95338792189963413501754032825" rel="stylesheet" type="text/css" media="all" />
2220    
2220<script src="//dermalogica.co.th/cdn/shop/t/67/assets/facets.aio.min.js?v=112612397125539442221754032849" defer="defer"></script>
2220<aside aria-labelledby="verticalTitle" class="facets-wrapper" id="main-collection-filters" data-id="template--19247830008005__product-grid">
2221        
2222
2223<style data-shopify>
2224  input[type="checkbox"] {
2225    border: 1px solid #5b6670;
2226  }
2227  
2228  input[type="checkbox"]:checked {
2229    background-color: #5a92db;
2230    border: 1px solid #5a92db;
2231  }
2232
2233  span.active-facets__button-inner {
2234    border-radius: 2.6rem;
2235    color: white !important;
2236    background-color: #5a92db;
2237    font-weight: 700;
2238    border-radius: 0px;
2239  }
2240</style>
2241
2242<link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-show-more.aio.min.css?v=51984815226588229271754032840" rel="stylesheet" type="text/css" media="all" />
2243<div class="facets-container"><facet-filters-form class="facets small-hide">
2244      <form id="FacetFiltersForm" class="facets__form-vertical">
2245          
2246          <div id="FacetsWrapperDesktop">
2247<div class="active-facets active-facets-desktop">
2248                <div class="active-facets-vertical-filter"><h2 class="facets__heading facets__heading--vertical caption-large text-body" id="verticalTitle" tabindex="-1">ตัวกรอง:</h2><facet-remove class="active-facets__button-wrapper">
2249                    <a href="/collections/shop-all-products" class="active-facets__button-remove underlined-link">
2250                      <span>ลบออกทั้งหมด</span>
2251                    </a>
2252                  </facet-remove>
2253                </div>
2254
2255
2256
2257</div>
2257<script src="//dermalogica.co.th/cdn/shop/t/67/assets/show-more.aio.min.js?v=129049983483995801281754032889" defer="defer"></script>
2257
2258            
2259
2260                
2261                <details id="Details-1-template--19247830008005__product-grid" class=" facets__disclosure-vertical js-filter" data-index="1" open>
2262                  <summary class="facets__summary caption-large focus-offset">
2263                    <div>
2264                      <span>ราคา</span>
2265                      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
2266  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2267</svg>
2268
2269                    </div>
2270                  </summary>
2271                  <div id="Facet-1-template--19247830008005__product-grid" class="facets__display-vertical">
2272                    <div class="facets__header-vertical"><span class="facets__selected">ราคาสูงสุดคือ ฿8,590.00</span></div>
2273                    <price-range class="facets__price">
2274                      <span class="field-currency">฿</span>
2275                      <div class="field">
2276                        <input class="field__input"
2277                          name="filter.v.price.gte"
2278                          id="Filter-ราคา-GTE"type="number"
2279                          placeholder="0"
2280                          min="0"max="8590.00"
2281                        >
2282                        <label class="field__label" for="Filter-ราคา-GTE">จาก</label>
2283                      </div><div class="field">
2284                        <input class="field__input"
2285                          name="filter.v.price.lte"
2286                          id="Filter-ราคา-LTE"type="number"
2287                          min="0"placeholder="8590.00"
2288                            max="8590.00"
2289                          
2290                        >
2291                        <label class="field__label" for="Filter-ราคา-LTE">ไปยัง</label>
2292                      </div>
2293                    </price-range>
2294                  </div>
2295                </details>
2296              
2297
2298                <details id="Details-2-template--19247830008005__product-grid" class=" facets__disclosure-vertical js-filter" data-index="2" open>
2299                  <summary class="facets__summary caption-large focus-offset" aria-label="skin concern (เลือกแล้ว 0 รายการ)">
2300                    <div>
2301                      <span>skin concern<span class="facets__selected no-js-hidden hidden"> (0)</span></span>
2302                    </div>
2303                  </summary>
2304                  <div id="Facet-2-template--19247830008005__product-grid" class="parent-display facets__display-vertical"><fieldset class="facets-wrap parent-wrap  facets-wrap-vertical">
2305                      <legend class="visually-hidden">skin concern</legend>
2306                      <ul class=" list-unstyled no-js-hidden" role="list"><li class="list-menu__item facets__item">
2307                            <label for="Filter-skin concern-1" class="custom-facet-checkbox facet-checkbox">
2308                              <input type="checkbox"
2309                                name="filter.p.m.custom.skin_concern"
2310                                value="สิวและสิวอักเสบ"
2311                                id="Filter-skin concern-1"
2312                                
2313                                
2314                              >
2315
2316                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2317                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2318                              </svg>
2319
2320                              <svg class="icon icon-checkmark"
2321                                width="1.1rem"
2322                                height="0.7rem"
2323                                viewBox="0 0 11 7"
2324                                fill="none"
2325                                xmlns="http://www.w3.org/2000/svg" style="color: white !important; background-color: #5a92db !important; ">
2326
2327                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2328                                  stroke="currentColor"
2329                                  stroke-width="1.75"
2330                                  stroke-linecap="round"
2331                                  stroke-linejoin="round" />
2332                              </svg>
2333
2334                              <span aria-hidden="true">acne and breakouts (2)</span>
2335                              <span class="visually-hidden">acne and breakouts (สินค้า 2 รายการ)</span>
2336                            </label>
2337                          </li><li class="list-menu__item facets__item">
2338                            <label for="Filter-skin concern-2" class="custom-facet-checkbox facet-checkbox">
2339                              <input type="checkbox"
2340                                name="filter.p.m.custom.skin_concern"
2341                                value="ผิวแห้งและผิวขาดน้ำ"
2342                                id="Filter-skin concern-2"
2343                                
2344                                
2345                              >
2346
2347                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2348                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2349                              </svg>
2350
2351                              <svg class="icon icon-checkmark"
2352                                width="1.1rem"
2353                                height="0.7rem"
2354                                viewBox="0 0 11 7"
2355                                fill="none"
2356                                xmlns="http://www.w3.org/2000/svg" style="color: white !important; background-color: #5a92db !important; ">
2357
2358                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2359                                  stroke="currentColor"
2360                                  stroke-width="1.75"
2361                                  stroke-linecap="round"
2362                                  stroke-linejoin="round" />
2363                              </svg>
2364
2365                              <span aria-hidden="true">dryness and dehydration (20)</span>
2366                              <span class="visually-hidden">dryness and dehydration (สินค้า 20 รายการ)</span>
2367                            </label>
2368                          </li><li class="list-menu__item facets__item">
2369                            <label for="Filter-skin concern-3" class="custom-facet-checkbox facet-checkbox">
2370                              <input type="checkbox"
2371                                name="filter.p.m.custom.skin_concern"
2372                                value="ความมัน"
2373                                id="Filter-skin concern-3"
2374                                
2375                                
2376                              >
2377
2378                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2379                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2380                              </svg>
2381
2382                              <svg class="icon icon-checkmark"
2383                                width="1.1rem"
2384                                height="0.7rem"
2385                                viewBox="0 0 11 7"
2386                                fill="none"
2387                                xmlns="http://www.w3.org/2000/svg" style="color: white !important; background-color: #5a92db !important; ">
2388
2389                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2390                                  stroke="currentColor"
2391                                  stroke-width="1.75"
2392                                  stroke-linecap="round"
2393                                  stroke-linejoin="round" />
2394                              </svg>
2395
2396                              <span aria-hidden="true">oiliness (8)</span>
2397                              <span class="visually-hidden">oiliness (สินค้า 8 รายการ)</span>
2398                            </label>
2399                          </li><li class="list-menu__item facets__item">
2400                            <label for="Filter-skin concern-4" class="custom-facet-checkbox facet-checkbox">
2401                              <input type="checkbox"
2402                                name="filter.p.m.custom.skin_concern"
2403                                value="ผิวแพ้ง่ายและแสบแดง"
2404                                id="Filter-skin concern-4"
2405                                
2406                                
2407                              >
2408
2409                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2410                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2411                              </svg>
2412
2413                              <svg class="icon icon-checkmark"
2414                                width="1.1rem"
2415                                height="0.7rem"
2416                                viewBox="0 0 11 7"
2417                                fill="none"
2418                                xmlns="http://www.w3.org/2000/svg" style="color: white !important; background-color: #5a92db !important; ">
2419
2420                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2421                                  stroke="currentColor"
2422                                  stroke-width="1.75"
2423                                  stroke-linecap="round"
2424                                  stroke-linejoin="round" />
2425                              </svg>
2426
2427                              <span aria-hidden="true">sensitivity and redness (8)</span>
2428                              <span class="visually-hidden">sensitivity and redness (สินค้า 8 รายการ)</span>
2429                            </label>
2430                          </li><li class="list-menu__item facets__item">
2431                            <label for="Filter-skin concern-5" class="custom-facet-checkbox facet-checkbox">
2432                              <input type="checkbox"
2433                                name="filter.p.m.custom.skin_concern"
2434                                value="signs of skin aging"
2435                                id="Filter-skin concern-5"
2436                                
2437                                
2438                              >
2439
2440                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2441                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2442                              </svg>
2443
2444                              <svg class="icon icon-checkmark"
2445                                width="1.1rem"
2446                                height="0.7rem"
2447                                viewBox="0 0 11 7"
2448                                fill="none"
2449                                xmlns="http://www.w3.org/2000/svg" style="color: white !important; background-color: #5a92db !important; ">
2450
2451                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2452                                  stroke="currentColor"
2453                                  stroke-width="1.75"
2454                                  stroke-linecap="round"
2455                                  stroke-linejoin="round" />
2456                              </svg>
2457
2458                              <span aria-hidden="true">signs of skin aging (9)</span>
2459                              <span class="visually-hidden">signs of skin aging (สินค้า 9 รายการ)</span>
2460                            </label>
2461                          </li><li class="list-menu__item facets__item">
2462                            <label for="Filter-skin concern-6" class="custom-facet-checkbox facet-checkbox">
2463                              <input type="checkbox"
2464                                name="filter.p.m.custom.skin_concern"
2465                                value="สีผิวไม่สม่ำเสมอ"
2466                                id="Filter-skin concern-6"
2467                                
2468                                
2469                              >
2470
2471                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2472                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2473                              </svg>
2474
2475                              <svg class="icon icon-checkmark"
2476                                width="1.1rem"
2477                                height="0.7rem"
2478                                viewBox="0 0 11 7"
2479                                fill="none"
2480                                xmlns="http://www.w3.org/2000/svg" style="color: white !important; background-color: #5a92db !important; ">
2481
2482                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2483                                  stroke="currentColor"
2484                                  stroke-width="1.75"
2485                                  stroke-linecap="round"
2486                                  stroke-linejoin="round" />
2487                              </svg>
2488
2489                              <span aria-hidden="true">uneven skin tone (9)</span>
2490                              <span class="visually-hidden">uneven skin tone (สินค้า 9 รายการ)</span>
2491                            </label>
2492                          </li></ul>
2493                      
2494                      <ul class=" list-unstyled no-js" role="list"><li class="list-menu__item facets__item">
2495                            <label for="Filter-skin concern-1" class="facet-checkbox">
2496                              <input type="checkbox"
2497                                name="filter.p.m.custom.skin_concern"
2498                                value="สิวและสิวอักเสบ"
2499                                id="Filter-skin concern-1"
2500                                
2501                                
2502                              >
2503
2504                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2505                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2506                              </svg>
2507
2508                              <svg class="icon icon-checkmark"
2509                                width="1.1rem"
2510                                height="0.7rem"
2511                                viewBox="0 0 11 7"
2512                                fill="none"
2513                                xmlns="http://www.w3.org/2000/svg">
2514
2515                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2516                                  stroke="currentColor"
2517                                  stroke-width="1.75"
2518                                  stroke-linecap="round"
2519                                  stroke-linejoin="round" />
2520                              </svg>
2521
2522                              <span aria-hidden="true">acne and breakouts (2)</span>
2523                              <span class="visually-hidden">acne and breakouts (สินค้า 2 รายการ)</span>
2524                            </label>
2525                          </li><li class="list-menu__item facets__item">
2526                            <label for="Filter-skin concern-2" class="facet-checkbox">
2527                              <input type="checkbox"
2528                                name="filter.p.m.custom.skin_concern"
2529                                value="ผิวแห้งและผิวขาดน้ำ"
2530                                id="Filter-skin concern-2"
2531                                
2532                                
2533                              >
2534
2535                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2536                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2537                              </svg>
2538
2539                              <svg class="icon icon-checkmark"
2540                                width="1.1rem"
2541                                height="0.7rem"
2542                                viewBox="0 0 11 7"
2543                                fill="none"
2544                                xmlns="http://www.w3.org/2000/svg">
2545
2546                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2547                                  stroke="currentColor"
2548                                  stroke-width="1.75"
2549                                  stroke-linecap="round"
2550                                  stroke-linejoin="round" />
2551                              </svg>
2552
2553                              <span aria-hidden="true">dryness and dehydration (20)</span>
2554                              <span class="visually-hidden">dryness and dehydration (สินค้า 20 รายการ)</span>
2555                            </label>
2556                          </li><li class="list-menu__item facets__item">
2557                            <label for="Filter-skin concern-3" class="facet-checkbox">
2558                              <input type="checkbox"
2559                                name="filter.p.m.custom.skin_concern"
2560                                value="ความมัน"
2561                                id="Filter-skin concern-3"
2562                                
2563                                
2564                              >
2565
2566                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2567                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2568                              </svg>
2569
2570                              <svg class="icon icon-checkmark"
2571                                width="1.1rem"
2572                                height="0.7rem"
2573                                viewBox="0 0 11 7"
2574                                fill="none"
2575                                xmlns="http://www.w3.org/2000/svg">
2576
2577                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2578                                  stroke="currentColor"
2579                                  stroke-width="1.75"
2580                                  stroke-linecap="round"
2581                                  stroke-linejoin="round" />
2582                              </svg>
2583
2584                              <span aria-hidden="true">oiliness (8)</span>
2585                              <span class="visually-hidden">oiliness (สินค้า 8 รายการ)</span>
2586                            </label>
2587                          </li><li class="list-menu__item facets__item">
2588                            <label for="Filter-skin concern-4" class="facet-checkbox">
2589                              <input type="checkbox"
2590                                name="filter.p.m.custom.skin_concern"
2591                                value="ผิวแพ้ง่ายและแสบแดง"
2592                                id="Filter-skin concern-4"
2593                                
2594                                
2595                              >
2596
2597                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2598                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2599                              </svg>
2600
2601                              <svg class="icon icon-checkmark"
2602                                width="1.1rem"
2603                                height="0.7rem"
2604                                viewBox="0 0 11 7"
2605                                fill="none"
2606                                xmlns="http://www.w3.org/2000/svg">
2607
2608                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2609                                  stroke="currentColor"
2610                                  stroke-width="1.75"
2611                                  stroke-linecap="round"
2612                                  stroke-linejoin="round" />
2613                              </svg>
2614
2615                              <span aria-hidden="true">sensitivity and redness (8)</span>
2616                              <span class="visually-hidden">sensitivity and redness (สินค้า 8 รายการ)</span>
2617                            </label>
2618                          </li><li class="list-menu__item facets__item">
2619                            <label for="Filter-skin concern-5" class="facet-checkbox">
2620                              <input type="checkbox"
2621                                name="filter.p.m.custom.skin_concern"
2622                                value="signs of skin aging"
2623                                id="Filter-skin concern-5"
2624                                
2625                                
2626                              >
2627
2628                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2629                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2630                              </svg>
2631
2632                              <svg class="icon icon-checkmark"
2633                                width="1.1rem"
2634                                height="0.7rem"
2635                                viewBox="0 0 11 7"
2636                                fill="none"
2637                                xmlns="http://www.w3.org/2000/svg">
2638
2639                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2640                                  stroke="currentColor"
2641                                  stroke-width="1.75"
2642                                  stroke-linecap="round"
2643                                  stroke-linejoin="round" />
2644                              </svg>
2645
2646                              <span aria-hidden="true">signs of skin aging (9)</span>
2647                              <span class="visually-hidden">signs of skin aging (สินค้า 9 รายการ)</span>
2648                            </label>
2649                          </li><li class="list-menu__item facets__item">
2650                            <label for="Filter-skin concern-6" class="facet-checkbox">
2651                              <input type="checkbox"
2652                                name="filter.p.m.custom.skin_concern"
2653                                value="สีผิวไม่สม่ำเสมอ"
2654                                id="Filter-skin concern-6"
2655                                
2656                                
2657                              >
2658
2659                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2660                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2661                              </svg>
2662
2663                              <svg class="icon icon-checkmark"
2664                                width="1.1rem"
2665                                height="0.7rem"
2666                                viewBox="0 0 11 7"
2667                                fill="none"
2668                                xmlns="http://www.w3.org/2000/svg">
2669
2670                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2671                                  stroke="currentColor"
2672                                  stroke-width="1.75"
2673                                  stroke-linecap="round"
2674                                  stroke-linejoin="round" />
2675                              </svg>
2676
2677                              <span aria-hidden="true">uneven skin tone (9)</span>
2678                              <span class="visually-hidden">uneven skin tone (สินค้า 9 รายการ)</span>
2679                            </label>
2680                          </li></ul>
2681                    </fieldset>
2682                  </div>
2683                </details>
2684              
2685
2686                <details id="Details-3-template--19247830008005__product-grid" class=" facets__disclosure-vertical js-filter" data-index="3" open>
2687                  <summary class="facets__summary caption-large focus-offset" aria-label="product category (เลือกแล้ว 0 รายการ)">
2688                    <div>
2689                      <span>product category<span class="facets__selected no-js-hidden hidden"> (0)</span></span>
2690                    </div>
2691                  </summary>
2692                  <div id="Facet-3-template--19247830008005__product-grid" class="parent-display facets__display-vertical"><fieldset class="facets-wrap parent-wrap  facets-wrap-vertical">
2693                      <legend class="visually-hidden">product category</legend>
2694                      <ul class=" list-unstyled no-js-hidden" role="list"><li class="list-menu__item facets__item">
2695                            <label for="Filter-product category-1" class="custom-facet-checkbox facet-checkbox">
2696                              <input type="checkbox"
2697                                name="filter.p.m.custom.product_category"
2698                                value="ผลิตภัณฑ์ทำความสะอาด"
2699                                id="Filter-product category-1"
2700                                
2701                                
2702                              >
2703
2704                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2705                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2706                              </svg>
2707
2708                              <svg class="icon icon-checkmark"
2709                                width="1.1rem"
2710                                height="0.7rem"
2711                                viewBox="0 0 11 7"
2712                                fill="none"
2713                                xmlns="http://www.w3.org/2000/svg" style="color: white !important; background-color: #5a92db !important; ">
2714
2715                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2716                                  stroke="currentColor"
2717                                  stroke-width="1.75"
2718                                  stroke-linecap="round"
2719                                  stroke-linejoin="round" />
2720                              </svg>
2721
2722                              <span aria-hidden="true">cleansers (9)</span>
2723                              <span class="visually-hidden">cleansers (สินค้า 9 รายการ)</span>
2724                            </label>
2725                          </li><li class="list-menu__item facets__item">
2726                            <label for="Filter-product category-2" class="custom-facet-checkbox facet-checkbox">
2727                              <input type="checkbox"
2728                                name="filter.p.m.custom.product_category"
2729                                value="ผลิตภัณฑ์ผลัดเซลล์ผิว"
2730                                id="Filter-product category-2"
2731                                
2732                                
2733                              >
2734
2735                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2736                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2737                              </svg>
2738
2739                              <svg class="icon icon-checkmark"
2740                                width="1.1rem"
2741                                height="0.7rem"
2742                                viewBox="0 0 11 7"
2743                                fill="none"
2744                                xmlns="http://www.w3.org/2000/svg" style="color: white !important; background-color: #5a92db !important; ">
2745
2746                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2747                                  stroke="currentColor"
2748                                  stroke-width="1.75"
2749                                  stroke-linecap="round"
2750                                  stroke-linejoin="round" />
2751                              </svg>
2752
2753                              <span aria-hidden="true">exfoliants (9)</span>
2754                              <span class="visually-hidden">exfoliants (สินค้า 9 รายการ)</span>
2755                            </label>
2756                          </li><li class="list-menu__item facets__item">
2757                            <label for="Filter-product category-3" class="custom-facet-checkbox facet-checkbox">
2758                              <input type="checkbox"
2759                                name="filter.p.m.custom.product_category"
2760                                value="ผลิตภัณฑ์ประเภทมาส์ก"
2761                                id="Filter-product category-3"
2762                                
2763                                
2764                              >
2765
2766                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2767                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2768                              </svg>
2769
2770                              <svg class="icon icon-checkmark"
2771                                width="1.1rem"
2772                                height="0.7rem"
2773                                viewBox="0 0 11 7"
2774                                fill="none"
2775                                xmlns="http://www.w3.org/2000/svg" style="color: white !important; background-color: #5a92db !important; ">
2776
2777                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2778                                  stroke="currentColor"
2779                                  stroke-width="1.75"
2780                                  stroke-linecap="round"
2781                                  stroke-linejoin="round" />
2782                              </svg>
2783
2784                              <span aria-hidden="true">masques (2)</span>
2785                              <span class="visually-hidden">masques (สินค้า 2 รายการ)</span>
2786                            </label>
2787                          </li><li class="list-menu__item facets__item">
2788                            <label for="Filter-product category-4" class="custom-facet-checkbox facet-checkbox">
2789                              <input type="checkbox"
2790                                name="filter.p.m.custom.product_category"
2791                                value="ผลิตภัณฑ์โทนเนอร์"
2792                                id="Filter-product category-4"
2793                                
2794                                
2795                              >
2796
2797                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2798                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2799                              </svg>
2800
2801                              <svg class="icon icon-checkmark"
2802                                width="1.1rem"
2803                                height="0.7rem"
2804                                viewBox="0 0 11 7"
2805                                fill="none"
2806                                xmlns="http://www.w3.org/2000/svg" style="color: white !important; background-color: #5a92db !important; ">
2807
2808                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2809                                  stroke="currentColor"
2810                                  stroke-width="1.75"
2811                                  stroke-linecap="round"
2812                                  stroke-linejoin="round" />
2813                              </svg>
2814
2815                              <span aria-hidden="true">toners (4)</span>
2816                              <span class="visually-hidden">toners (สินค้า 4 รายการ)</span>
2817                            </label>
2818                          </li><li class="list-menu__item facets__item">
2819                            <label for="Filter-product category-5" class="custom-facet-checkbox facet-checkbox">
2820                              <input type="checkbox"
2821                                name="filter.p.m.custom.product_category"
2822                                value="ผลิตภัณฑ์บูสเตอร์เข้มข้น"
2823                                id="Filter-product category-5"
2824                                
2825                                
2826                              >
2827
2828                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2829                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2830                              </svg>
2831
2832                              <svg class="icon icon-checkmark"
2833                                width="1.1rem"
2834                                height="0.7rem"
2835                                viewBox="0 0 11 7"
2836                                fill="none"
2837                                xmlns="http://www.w3.org/2000/svg" style="color: white !important; background-color: #5a92db !important; ">
2838
2839                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2840                                  stroke="currentColor"
2841                                  stroke-width="1.75"
2842                                  stroke-linecap="round"
2843                                  stroke-linejoin="round" />
2844                              </svg>
2845
2846                              <span aria-hidden="true">concentrated boosters (2)</span>
2847                              <span class="visually-hidden">concentrated boosters (สินค้า 2 รายการ)</span>
2848                            </label>
2849                          </li><li class="list-menu__item facets__item">
2850                            <label for="Filter-product category-6" class="custom-facet-checkbox facet-checkbox">
2851                              <input type="checkbox"
2852                                name="filter.p.m.custom.product_category"
2853                                value="ผลิตภัณฑ์เพื่อการแก้ไขปัญหาผิว"
2854                                id="Filter-product category-6"
2855                                
2856                                
2857                              >
2858
2859                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2860                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2861                              </svg>
2862
2863                              <svg class="icon icon-checkmark"
2864                                width="1.1rem"
2865                                height="0.7rem"
2866                                viewBox="0 0 11 7"
2867                                fill="none"
2868                                xmlns="http://www.w3.org/2000/svg" style="color: white !important; background-color: #5a92db !important; ">
2869
2870                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2871                                  stroke="currentColor"
2872                                  stroke-width="1.75"
2873                                  stroke-linecap="round"
2874                                  stroke-linejoin="round" />
2875                              </svg>
2876
2877                              <span aria-hidden="true">targeted treatments (18)</span>
2878                              <span class="visually-hidden">targeted treatments (สินค้า 18 รายการ)</span>
2879                            </label>
2880                          </li><li class="list-menu__item facets__item">
2881                            <label for="Filter-product category-7" class="custom-facet-checkbox facet-checkbox">
2882                              <input type="checkbox"
2883                                name="filter.p.m.custom.product_category"
2884                                value="ผลิตภัณฑ์ออยล์บำรุงผิวหน้าและเซรั่ม"
2885                                id="Filter-product category-7"
2886                                
2887                                
2888                              >
2889
2890                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2891                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2892                              </svg>
2893
2894                              <svg class="icon icon-checkmark"
2895                                width="1.1rem"
2896                                height="0.7rem"
2897                                viewBox="0 0 11 7"
2898                                fill="none"
2899                                xmlns="http://www.w3.org/2000/svg" style="color: white !important; background-color: #5a92db !important; ">
2900
2901                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2902                                  stroke="currentColor"
2903                                  stroke-width="1.75"
2904                                  stroke-linecap="round"
2905                                  stroke-linejoin="round" />
2906                              </svg>
2907
2908                              <span aria-hidden="true">facial oils and serums (13)</span>
2909                              <span class="visually-hidden">facial oils and serums (สินค้า 13 รายการ)</span>
2910                            </label>
2911                          </li><li class="list-menu__item facets__item">
2912                            <label for="Filter-product category-8" class="custom-facet-checkbox facet-checkbox">
2913                              <input type="checkbox"
2914                                name="filter.p.m.custom.product_category"
2915                                value="ผลิตภัณฑ์บำรุงผิวรอบดวงตา"
2916                                id="Filter-product category-8"
2917                                
2918                                
2919                              >
2920
2921                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2922                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2923                              </svg>
2924
2925                              <svg class="icon icon-checkmark"
2926                                width="1.1rem"
2927                                height="0.7rem"
2928                                viewBox="0 0 11 7"
2929                                fill="none"
2930                                xmlns="http://www.w3.org/2000/svg" style="color: white !important; background-color: #5a92db !important; ">
2931
2932                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2933                                  stroke="currentColor"
2934                                  stroke-width="1.75"
2935                                  stroke-linecap="round"
2936                                  stroke-linejoin="round" />
2937                              </svg>
2938
2939                              <span aria-hidden="true">eye treatments (4)</span>
2940                              <span class="visually-hidden">eye treatments (สินค้า 4 รายการ)</span>
2941                            </label>
2942                          </li><li class="list-menu__item facets__item">
2943                            <label for="Filter-product category-9" class="custom-facet-checkbox facet-checkbox">
2944                              <input type="checkbox"
2945                                name="filter.p.m.custom.product_category"
2946                                value="มอยส์เจอไรเซอร์"
2947                                id="Filter-product category-9"
2948                                
2949                                
2950                              >
2951
2952                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2953                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2954                              </svg>
2955
2956                              <svg class="icon icon-checkmark"
2957                                width="1.1rem"
2958                                height="0.7rem"
2959                                viewBox="0 0 11 7"
2960                                fill="none"
2961                                xmlns="http://www.w3.org/2000/svg" style="color: white !important; background-color: #5a92db !important; ">
2962
2963                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2964                                  stroke="currentColor"
2965                                  stroke-width="1.75"
2966                                  stroke-linecap="round"
2967                                  stroke-linejoin="round" />
2968                              </svg>
2969
2970                              <span aria-hidden="true">moisturizers (18)</span>
2971                              <span class="visually-hidden">moisturizers (สินค้า 18 รายการ)</span>
2972                            </label>
2973                          </li><li class="list-menu__item facets__item">
2974                            <label for="Filter-product category-10" class="custom-facet-checkbox facet-checkbox">
2975                              <input type="checkbox"
2976                                name="filter.p.m.custom.product_category"
2977                                value="กลุ่มผลิตภัณฑ์ไพรเมอร์และทินต์"
2978                                id="Filter-product category-10"
2979                                
2980                                
2981                              >
2982
2983                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
2984                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
2985                              </svg>
2986
2987                              <svg class="icon icon-checkmark"
2988                                width="1.1rem"
2989                                height="0.7rem"
2990                                viewBox="0 0 11 7"
2991                                fill="none"
2992                                xmlns="http://www.w3.org/2000/svg" style="color: white !important; background-color: #5a92db !important; ">
2993
2994                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
2995                                  stroke="currentColor"
2996                                  stroke-width="1.75"
2997                                  stroke-linecap="round"
2998                                  stroke-linejoin="round" />
2999                              </svg>
3000
3001                              <span aria-hidden="true">primers and tints (1)</span>
3002                              <span class="visually-hidden">primers and tints (สินค้า 1 รายการ)</span>
3003                            </label>
3004                          </li><li class="list-menu__item facets__item show-more-item hidden">
3005                            <label for="Filter-product category-11" class="custom-facet-checkbox facet-checkbox">
3006                              <input type="checkbox"
3007                                name="filter.p.m.custom.product_category"
3008                                value="ร่างกาย"
3009                                id="Filter-product category-11"
3010                                
3011                                
3012                              >
3013
3014                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3015                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3016                              </svg>
3017
3018                              <svg class="icon icon-checkmark"
3019                                width="1.1rem"
3020                                height="0.7rem"
3021                                viewBox="0 0 11 7"
3022                                fill="none"
3023                                xmlns="http://www.w3.org/2000/svg" style="color: white !important; background-color: #5a92db !important; ">
3024
3025                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
3026                                  stroke="currentColor"
3027                                  stroke-width="1.75"
3028                                  stroke-linecap="round"
3029                                  stroke-linejoin="round" />
3030                              </svg>
3031
3032                              <span aria-hidden="true">body (1)</span>
3033                              <span class="visually-hidden">body (สินค้า 1 รายการ)</span>
3034                            </label>
3035                          </li><li class="list-menu__item facets__item show-more-item hidden">
3036                            <label for="Filter-product category-12" class="custom-facet-checkbox facet-checkbox">
3037                              <input type="checkbox"
3038                                name="filter.p.m.custom.product_category"
3039                                value="ชุดผลิตภัณฑ์และเซ็ทต่างๆ"
3040                                id="Filter-product category-12"
3041                                
3042                                
3043                              >
3044
3045                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3046                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3047                              </svg>
3048
3049                              <svg class="icon icon-checkmark"
3050                                width="1.1rem"
3051                                height="0.7rem"
3052                                viewBox="0 0 11 7"
3053                                fill="none"
3054                                xmlns="http://www.w3.org/2000/svg" style="color: white !important; background-color: #5a92db !important; ">
3055
3056                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
3057                                  stroke="currentColor"
3058                                  stroke-width="1.75"
3059                                  stroke-linecap="round"
3060                                  stroke-linejoin="round" />
3061                              </svg>
3062
3063                              <span aria-hidden="true">skin kits and sets (10)</span>
3064                              <span class="visually-hidden">skin kits and sets (สินค้า 10 รายการ)</span>
3065                            </label>
3066                          </li><li class="list-menu__item facets__item show-more-item hidden">
3067                            <label for="Filter-product category-13" class="custom-facet-checkbox facet-checkbox">
3068                              <input type="checkbox"
3069                                name="filter.p.m.custom.product_category"
3070                                value="spf"
3071                                id="Filter-product category-13"
3072                                
3073                                
3074                              >
3075
3076                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3077                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3078                              </svg>
3079
3080                              <svg class="icon icon-checkmark"
3081                                width="1.1rem"
3082                                height="0.7rem"
3083                                viewBox="0 0 11 7"
3084                                fill="none"
3085                                xmlns="http://www.w3.org/2000/svg" style="color: white !important; background-color: #5a92db !important; ">
3086
3087                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
3088                                  stroke="currentColor"
3089                                  stroke-width="1.75"
3090                                  stroke-linecap="round"
3091                                  stroke-linejoin="round" />
3092                              </svg>
3093
3094                              <span aria-hidden="true">spf (4)</span>
3095                              <span class="visually-hidden">spf (สินค้า 4 รายการ)</span>
3096                            </label>
3097                          </li></ul>
3098                      
3099                      <ul class=" list-unstyled no-js" role="list"><li class="list-menu__item facets__item">
3100                            <label for="Filter-product category-1" class="facet-checkbox">
3101                              <input type="checkbox"
3102                                name="filter.p.m.custom.product_category"
3103                                value="ผลิตภัณฑ์ทำความสะอาด"
3104                                id="Filter-product category-1"
3105                                
3106                                
3107                              >
3108
3109                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3110                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3111                              </svg>
3112
3113                              <svg class="icon icon-checkmark"
3114                                width="1.1rem"
3115                                height="0.7rem"
3116                                viewBox="0 0 11 7"
3117                                fill="none"
3118                                xmlns="http://www.w3.org/2000/svg">
3119
3120                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
3121                                  stroke="currentColor"
3122                                  stroke-width="1.75"
3123                                  stroke-linecap="round"
3124                                  stroke-linejoin="round" />
3125                              </svg>
3126
3127                              <span aria-hidden="true">cleansers (9)</span>
3128                              <span class="visually-hidden">cleansers (สินค้า 9 รายการ)</span>
3129                            </label>
3130                          </li><li class="list-menu__item facets__item">
3131                            <label for="Filter-product category-2" class="facet-checkbox">
3132                              <input type="checkbox"
3133                                name="filter.p.m.custom.product_category"
3134                                value="ผลิตภัณฑ์ผลัดเซลล์ผิว"
3135                                id="Filter-product category-2"
3136                                
3137                                
3138                              >
3139
3140                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3141                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3142                              </svg>
3143
3144                              <svg class="icon icon-checkmark"
3145                                width="1.1rem"
3146                                height="0.7rem"
3147                                viewBox="0 0 11 7"
3148                                fill="none"
3149                                xmlns="http://www.w3.org/2000/svg">
3150
3151                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
3152                                  stroke="currentColor"
3153                                  stroke-width="1.75"
3154                                  stroke-linecap="round"
3155                                  stroke-linejoin="round" />
3156                              </svg>
3157
3158                              <span aria-hidden="true">exfoliants (9)</span>
3159                              <span class="visually-hidden">exfoliants (สินค้า 9 รายการ)</span>
3160                            </label>
3161                          </li><li class="list-menu__item facets__item">
3162                            <label for="Filter-product category-3" class="facet-checkbox">
3163                              <input type="checkbox"
3164                                name="filter.p.m.custom.product_category"
3165                                value="ผลิตภัณฑ์ประเภทมาส์ก"
3166                                id="Filter-product category-3"
3167                                
3168                                
3169                              >
3170
3171                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3172                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3173                              </svg>
3174
3175                              <svg class="icon icon-checkmark"
3176                                width="1.1rem"
3177                                height="0.7rem"
3178                                viewBox="0 0 11 7"
3179                                fill="none"
3180                                xmlns="http://www.w3.org/2000/svg">
3181
3182                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
3183                                  stroke="currentColor"
3184                                  stroke-width="1.75"
3185                                  stroke-linecap="round"
3186                                  stroke-linejoin="round" />
3187                              </svg>
3188
3189                              <span aria-hidden="true">masques (2)</span>
3190                              <span class="visually-hidden">masques (สินค้า 2 รายการ)</span>
3191                            </label>
3192                          </li><li class="list-menu__item facets__item">
3193                            <label for="Filter-product category-4" class="facet-checkbox">
3194                              <input type="checkbox"
3195                                name="filter.p.m.custom.product_category"
3196                                value="ผลิตภัณฑ์โทนเนอร์"
3197                                id="Filter-product category-4"
3198                                
3199                                
3200                              >
3201
3202                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3203                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3204                              </svg>
3205
3206                              <svg class="icon icon-checkmark"
3207                                width="1.1rem"
3208                                height="0.7rem"
3209                                viewBox="0 0 11 7"
3210                                fill="none"
3211                                xmlns="http://www.w3.org/2000/svg">
3212
3213                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
3214                                  stroke="currentColor"
3215                                  stroke-width="1.75"
3216                                  stroke-linecap="round"
3217                                  stroke-linejoin="round" />
3218                              </svg>
3219
3220                              <span aria-hidden="true">toners (4)</span>
3221                              <span class="visually-hidden">toners (สินค้า 4 รายการ)</span>
3222                            </label>
3223                          </li><li class="list-menu__item facets__item">
3224                            <label for="Filter-product category-5" class="facet-checkbox">
3225                              <input type="checkbox"
3226                                name="filter.p.m.custom.product_category"
3227                                value="ผลิตภัณฑ์บูสเตอร์เข้มข้น"
3228                                id="Filter-product category-5"
3229                                
3230                                
3231                              >
3232
3233                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3234                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3235                              </svg>
3236
3237                              <svg class="icon icon-checkmark"
3238                                width="1.1rem"
3239                                height="0.7rem"
3240                                viewBox="0 0 11 7"
3241                                fill="none"
3242                                xmlns="http://www.w3.org/2000/svg">
3243
3244                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
3245                                  stroke="currentColor"
3246                                  stroke-width="1.75"
3247                                  stroke-linecap="round"
3248                                  stroke-linejoin="round" />
3249                              </svg>
3250
3251                              <span aria-hidden="true">concentrated boosters (2)</span>
3252                              <span class="visually-hidden">concentrated boosters (สินค้า 2 รายการ)</span>
3253                            </label>
3254                          </li><li class="list-menu__item facets__item">
3255                            <label for="Filter-product category-6" class="facet-checkbox">
3256                              <input type="checkbox"
3257                                name="filter.p.m.custom.product_category"
3258                                value="ผลิตภัณฑ์เพื่อการแก้ไขปัญหาผิว"
3259                                id="Filter-product category-6"
3260                                
3261                                
3262                              >
3263
3264                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3265                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3266                              </svg>
3267
3268                              <svg class="icon icon-checkmark"
3269                                width="1.1rem"
3270                                height="0.7rem"
3271                                viewBox="0 0 11 7"
3272                                fill="none"
3273                                xmlns="http://www.w3.org/2000/svg">
3274
3275                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
3276                                  stroke="currentColor"
3277                                  stroke-width="1.75"
3278                                  stroke-linecap="round"
3279                                  stroke-linejoin="round" />
3280                              </svg>
3281
3282                              <span aria-hidden="true">targeted treatments (18)</span>
3283                              <span class="visually-hidden">targeted treatments (สินค้า 18 รายการ)</span>
3284                            </label>
3285                          </li><li class="list-menu__item facets__item">
3286                            <label for="Filter-product category-7" class="facet-checkbox">
3287                              <input type="checkbox"
3288                                name="filter.p.m.custom.product_category"
3289                                value="ผลิตภัณฑ์ออยล์บำรุงผิวหน้าและเซรั่ม"
3290                                id="Filter-product category-7"
3291                                
3292                                
3293                              >
3294
3295                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3296                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3297                              </svg>
3298
3299                              <svg class="icon icon-checkmark"
3300                                width="1.1rem"
3301                                height="0.7rem"
3302                                viewBox="0 0 11 7"
3303                                fill="none"
3304                                xmlns="http://www.w3.org/2000/svg">
3305
3306                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
3307                                  stroke="currentColor"
3308                                  stroke-width="1.75"
3309                                  stroke-linecap="round"
3310                                  stroke-linejoin="round" />
3311                              </svg>
3312
3313                              <span aria-hidden="true">facial oils and serums (13)</span>
3314                              <span class="visually-hidden">facial oils and serums (สินค้า 13 รายการ)</span>
3315                            </label>
3316                          </li><li class="list-menu__item facets__item">
3317                            <label for="Filter-product category-8" class="facet-checkbox">
3318                              <input type="checkbox"
3319                                name="filter.p.m.custom.product_category"
3320                                value="ผลิตภัณฑ์บำรุงผิวรอบดวงตา"
3321                                id="Filter-product category-8"
3322                                
3323                                
3324                              >
3325
3326                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3327                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3328                              </svg>
3329
3330                              <svg class="icon icon-checkmark"
3331                                width="1.1rem"
3332                                height="0.7rem"
3333                                viewBox="0 0 11 7"
3334                                fill="none"
3335                                xmlns="http://www.w3.org/2000/svg">
3336
3337                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
3338                                  stroke="currentColor"
3339                                  stroke-width="1.75"
3340                                  stroke-linecap="round"
3341                                  stroke-linejoin="round" />
3342                              </svg>
3343
3344                              <span aria-hidden="true">eye treatments (4)</span>
3345                              <span class="visually-hidden">eye treatments (สินค้า 4 รายการ)</span>
3346                            </label>
3347                          </li><li class="list-menu__item facets__item">
3348                            <label for="Filter-product category-9" class="facet-checkbox">
3349                              <input type="checkbox"
3350                                name="filter.p.m.custom.product_category"
3351                                value="มอยส์เจอไรเซอร์"
3352                                id="Filter-product category-9"
3353                                
3354                                
3355                              >
3356
3357                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3358                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3359                              </svg>
3360
3361                              <svg class="icon icon-checkmark"
3362                                width="1.1rem"
3363                                height="0.7rem"
3364                                viewBox="0 0 11 7"
3365                                fill="none"
3366                                xmlns="http://www.w3.org/2000/svg">
3367
3368                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
3369                                  stroke="currentColor"
3370                                  stroke-width="1.75"
3371                                  stroke-linecap="round"
3372                                  stroke-linejoin="round" />
3373                              </svg>
3374
3375                              <span aria-hidden="true">moisturizers (18)</span>
3376                              <span class="visually-hidden">moisturizers (สินค้า 18 รายการ)</span>
3377                            </label>
3378                          </li><li class="list-menu__item facets__item">
3379                            <label for="Filter-product category-10" class="facet-checkbox">
3380                              <input type="checkbox"
3381                                name="filter.p.m.custom.product_category"
3382                                value="กลุ่มผลิตภัณฑ์ไพรเมอร์และทินต์"
3383                                id="Filter-product category-10"
3384                                
3385                                
3386                              >
3387
3388                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3389                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3390                              </svg>
3391
3392                              <svg class="icon icon-checkmark"
3393                                width="1.1rem"
3394                                height="0.7rem"
3395                                viewBox="0 0 11 7"
3396                                fill="none"
3397                                xmlns="http://www.w3.org/2000/svg">
3398
3399                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
3400                                  stroke="currentColor"
3401                                  stroke-width="1.75"
3402                                  stroke-linecap="round"
3403                                  stroke-linejoin="round" />
3404                              </svg>
3405
3406                              <span aria-hidden="true">primers and tints (1)</span>
3407                              <span class="visually-hidden">primers and tints (สินค้า 1 รายการ)</span>
3408                            </label>
3409                          </li><li class="list-menu__item facets__item">
3410                            <label for="Filter-product category-11" class="facet-checkbox">
3411                              <input type="checkbox"
3412                                name="filter.p.m.custom.product_category"
3413                                value="ร่างกาย"
3414                                id="Filter-product category-11"
3415                                
3416                                
3417                              >
3418
3419                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3420                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3421                              </svg>
3422
3423                              <svg class="icon icon-checkmark"
3424                                width="1.1rem"
3425                                height="0.7rem"
3426                                viewBox="0 0 11 7"
3427                                fill="none"
3428                                xmlns="http://www.w3.org/2000/svg">
3429
3430                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
3431                                  stroke="currentColor"
3432                                  stroke-width="1.75"
3433                                  stroke-linecap="round"
3434                                  stroke-linejoin="round" />
3435                              </svg>
3436
3437                              <span aria-hidden="true">body (1)</span>
3438                              <span class="visually-hidden">body (สินค้า 1 รายการ)</span>
3439                            </label>
3440                          </li><li class="list-menu__item facets__item">
3441                            <label for="Filter-product category-12" class="facet-checkbox">
3442                              <input type="checkbox"
3443                                name="filter.p.m.custom.product_category"
3444                                value="ชุดผลิตภัณฑ์และเซ็ทต่างๆ"
3445                                id="Filter-product category-12"
3446                                
3447                                
3448                              >
3449
3450                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3451                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3452                              </svg>
3453
3454                              <svg class="icon icon-checkmark"
3455                                width="1.1rem"
3456                                height="0.7rem"
3457                                viewBox="0 0 11 7"
3458                                fill="none"
3459                                xmlns="http://www.w3.org/2000/svg">
3460
3461                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
3462                                  stroke="currentColor"
3463                                  stroke-width="1.75"
3464                                  stroke-linecap="round"
3465                                  stroke-linejoin="round" />
3466                              </svg>
3467
3468                              <span aria-hidden="true">skin kits and sets (10)</span>
3469                              <span class="visually-hidden">skin kits and sets (สินค้า 10 รายการ)</span>
3470                            </label>
3471                          </li><li class="list-menu__item facets__item">
3472                            <label for="Filter-product category-13" class="facet-checkbox">
3473                              <input type="checkbox"
3474                                name="filter.p.m.custom.product_category"
3475                                value="spf"
3476                                id="Filter-product category-13"
3477                                
3478                                
3479                              >
3480
3481                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3482                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3483                              </svg>
3484
3485                              <svg class="icon icon-checkmark"
3486                                width="1.1rem"
3487                                height="0.7rem"
3488                                viewBox="0 0 11 7"
3489                                fill="none"
3490                                xmlns="http://www.w3.org/2000/svg">
3491
3492                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
3493                                  stroke="currentColor"
3494                                  stroke-width="1.75"
3495                                  stroke-linecap="round"
3496                                  stroke-linejoin="round" />
3497                              </svg>
3498
3499                              <span aria-hidden="true">spf (4)</span>
3500                              <span class="visually-hidden">spf (สินค้า 4 รายการ)</span>
3501                            </label>
3502                          </li></ul>
3503                    </fieldset><show-more-button>
3504                        <button class="button-show-more link underlined-link no-js-hidden" id="Show-More-3-template--19247830008005__product-grid" type="button">
3505                          <span class="label-show-more label-text"><span aria-hidden="true">+ </span>แสดงมากขึ้น</span>
3506                          <span class="label-show-less label-text hidden"><span aria-hidden="true">- </span>แสดงน้อยลง</span>
3507                        </button>
3508                      </show-more-button>
3509                  </div>
3510                </details>
3511              
3512<noscript>
3513              <button type="submit" class="facets__button-no-js button button--secondary">ตัวกรอง</button>
3514            </noscript>
3515          </div>
3516          
3517
3518
3519        
3520</form>
3521    </facet-filters-form>
3522    
3523<facet-filters-form class="small-hide">
3524        <form class="no-js">
3525          <div class="facet-filters sorting caption">
3526            <div class="facet-filters__field">
3527              <h2 class="facet-filters__label caption-large text-body">
3528                <label for="SortBy">เรียงตาม:</label>
3529              </h2>
3530              <div class="select"><select name="sort_by" class="facet-filters__sort select__select caption-large" id="SortBy" aria-describedby="a11y-refresh-page-message"><option value="manual">แนะนำ</option><option value="most-relevant">เกี่ยวข้องมากที่สุด</option><option value="best-selling">ขายดี</option><option value="title-ascending">เรียงตามตัวอักษร A-Z</option><option value="title-descending">เรียงตามตัวอักษร Z-A</option><option value="price-ascending">ราคา จากต่ำไปสูง</option><option value="price-descending">ราคา จากสูงไปต่ำ</option><option value="created-ascending">วันที่ จากเก่าไปใหม่</option><option value="created-descending" selected="selected">วันที่ จากใหม่ไปเก่า</option></select>
3531                <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
3532  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
3533</svg>
3534
3535              </div>
3536            </div>
3537
3538            <noscript>
3539              <button type="submit" class="facets__button-no-js button button--secondary">จัดเรียง</button>
3540            </noscript>
3541          </div>
3542
3543          
3544</form>
3545      </facet-filters-form>
3546  <menu-drawer class="mobile-facets__wrapper medium-hide large-up-hide" data-breakpoint="mobile">
3547    <details class="mobile-facets__disclosure disclosure-has-popup">
3548      <summary class="mobile-facets__open-wrapper focus-offset">
3549        <span class="mobile-facets__open">
3550          <svg class="icon icon-filter" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
3551  <path fill-rule="evenodd" d="M4.833 6.5a1.667 1.667 0 1 1 3.334 0 1.667 1.667 0 0 1-3.334 0ZM4.05 7H2.5a.5.5 0 0 1 0-1h1.55a2.5 2.5 0 0 1 4.9 0h8.55a.5.5 0 0 1 0 1H8.95a2.5 2.5 0 0 1-4.9 0Zm11.117 6.5a1.667 1.667 0 1 0-3.334 0 1.667 1.667 0 0 0 3.334 0ZM13.5 11a2.5 2.5 0 0 1 2.45 2h1.55a.5.5 0 0 1 0 1h-1.55a2.5 2.5 0 0 1-4.9 0H2.5a.5.5 0 0 1 0-1h8.55a2.5 2.5 0 0 1 2.45-2Z" fill="currentColor"/>
3552</svg>
3553
3554          <span class="mobile-facets__open-label button-label medium-hide large-up-hide">กรองและจัดเรียง
3555</span>
3556          <span class="mobile-facets__open-label button-label small-hide">ตัวกรอง
3557</span>
3558        </span>
3559        <span tabindex="0" class="mobile-facets__close mobile-facets__close--no-js"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17">
3560  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
3561</svg>
3562</span>
3563      </summary>
3564      <facet-filters-form>
3565        <form id="FacetFiltersFormMobile" class="mobile-facets">
3566          <div class="mobile-facets__inner gradient">
3567            <div class="mobile-facets__header">
3568              <div class="mobile-facets__header-inner">
3569                <h2 class="mobile-facets__heading medium-hide large-up-hide">กรองและจัดเรียง
3570</h2>
3571                <h2 class="mobile-facets__heading small-hide">ตัวกรอง
3572</h2>
3573                <p class="mobile-facets__count">สินค้า 74 รายการ
3574</p>
3575              </div>
3576            </div>
3577            <div class="mobile-facets__main has-submenu gradient">
3578                    <details id="Details-Mobile-1-template--19247830008005__product-grid" class="mobile-facets__details js-filter" data-index="mobile-1">
3579                      <summary class="mobile-facets__summary focus-inset">
3580                        <div>
3581                          <span>ราคา</span>
3582                          <span class="mobile-facets__arrow no-js-hidden"><svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
3583  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
3584</svg>
3585</span>
3586                          <noscript><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
3587  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
3588</svg>
3589</noscript>
3590                        </div>
3591                      </summary>
3592                      <div id="FacetMobile-1-template--19247830008005__product-grid" class="mobile-facets__submenu gradient">
3593                        <button class="mobile-facets__close-button link link--text focus-inset" aria-expanded="true" type="button">
3594                          <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
3595  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
3596</svg>
3597
3598                          ราคา
3599                        </button><p class="mobile-facets__info">ราคาสูงสุดคือ ฿8,590.00</p>
3600
3601                        <price-range class="facets__price">
3602                          <span class="field-currency">฿</span>
3603                          <div class="field">
3604                            <input class="field__input"
3605                              name="filter.v.price.gte"
3606                              id="Mobile-Filter-ราคา-GTE"type="number"
3607                              placeholder="0"
3608                              min="0"
3609                              inputmode="decimal"max="8590.00"
3610                            >
3611                            <label class="field__label" for="Mobile-Filter-ราคา-GTE">จาก</label>
3612                          </div>
3613
3614                          <span class="field-currency">฿</span>
3615                          <div class="field">
3616                            <input class="field__input"
3617                              name="filter.v.price.lte"
3618                              id="Mobile-Filter-ราคา-LTE"type="number"
3619                              min="0"
3620                              inputmode="decimal"placeholder="8590.00"
3621                                max="8590.00"
3622                              
3623                            >
3624                            <label class="field__label" for="Mobile-Filter-ราคา-LTE">ไปยัง</label>
3625                          </div>
3626                        </price-range>
3627                        <div class="no-js-hidden mobile-facets__footer">
3628                          <facet-remove class="mobile-facets__clear-wrapper">
3629                            <a href="/collections/shop-all-products" class="mobile-facets__clear underlined-link">ล้าง</a>
3630                          </facet-remove>
3631                          <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()">นำไปใช้</button>
3632                          <noscript><button class="button button--primary">นำไปใช้</button></noscript>
3633                        </div>
3634                      </div>
3635                    </details>
3636                  
3637
3638                    <details id="Details-Mobile-2-template--19247830008005__product-grid" class="mobile-facets__details js-filter" data-index="mobile-2">
3639                      <summary class="mobile-facets__summary focus-inset">
3640                        <div>
3641                          <span>skin concern</span>
3642                          <span class="mobile-facets__arrow no-js-hidden"><svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
3643  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
3644</svg>
3645</span>
3646                          <noscript><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
3647  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
3648</svg>
3649</noscript>
3650                        </div>
3651                      </summary>
3652                      <div id="FacetMobile-2-template--19247830008005__product-grid" class="mobile-facets__submenu gradient">
3653                        <button class="mobile-facets__close-button link link--text focus-inset" aria-expanded="true" type="button">
3654                          <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
3655  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
3656</svg>
3657
3658                          skin concern
3659                        </button>
3660                        <ul class="mobile-facets__list list-unstyled" role="list"><li class="mobile-facets__item list-menu__item">
3661                              <label for="Filter-skin concern-mobile-1" class="mobile-facets__label">
3662                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.custom.skin_concern" value="สิวและสิวอักเสบ" id="Filter-skin concern-mobile-1"
3663                                  
3664                                  
3665                                >
3666
3667                                <span class="mobile-facets__highlight"></span>
3668
3669                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3670                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3671                                </svg>
3672
3673                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
3674                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
3675                                </svg>
3676
3677                                
3678                                <span aria-hidden="true">acne and breakouts (2)</span>
3679                                <span class="visually-hidden">acne and breakouts (สินค้า 2 รายการ)</span>
3680                              </label>
3681                            </li><li class="mobile-facets__item list-menu__item">
3682                              <label for="Filter-skin concern-mobile-2" class="mobile-facets__label">
3683                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.custom.skin_concern" value="ผิวแห้งและผิวขาดน้ำ" id="Filter-skin concern-mobile-2"
3684                                  
3685                                  
3686                                >
3687
3688                                <span class="mobile-facets__highlight"></span>
3689
3690                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3691                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3692                                </svg>
3693
3694                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
3695                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
3696                                </svg>
3697
3698                                
3699                                <span aria-hidden="true">dryness and dehydration (20)</span>
3700                                <span class="visually-hidden">dryness and dehydration (สินค้า 20 รายการ)</span>
3701                              </label>
3702                            </li><li class="mobile-facets__item list-menu__item">
3703                              <label for="Filter-skin concern-mobile-3" class="mobile-facets__label">
3704                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.custom.skin_concern" value="ความมัน" id="Filter-skin concern-mobile-3"
3705                                  
3706                                  
3707                                >
3708
3709                                <span class="mobile-facets__highlight"></span>
3710
3711                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3712                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3713                                </svg>
3714
3715                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
3716                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
3717                                </svg>
3718
3719                                
3720                                <span aria-hidden="true">oiliness (8)</span>
3721                                <span class="visually-hidden">oiliness (สินค้า 8 รายการ)</span>
3722                              </label>
3723                            </li><li class="mobile-facets__item list-menu__item">
3724                              <label for="Filter-skin concern-mobile-4" class="mobile-facets__label">
3725                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.custom.skin_concern" value="ผิวแพ้ง่ายและแสบแดง" id="Filter-skin concern-mobile-4"
3726                                  
3727                                  
3728                                >
3729
3730                                <span class="mobile-facets__highlight"></span>
3731
3732                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3733                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3734                                </svg>
3735
3736                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
3737                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
3738                                </svg>
3739
3740                                
3741                                <span aria-hidden="true">sensitivity and redness (8)</span>
3742                                <span class="visually-hidden">sensitivity and redness (สินค้า 8 รายการ)</span>
3743                              </label>
3744                            </li><li class="mobile-facets__item list-menu__item">
3745                              <label for="Filter-skin concern-mobile-5" class="mobile-facets__label">
3746                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.custom.skin_concern" value="signs of skin aging" id="Filter-skin concern-mobile-5"
3747                                  
3748                                  
3749                                >
3750
3751                                <span class="mobile-facets__highlight"></span>
3752
3753                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3754                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3755                                </svg>
3756
3757                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
3758                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
3759                                </svg>
3760
3761                                
3762                                <span aria-hidden="true">signs of skin aging (9)</span>
3763                                <span class="visually-hidden">signs of skin aging (สินค้า 9 รายการ)</span>
3764                              </label>
3765                            </li><li class="mobile-facets__item list-menu__item">
3766                              <label for="Filter-skin concern-mobile-6" class="mobile-facets__label">
3767                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.custom.skin_concern" value="สีผิวไม่สม่ำเสมอ" id="Filter-skin concern-mobile-6"
3768                                  
3769                                  
3770                                >
3771
3772                                <span class="mobile-facets__highlight"></span>
3773
3774                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3775                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3776                                </svg>
3777
3778                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
3779                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
3780                                </svg>
3781
3782                                
3783                                <span aria-hidden="true">uneven skin tone (9)</span>
3784                                <span class="visually-hidden">uneven skin tone (สินค้า 9 รายการ)</span>
3785                              </label>
3786                            </li></ul>
3787
3788                        <div class="no-js-hidden mobile-facets__footer gradient">
3789                          <facet-remove class="mobile-facets__clear-wrapper">
3790                            <a href="/collections/shop-all-products" class="mobile-facets__clear underlined-link">ล้าง</a>
3791                          </facet-remove>
3792                          <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()">นำไปใช้</button>
3793                          <noscript><button class="button button--primary">นำไปใช้</button></noscript>
3794                        </div>
3795                      </div>
3796                    </details>
3797                  
3798
3799                    <details id="Details-Mobile-3-template--19247830008005__product-grid" class="mobile-facets__details js-filter" data-index="mobile-3">
3800                      <summary class="mobile-facets__summary focus-inset">
3801                        <div>
3802                          <span>product category</span>
3803                          <span class="mobile-facets__arrow no-js-hidden"><svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
3804  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
3805</svg>
3806</span>
3807                          <noscript><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
3808  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
3809</svg>
3810</noscript>
3811                        </div>
3812                      </summary>
3813                      <div id="FacetMobile-3-template--19247830008005__product-grid" class="mobile-facets__submenu gradient">
3814                        <button class="mobile-facets__close-button link link--text focus-inset" aria-expanded="true" type="button">
3815                          <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
3816  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
3817</svg>
3818
3819                          product category
3820                        </button>
3821                        <ul class="mobile-facets__list list-unstyled" role="list"><li class="mobile-facets__item list-menu__item">
3822                              <label for="Filter-product category-mobile-1" class="mobile-facets__label">
3823                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.custom.product_category" value="ผลิตภัณฑ์ทำความสะอาด" id="Filter-product category-mobile-1"
3824                                  
3825                                  
3826                                >
3827
3828                                <span class="mobile-facets__highlight"></span>
3829
3830                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3831                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3832                                </svg>
3833
3834                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
3835                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
3836                                </svg>
3837
3838                                
3839                                <span aria-hidden="true">cleansers (9)</span>
3840                                <span class="visually-hidden">cleansers (สินค้า 9 รายการ)</span>
3841                              </label>
3842                            </li><li class="mobile-facets__item list-menu__item">
3843                              <label for="Filter-product category-mobile-2" class="mobile-facets__label">
3844                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.custom.product_category" value="ผลิตภัณฑ์ผลัดเซลล์ผิว" id="Filter-product category-mobile-2"
3845                                  
3846                                  
3847                                >
3848
3849                                <span class="mobile-facets__highlight"></span>
3850
3851                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3852                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3853                                </svg>
3854
3855                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
3856                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
3857                                </svg>
3858
3859                                
3860                                <span aria-hidden="true">exfoliants (9)</span>
3861                                <span class="visually-hidden">exfoliants (สินค้า 9 รายการ)</span>
3862                              </label>
3863                            </li><li class="mobile-facets__item list-menu__item">
3864                              <label for="Filter-product category-mobile-3" class="mobile-facets__label">
3865                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.custom.product_category" value="ผลิตภัณฑ์ประเภทมาส์ก" id="Filter-product category-mobile-3"
3866                                  
3867                                  
3868                                >
3869
3870                                <span class="mobile-facets__highlight"></span>
3871
3872                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3873                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3874                                </svg>
3875
3876                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
3877                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
3878                                </svg>
3879
3880                                
3881                                <span aria-hidden="true">masques (2)</span>
3882                                <span class="visually-hidden">masques (สินค้า 2 รายการ)</span>
3883                              </label>
3884                            </li><li class="mobile-facets__item list-menu__item">
3885                              <label for="Filter-product category-mobile-4" class="mobile-facets__label">
3886                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.custom.product_category" value="ผลิตภัณฑ์โทนเนอร์" id="Filter-product category-mobile-4"
3887                                  
3888                                  
3889                                >
3890
3891                                <span class="mobile-facets__highlight"></span>
3892
3893                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3894                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3895                                </svg>
3896
3897                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
3898                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
3899                                </svg>
3900
3901                                
3902                                <span aria-hidden="true">toners (4)</span>
3903                                <span class="visually-hidden">toners (สินค้า 4 รายการ)</span>
3904                              </label>
3905                            </li><li class="mobile-facets__item list-menu__item">
3906                              <label for="Filter-product category-mobile-5" class="mobile-facets__label">
3907                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.custom.product_category" value="ผลิตภัณฑ์บูสเตอร์เข้มข้น" id="Filter-product category-mobile-5"
3908                                  
3909                                  
3910                                >
3911
3912                                <span class="mobile-facets__highlight"></span>
3913
3914                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3915                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3916                                </svg>
3917
3918                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
3919                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
3920                                </svg>
3921
3922                                
3923                                <span aria-hidden="true">concentrated boosters (2)</span>
3924                                <span class="visually-hidden">concentrated boosters (สินค้า 2 รายการ)</span>
3925                              </label>
3926                            </li><li class="mobile-facets__item list-menu__item">
3927                              <label for="Filter-product category-mobile-6" class="mobile-facets__label">
3928                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.custom.product_category" value="ผลิตภัณฑ์เพื่อการแก้ไขปัญหาผิว" id="Filter-product category-mobile-6"
3929                                  
3930                                  
3931                                >
3932
3933                                <span class="mobile-facets__highlight"></span>
3934
3935                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3936                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3937                                </svg>
3938
3939                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
3940                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
3941                                </svg>
3942
3943                                
3944                                <span aria-hidden="true">targeted treatments (18)</span>
3945                                <span class="visually-hidden">targeted treatments (สินค้า 18 รายการ)</span>
3946                              </label>
3947                            </li><li class="mobile-facets__item list-menu__item">
3948                              <label for="Filter-product category-mobile-7" class="mobile-facets__label">
3949                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.custom.product_category" value="ผลิตภัณฑ์ออยล์บำรุงผิวหน้าและเซรั่ม" id="Filter-product category-mobile-7"
3950                                  
3951                                  
3952                                >
3953
3954                                <span class="mobile-facets__highlight"></span>
3955
3956                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3957                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3958                                </svg>
3959
3960                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
3961                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
3962                                </svg>
3963
3964                                
3965                                <span aria-hidden="true">facial oils and serums (13)</span>
3966                                <span class="visually-hidden">facial oils and serums (สินค้า 13 รายการ)</span>
3967                              </label>
3968                            </li><li class="mobile-facets__item list-menu__item">
3969                              <label for="Filter-product category-mobile-8" class="mobile-facets__label">
3970                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.custom.product_category" value="ผลิตภัณฑ์บำรุงผิวรอบดวงตา" id="Filter-product category-mobile-8"
3971                                  
3972                                  
3973                                >
3974
3975                                <span class="mobile-facets__highlight"></span>
3976
3977                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3978                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
3979                                </svg>
3980
3981                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
3982                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
3983                                </svg>
3984
3985                                
3986                                <span aria-hidden="true">eye treatments (4)</span>
3987                                <span class="visually-hidden">eye treatments (สินค้า 4 รายการ)</span>
3988                              </label>
3989                            </li><li class="mobile-facets__item list-menu__item">
3990                              <label for="Filter-product category-mobile-9" class="mobile-facets__label">
3991                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.custom.product_category" value="มอยส์เจอไรเซอร์" id="Filter-product category-mobile-9"
3992                                  
3993                                  
3994                                >
3995
3996                                <span class="mobile-facets__highlight"></span>
3997
3998                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
3999                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
4000                                </svg>
4001
4002                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
4003                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
4004                                </svg>
4005
4006                                
4007                                <span aria-hidden="true">moisturizers (18)</span>
4008                                <span class="visually-hidden">moisturizers (สินค้า 18 รายการ)</span>
4009                              </label>
4010                            </li><li class="mobile-facets__item list-menu__item">
4011                              <label for="Filter-product category-mobile-10" class="mobile-facets__label">
4012                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.custom.product_category" value="กลุ่มผลิตภัณฑ์ไพรเมอร์และทินต์" id="Filter-product category-mobile-10"
4013                                  
4014                                  
4015                                >
4016
4017                                <span class="mobile-facets__highlight"></span>
4018
4019                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
4020                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
4021                                </svg>
4022
4023                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
4024                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
4025                                </svg>
4026
4027                                
4028                                <span aria-hidden="true">primers and tints (1)</span>
4029                                <span class="visually-hidden">primers and tints (สินค้า 1 รายการ)</span>
4030                              </label>
4031                            </li><li class="mobile-facets__item list-menu__item">
4032                              <label for="Filter-product category-mobile-11" class="mobile-facets__label">
4033                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.custom.product_category" value="ร่างกาย" id="Filter-product category-mobile-11"
4034                                  
4035                                  
4036                                >
4037
4038                                <span class="mobile-facets__highlight"></span>
4039
4040                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
4041                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
4042                                </svg>
4043
4044                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
4045                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
4046                                </svg>
4047
4048                                
4049                                <span aria-hidden="true">body (1)</span>
4050                                <span class="visually-hidden">body (สินค้า 1 รายการ)</span>
4051                              </label>
4052                            </li><li class="mobile-facets__item list-menu__item">
4053                              <label for="Filter-product category-mobile-12" class="mobile-facets__label">
4054                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.custom.product_category" value="ชุดผลิตภัณฑ์และเซ็ทต่างๆ" id="Filter-product category-mobile-12"
4055                                  
4056                                  
4057                                >
4058
4059                                <span class="mobile-facets__highlight"></span>
4060
4061                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
4062                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
4063                                </svg>
4064
4065                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
4066                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
4067                                </svg>
4068
4069                                
4070                                <span aria-hidden="true">skin kits and sets (10)</span>
4071                                <span class="visually-hidden">skin kits and sets (สินค้า 10 รายการ)</span>
4072                              </label>
4073                            </li><li class="mobile-facets__item list-menu__item">
4074                              <label for="Filter-product category-mobile-13" class="mobile-facets__label">
4075                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.custom.product_category" value="spf" id="Filter-product category-mobile-13"
4076                                  
4077                                  
4078                                >
4079
4080                                <span class="mobile-facets__highlight"></span>
4081
4082                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
4083                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
4084                                </svg>
4085
4086                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
4087                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
4088                                </svg>
4089
4090                                
4091                                <span aria-hidden="true">spf (4)</span>
4092                                <span class="visually-hidden">spf (สินค้า 4 รายการ)</span>
4093                              </label>
4094                            </li></ul>
4095
4096                        <div class="no-js-hidden mobile-facets__footer gradient">
4097                          <facet-remove class="mobile-facets__clear-wrapper">
4098                            <a href="/collections/shop-all-products" class="mobile-facets__clear underlined-link">ล้าง</a>
4099                          </facet-remove>
4100                          <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()">นำไปใช้</button>
4101                          <noscript><button class="button button--primary">นำไปใช้</button></noscript>
4102                        </div>
4103                      </div>
4104                    </details>
4105                  
4106<div class="mobile-facets__details js-filter" data-index="mobile-">
4107                  <div class="mobile-facets__summary">
4108                    <div class="mobile-facets__sort">
4109                      <label for="SortBy-mobile">เรียงตาม:</label>
4110                      <div class="select">
4111                        <select name="sort_by" class="select__select" id="SortBy-mobile" aria-describedby="a11y-refresh-page-message"><option value="manual">แนะนำ</option><option value="most-relevant">เกี่ยวข้องมากที่สุด</option><option value="best-selling">ขายดี</option><option value="title-ascending">เรียงตามตัวอักษร A-Z</option><option value="title-descending">เรียงตามตัวอักษร Z-A</option><option value="price-ascending">ราคา จากต่ำไปสูง</option><option value="price-descending">ราคา จากสูงไปต่ำ</option><option value="created-ascending">วันที่ จากเก่าไปใหม่</option><option value="created-descending" selected="selected">วันที่ จากใหม่ไปเก่า</option></select>
4112                        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
4113  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
4114</svg>
4115
4116                      </div>
4117                    </div>
4118                  </div>
4119                </div><div class="mobile-facets__footer">
4120                <facet-remove class="mobile-facets__clear-wrapper">
4121                  <a href="/collections/shop-all-products" class="mobile-facets__clear underlined-link">ลบออกทั้งหมด</a>
4122                </facet-remove>
4123                <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()">นำไปใช้</button>
4124                <noscript><button class="button button--primary">นำไปใช้</button></noscript>
4125              </div>
4126            </div>
4127
4128            
4129</div>
4130        </form>
4131      </facet-filters-form>
4132    </details>
4133  </menu-drawer>
4134
4135  <div class="active-facets active-facets-mobile medium-hide large-up-hide"><facet-remove class="active-facets__button-wrapper">
4136      <a href="/collections/shop-all-products" class="active-facets__button-remove underlined-link">
4137        <span>ลบออกทั้งหมด</span>
4138      </a>
4139    </facet-remove>
4140  </div>
4141  
4142<div class="product-count light medium-hide large-up-hide" role="status">
4143    <h2 class="product-count__text text-body">
4144      <span id="ProductCount">สินค้า 74 รายการ
4145</span>
4146    </h2>
4147    <div class="loading-overlay__spinner">
4148      <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
4149        <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
4150      </svg>
4151    </div>
4152  </div></div>
4153
4154
4155      </aside><div class="product-grid-container" id="ProductGridContainer">
4156      <style data-shopify>
4157.breadcrumbs-container a{
4158  text-decoration:none;
4159  color: #5A92DB;
4160  font-size:13px;
4161}
4162.breadcrumbs-container span{
4163  font-size:13px;
4164}
4165  
4166.breadcrumbs-container a:hover{
4167  color: #5A92DB;
4168}
4169</style>
4170
4171
4172
4173
4174  
4175
4176
4177
4178<nav
4179    class="breadcrumbs-container"
4180    aria-label="Translation missing: th.general.accessibility.nav_breadcrumbs"
4181  >
4182    <a href="/">home</a>
4183    
4184
4185      <span class="breadcrumbs-delimiter" aria-hidden="true">
4186      
4187                                  <svg class="icon-chevron-down-thin "    aria-hidden="true"    focusable="false"    role="presentation"    xmlns="http://www.w3.org/2000/svg" width="8" height="5" viewBox="0 0 8 5" fill="none">          <title>Translation missing: th.general.icons.icon_title</title>        <path d="M0.5 0.5L4 4L7.5 0.5" stroke="currentColor" stroke-width="1.25"/>    </svg>                                                                                
4188
4189    </span>
4190      
4191        <span>ผลิตภัณฑ์ทั้งหมด</span>
4192      
4193
4194    
4195  </nav>
4196
4197
4198      <div></div>
4199      
4200<facet-filters-form class="facets facets-vertical-sort page-width small-hide no-js-hidden">
4201          <form class="facets-vertical-form" id="FacetSortForm">
4202            <div class="facet-filters sorting caption">
4203              <div class="facet-filters__field">
4204                <h2 class="facet-filters__label caption-large text-body">
4205                  <label for="SortBy">เรียงตาม:</label>
4206                </h2>
4207                <div class="select"><select name="sort_by" class="facet-filters__sort select__select caption-large" id="SortBy" aria-describedby="a11y-refresh-page-message"><option value="manual">แนะนำ</option><option value="most-relevant">เกี่ยวข้องมากที่สุด</option><option value="best-selling">ขายดี</option><option value="title-ascending">เรียงตามตัวอักษร A-Z</option><option value="title-descending">เรียงตามตัวอักษร Z-A</option><option value="price-ascending">ราคา จากต่ำไปสูง</option><option value="price-descending">ราคา จากสูงไปต่ำ</option><option value="created-ascending">วันที่ จากเก่าไปใหม่</option><option value="created-descending" selected="selected">วันที่ จากใหม่ไปเก่า</option></select>
4208                  <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
4209  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
4210</svg>
4211
4212                </div>
4213              </div>
4214              <noscript>
4215                <button type="submit" class="facets__button-no-js button button--secondary">จัดเรียง</button>
4216              </noscript>
4217            </div>
4218    
4219            <div class="product-count-vertical light" role="status">
4220              <h2 class="product-count__text text-body">
4221                <span id="ProductCountDesktop">สินค้า 74 รายการ
4222</span>
4223              </h2>
4224              <div class="loading-overlay__spinner">
4225                <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
4226                  <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
4227                </svg>
4228              </div>
4229            </div>  
4230          </form>
4231        </facet-filters-form><div class="collection">
4232            <div class="loading-overlay gradient"></div>
4233    
4234            <ul id="product-grid" data-id="template--19247830008005__product-grid" class="
4235              grid product-grid grid--2-col-tablet-down
4236              grid--4-col-desktop">
4237
4238                <li id="grid-1" class="grid__item" style="display: none;">
4239                  
4240
4241
4242<link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-rating.aio.min.css?v=6522338228602582101754032838" rel="stylesheet" type="text/css" media="all" />
4243<style data-shopify>.custom-card-heading {
4244    font-weight: 700; 
4245    font-size: 12px; 
4246    line-height: 15px; 
4247    text-align: center;
4248  }
4249
4250  .custom-card-information {
4251    text-align: center !important;
4252  }
4253
4254  .custom-button {
4255    min-height: auto;
4256    font-weight: 700;
4257    font-size: 10px;
4258    text-transform: uppercase;
4259    margin-top: 10px;
4260    padding-top: 10px;
4261    padding-bottom: 10px;
4262  }
4263
4264  .custom-button:hover {
4265    color: white;
4266    background-color: #5B6670;
4267  }
4268
4269  .custom-therapist-variant-selector-container{
4270    margin-top: 2rem;
4271    margin-bottom: 4rem;
4272  }
4273  .custom-therapist-button {
4274    border-radius: 2px;
4275    min-height: auto;
4276    font-weight: 700;
4277    font-size: 10px;
4278    text-transform: uppercase;
4279    margin-top: 10px;
4280    padding-top: 10px;
4281    padding-bottom: 10px;
4282  }
4283  .custom-therapist-button-container a{
4284    text-decoration: none;
4285  }
4286  .custom-therapist-button:hover {
4287    color: #5B6670!important;
4288    background-color: white;
4289  }
4290
4291  .custom-quick-add {
4292    text-align: center;
4293  }
4294
4295  .custom-variant-button {
4296    color: #5b6670;
4297    background-color: transparent!important; 
4298    transition: border-color .2s ease,background-color .2s ease,width .2s ease,height .2s ease;
4299    border: 1px solid #5b6670!important;
4300    font-size: 10px;
4301    font-family: Helvetica,Helvetica Neue,Arial,Lucida Grande,sans-serif;
4302    font-style: normal;
4303    font-weight: 700;
4304    text-decoration: none;
4305    letter-spacing: .1em;
4306    cursor: pointer;
4307    display: inline-block;
4308    padding: 5px 5px;
4309  }
4310
4311  .custom-variant-button.active {
4312    color: white;
4313    background-color: #5b6670!important; 
4314  }</style><div class="card-wrapper underline-links-hover">
4315    <div class="card
4316      card--standard
4317       card--media
4318      
4319      
4320      "
4321      style="--ratio-percent: 100%;"
4322    >
4323      <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100%;"><div class="card__media">
4324            <div class="media media--transparent media--hover-effect">
4325              
4326              <img loading="lazy"
4327                srcset="//dermalogica.co.th/cdn/shop/files/FutureCode_Booster-PDP_Tiles-1_Keybenefits_WT.jpg?v=1789009926&width=165 165w,//dermalogica.co.th/cdn/shop/files/FutureCode_Booster-PDP_Tiles-1_Keybenefits_WT.jpg?v=1789009926&width=360 360w,//dermalogica.co.th/cdn/shop/files/FutureCode_Booster-PDP_Tiles-1_Keybenefits_WT.jpg?v=1789009926&width=533 533w,//dermalogica.co.th/cdn/shop/files/FutureCode_Booster-PDP_Tiles-1_Keybenefits_WT.jpg?v=1789009926&width=720 720w,//dermalogica.co.th/cdn/shop/files/FutureCode_Booster-PDP_Tiles-1_Keybenefits_WT.jpg?v=1789009926&width=940 940w,//dermalogica.co.th/cdn/shop/files/FutureCode_Booster-PDP_Tiles-1_Keybenefits_WT.jpg?v=1789009926&width=1066 1066w,//dermalogica.co.th/cdn/shop/files/FutureCode_Booster-PDP_Tiles-1_Keybenefits_WT.jpg?v=1789009926 1080w"
4328                src="//dermalogica.co.th/cdn/shop/files/FutureCode_Booster-PDP_Tiles-1_Keybenefits_WT.jpg?v=1789009926&width=533"
4329                sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
4330                alt="futurecode booster damage-correcting longevity serum"
4331                class="motion-reduce"
4332                
4333                width="1080"
4334                height="1080"
4335              >
4336              
4337<img loading="lazy"
4338                  srcset="//dermalogica.co.th/cdn/shop/files/preview_images/100912b8b790431787e62b7d74104449.thumbnail.0000000000.jpg?v=1789010336 w"
4339                  src="//dermalogica.co.th/cdn/shop/files/preview_images/100912b8b790431787e62b7d74104449.thumbnail.0000000000.jpg?v=1789010336&width=533"
4340                  sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
4341                  alt=""
4342                  class="motion-reduce"
4343                 
4344                  width=""
4345                  height=""
4346                ></div>
4347          </div><div class="card__content">
4348          <div class="card__information">
4349            <h3 class="custom-card-heading card__heading">
4350              <a href="/collections/shop-all-products/products/futurecode-booster" id="StandardCardNoMediaLink-template--19247830008005__product-grid-9017453576389" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--19247830008005__product-grid-9017453576389 NoMediaStandardBadge-template--19247830008005__product-grid-9017453576389">
4351                futurecode booster damage-correcting longevity serum
4352              </a>
4353            </h3>
4354          </div>
4355          <div class="card__badge bottom right"></div>
4356        </div>
4357      </div>
4358      <div class="card__content">
4359        <div class="card__information">
4360          <h3 class="custom-card-heading card__heading h5" id="title-template--19247830008005__product-grid-9017453576389">
4361            <a href="/collections/shop-all-products/products/futurecode-booster" id="CardLink-template--19247830008005__product-grid-9017453576389" class="full-unstyled-link" aria-labelledby="CardLink-template--19247830008005__product-grid-9017453576389 Badge-template--19247830008005__product-grid-9017453576389">
4362              futurecode booster damage-correcting longevity serum
4363            </a>
4364          </h3>
4365          <div class="custom-card-information card-information"><span class="caption-large light"></span>
4366              <div class="rating" role="img" aria-label="4.8 จาก 5.0 ดาว">
4367                <span aria-hidden="true" class="rating-star color-icon-text" style="--rating: 4; --rating-max: 5.0; --rating-decimal: 1;"></span>
4368              </div>
4369              <p class="rating-text caption">
4370                <span aria-hidden="true">4.8 / 5.0</span>
4371              </p>
4372              <p class="rating-count caption">
4373                <span aria-hidden="true">(9)</span>
4374                <span class="visually-hidden">9 รีวิวทั้งหมด</span>
4375              </p>
4376
4377<div class="price ">
4378  <div class="price__container"><div class="price__regular">
4379      <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
4380      <span class="price-item price-item--regular" id="price-regular-9017453576389">
4381        ฿4,500.00
4382      </span>
4383    </div>
4384    <div class="price__sale">
4385        <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
4386        <span>
4387          <s class="price-item price-item--regular" id="price-compare-9017453576389">
4388            
4389              ฿4,500.00
4390            
4391          </s>
4392        </span><span class="visually-hidden visually-hidden--inline">ราคาช่วงลดราคา</span>
4393      <span class="price-item price-item--sale price-item--last" id="price-sale-9017453576389">
4394        ฿4,500.00
4395      </span>
4396    </div><small class="unit-price caption hidden">
4397      <span class="visually-hidden">ราคาต่อหน่วย</span>
4398      <span class="price-item price-item--last">
4399        <span></span>
4400        <span aria-hidden="true">/</span>
4401        <span class="visually-hidden">&nbsp;ต่อ&nbsp;</span>
4402        <span>
4403        </span>
4404      </span>
4405    </small>
4406  </div>
4407
4408</div>
4409          </div>
4410        </div><div class="quick-add custom-quick-add"  style=""><product-form><form method="post" action="/cart/add" id="quick-add-template--19247830008005__product-grid9017453576389" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="46889204973765" disabled>
4411                      <button
4412                        id="quick-add-template--19247830008005__product-grid9017453576389-submit"
4413                        type="submit"
4414                        name="add"
4415                        class="quick-add__submit button button--full-width button--secondary custom-button"
4416                        aria-haspopup="dialog"
4417                        aria-labelledby="quick-add-template--19247830008005__product-grid9017453576389-submit title-template--19247830008005__product-grid-9017453576389"
4418                        aria-live="polite"
4419                        data-sold-out-message="true"
4420                        
4421                      >
4422                        <span>เพิ่มลงในตะกร้าสินค้า
4423</span>
4424                        <span class="sold-out-message hidden">
4425                          ขายหมดแล้ว
4426                        </span>
4427                        <div class="loading-overlay__spinner hidden">
4428                          <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
4429                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
4430                          </svg>
4431                        </div>
4432                      </button><input type="hidden" name="product-id" value="9017453576389" /><input type="hidden" name="section-id" value="template--19247830008005__product-grid" /></form></product-form></div>
4433            <div class="card__badge bottom right"></div>
4434      </div>
4435    </div>
4436  </div>
4436<script>
4437  function changeVariant(variantid, variantprice, productid, compareatprice){
4438    var btnContainer = document.getElementById(productid);
4439    var btns = btnContainer.getElementsByClassName("active");
4440    btns[0].classList.remove("active");
4441
4442    var btnsactive = btnContainer.getElementsByClassName(variantid);
4443    btnsactive[0].classList.add("active");
4444    
4445    document.getElementById("id-"+productid).value = variantid;
4446    document.getElementById("variantprice-"+productid).textContent = variantprice;
4447
4448    document.getElementById("price-regular-"+productid).textContent = variantprice;
4449    document.getElementById("price-compare-"+productid).textContent = compareatprice;
4450    document.getElementById("price-sale-"+productid).textContent = variantprice;
4451  }
4452</script>
4452
4453                </li>
4454
4455                <li id="grid-2" class="grid__item" style="">
4456                  
4457
4458
4459<link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-rating.aio.min.css?v=6522338228602582101754032838" rel="stylesheet" type="text/css" media="all" />
4460<style data-shopify>.custom-card-heading {
4461    font-weight: 700; 
4462    font-size: 12px; 
4463    line-height: 15px; 
4464    text-align: center;
4465  }
4466
4467  .custom-card-information {
4468    text-align: center !important;
4469  }
4470
4471  .custom-button {
4472    min-height: auto;
4473    font-weight: 700;
4474    font-size: 10px;
4475    text-transform: uppercase;
4476    margin-top: 10px;
4477    padding-top: 10px;
4478    padding-bottom: 10px;
4479  }
4480
4481  .custom-button:hover {
4482    color: white;
4483    background-color: #5B6670;
4484  }
4485
4486  .custom-therapist-variant-selector-container{
4487    margin-top: 2rem;
4488    margin-bottom: 4rem;
4489  }
4490  .custom-therapist-button {
4491    border-radius: 2px;
4492    min-height: auto;
4493    font-weight: 700;
4494    font-size: 10px;
4495    text-transform: uppercase;
4496    margin-top: 10px;
4497    padding-top: 10px;
4498    padding-bottom: 10px;
4499  }
4500  .custom-therapist-button-container a{
4501    text-decoration: none;
4502  }
4503  .custom-therapist-button:hover {
4504    color: #5B6670!important;
4505    background-color: white;
4506  }
4507
4508  .custom-quick-add {
4509    text-align: center;
4510  }
4511
4512  .custom-variant-button {
4513    color: #5b6670;
4514    background-color: transparent!important; 
4515    transition: border-color .2s ease,background-color .2s ease,width .2s ease,height .2s ease;
4516    border: 1px solid #5b6670!important;
4517    font-size: 10px;
4518    font-family: Helvetica,Helvetica Neue,Arial,Lucida Grande,sans-serif;
4519    font-style: normal;
4520    font-weight: 700;
4521    text-decoration: none;
4522    letter-spacing: .1em;
4523    cursor: pointer;
4524    display: inline-block;
4525    padding: 5px 5px;
4526  }
4527
4528  .custom-variant-button.active {
4529    color: white;
4530    background-color: #5b6670!important; 
4531  }</style><div class="card-wrapper underline-links-hover">
4532    <div class="card
4533      card--standard
4534       card--media
4535      
4536      
4537      "
4538      style="--ratio-percent: 100%;"
4539    >
4540      <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100%;"><div class="card__media">
4541            <div class="media media--transparent media--hover-effect">
4542              
4543              <img loading="lazy"
4544                srcset="//dermalogica.co.th/cdn/shop/files/BriefbyAngel.png?v=1788841790&width=165 165w,//dermalogica.co.th/cdn/shop/files/BriefbyAngel.png?v=1788841790 331w"
4545                src="//dermalogica.co.th/cdn/shop/files/BriefbyAngel.png?v=1788841790&width=533"
4546                sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
4547                alt="FutureCode Booster Trial 0.10 oz (3ml)"
4548                class="motion-reduce"
4549                
4550                width="331"
4551                height="714"
4552              >
4553              
4554<img loading="lazy"
4555                  srcset="//dermalogica.co.th/cdn/shop/files/8e3ac25e-93f5-432b-b584-b82f903e8ec0.jpg?v=1788841847&width=165 165w,//dermalogica.co.th/cdn/shop/files/8e3ac25e-93f5-432b-b584-b82f903e8ec0.jpg?v=1788841847&width=360 360w,//dermalogica.co.th/cdn/shop/files/8e3ac25e-93f5-432b-b584-b82f903e8ec0.jpg?v=1788841847&width=533 533w,//dermalogica.co.th/cdn/shop/files/8e3ac25e-93f5-432b-b584-b82f903e8ec0.jpg?v=1788841847&width=720 720w,//dermalogica.co.th/cdn/shop/files/8e3ac25e-93f5-432b-b584-b82f903e8ec0.jpg?v=1788841847&width=940 940w,//dermalogica.co.th/cdn/shop/files/8e3ac25e-93f5-432b-b584-b82f903e8ec0.jpg?v=1788841847&width=1066 1066w,//dermalogica.co.th/cdn/shop/files/8e3ac25e-93f5-432b-b584-b82f903e8ec0.jpg?v=1788841847 2048w"
4556                  src="//dermalogica.co.th/cdn/shop/files/8e3ac25e-93f5-432b-b584-b82f903e8ec0.jpg?v=1788841847&width=533"
4557                  sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
4558                  alt=""
4559                  class="motion-reduce"
4560                 
4561                  width="2048"
4562                  height="2048"
4563                ></div>
4564          </div><div class="card__content">
4565          <div class="card__information">
4566            <h3 class="custom-card-heading card__heading">
4567              <a href="/collections/shop-all-products/products/futurecode-booster-trial-0-10-oz-3ml" id="StandardCardNoMediaLink-template--19247830008005__product-grid-9013682667717" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--19247830008005__product-grid-9013682667717 NoMediaStandardBadge-template--19247830008005__product-grid-9013682667717">
4568                FutureCode Booster Trial 0.10 oz (3ml)
4569              </a>
4570            </h3>
4571          </div>
4572          <div class="card__badge bottom right"></div>
4573        </div>
4574      </div>
4575      <div class="card__content">
4576        <div class="card__information">
4577          <h3 class="custom-card-heading card__heading h5" id="title-template--19247830008005__product-grid-9013682667717">
4578            <a href="/collections/shop-all-products/products/futurecode-booster-trial-0-10-oz-3ml" id="CardLink-template--19247830008005__product-grid-9013682667717" class="full-unstyled-link" aria-labelledby="CardLink-template--19247830008005__product-grid-9013682667717 Badge-template--19247830008005__product-grid-9013682667717">
4579              FutureCode Booster Trial 0.10 oz (3ml)
4580            </a>
4581          </h3>
4582          <div class="custom-card-information card-information"><span class="caption-large light"></span>
4583
4584<div class="price ">
4585  <div class="price__container"><div class="price__regular">
4586      <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
4587      <span class="price-item price-item--regular" id="price-regular-9013682667717">
4588        ฿450.00
4589      </span>
4590    </div>
4591    <div class="price__sale">
4592        <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
4593        <span>
4594          <s class="price-item price-item--regular" id="price-compare-9013682667717">
4595            
4596              ฿450.00
4597            
4598          </s>
4599        </span><span class="visually-hidden visually-hidden--inline">ราคาช่วงลดราคา</span>
4600      <span class="price-item price-item--sale price-item--last" id="price-sale-9013682667717">
4601        ฿450.00
4602      </span>
4603    </div><small class="unit-price caption hidden">
4604      <span class="visually-hidden">ราคาต่อหน่วย</span>
4605      <span class="price-item price-item--last">
4606        <span></span>
4607        <span aria-hidden="true">/</span>
4608        <span class="visually-hidden">&nbsp;ต่อ&nbsp;</span>
4609        <span>
4610        </span>
4611      </span>
4612    </small>
4613  </div>
4614
4615</div>
4616          </div>
4617        </div><div class="quick-add custom-quick-add"  style=""><product-form><form method="post" action="/cart/add" id="quick-add-template--19247830008005__product-grid9013682667717" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="46880515555525" disabled>
4618                      <button
4619                        id="quick-add-template--19247830008005__product-grid9013682667717-submit"
4620                        type="submit"
4621                        name="add"
4622                        class="quick-add__submit button button--full-width button--secondary custom-button"
4623                        aria-haspopup="dialog"
4624                        aria-labelledby="quick-add-template--19247830008005__product-grid9013682667717-submit title-template--19247830008005__product-grid-9013682667717"
4625                        aria-live="polite"
4626                        data-sold-out-message="true"
4627                        
4628                      >
4629                        <span>เพิ่มลงในตะกร้าสินค้า
4630</span>
4631                        <span class="sold-out-message hidden">
4632                          ขายหมดแล้ว
4633                        </span>
4634                        <div class="loading-overlay__spinner hidden">
4635                          <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
4636                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
4637                          </svg>
4638                        </div>
4639                      </button><input type="hidden" name="product-id" value="9013682667717" /><input type="hidden" name="section-id" value="template--19247830008005__product-grid" /></form></product-form></div>
4640            <div class="card__badge bottom right"></div>
4641      </div>
4642    </div>
4643  </div>
4643<script>
4644  function changeVariant(variantid, variantprice, productid, compareatprice){
4645    var btnContainer = document.getElementById(productid);
4646    var btns = btnContainer.getElementsByClassName("active");
4647    btns[0].classList.remove("active");
4648
4649    var btnsactive = btnContainer.getElementsByClassName(variantid);
4650    btnsactive[0].classList.add("active");
4651    
4652    document.getElementById("id-"+productid).value = variantid;
4653    document.getElementById("variantprice-"+productid).textContent = variantprice;
4654
4655    document.getElementById("price-regular-"+productid).textContent = variantprice;
4656    document.getElementById("price-compare-"+productid).textContent = compareatprice;
4657    document.getElementById("price-sale-"+productid).textContent = variantprice;
4658  }
4659</script>
4659
4660                </li>
4661
4662                <li id="grid-3" class="grid__item" style="">
4663                  
4664
4665
4666<link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-rating.aio.min.css?v=6522338228602582101754032838" rel="stylesheet" type="text/css" media="all" />
4667<style data-shopify>.custom-card-heading {
4668    font-weight: 700; 
4669    font-size: 12px; 
4670    line-height: 15px; 
4671    text-align: center;
4672  }
4673
4674  .custom-card-information {
4675    text-align: center !important;
4676  }
4677
4678  .custom-button {
4679    min-height: auto;
4680    font-weight: 700;
4681    font-size: 10px;
4682    text-transform: uppercase;
4683    margin-top: 10px;
4684    padding-top: 10px;
4685    padding-bottom: 10px;
4686  }
4687
4688  .custom-button:hover {
4689    color: white;
4690    background-color: #5B6670;
4691  }
4692
4693  .custom-therapist-variant-selector-container{
4694    margin-top: 2rem;
4695    margin-bottom: 4rem;
4696  }
4697  .custom-therapist-button {
4698    border-radius: 2px;
4699    min-height: auto;
4700    font-weight: 700;
4701    font-size: 10px;
4702    text-transform: uppercase;
4703    margin-top: 10px;
4704    padding-top: 10px;
4705    padding-bottom: 10px;
4706  }
4707  .custom-therapist-button-container a{
4708    text-decoration: none;
4709  }
4710  .custom-therapist-button:hover {
4711    color: #5B6670!important;
4712    background-color: white;
4713  }
4714
4715  .custom-quick-add {
4716    text-align: center;
4717  }
4718
4719  .custom-variant-button {
4720    color: #5b6670;
4721    background-color: transparent!important; 
4722    transition: border-color .2s ease,background-color .2s ease,width .2s ease,height .2s ease;
4723    border: 1px solid #5b6670!important;
4724    font-size: 10px;
4725    font-family: Helvetica,Helvetica Neue,Arial,Lucida Grande,sans-serif;
4726    font-style: normal;
4727    font-weight: 700;
4728    text-decoration: none;
4729    letter-spacing: .1em;
4730    cursor: pointer;
4731    display: inline-block;
4732    padding: 5px 5px;
4733  }
4734
4735  .custom-variant-button.active {
4736    color: white;
4737    background-color: #5b6670!important; 
4738  }</style><div class="card-wrapper underline-links-hover">
4739    <div class="card
4740      card--standard
4741       card--media
4742      
4743      
4744      "
4745      style="--ratio-percent: 100%;"
4746    >
4747      <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100%;"><div class="card__media">
4748            <div class="media media--transparent media--hover-effect">
4749              
4750              <img loading="lazy"
4751                srcset="//dermalogica.co.th/cdn/shop/files/FutureCode_Booster_-_Sample_2g_Foil_FRONT.png?v=1788841057&width=165 165w,//dermalogica.co.th/cdn/shop/files/FutureCode_Booster_-_Sample_2g_Foil_FRONT.png?v=1788841057&width=360 360w,//dermalogica.co.th/cdn/shop/files/FutureCode_Booster_-_Sample_2g_Foil_FRONT.png?v=1788841057&width=533 533w,//dermalogica.co.th/cdn/shop/files/FutureCode_Booster_-_Sample_2g_Foil_FRONT.png?v=1788841057&width=720 720w,//dermalogica.co.th/cdn/shop/files/FutureCode_Booster_-_Sample_2g_Foil_FRONT.png?v=1788841057&width=940 940w,//dermalogica.co.th/cdn/shop/files/FutureCode_Booster_-_Sample_2g_Foil_FRONT.png?v=1788841057&width=1066 1066w,//dermalogica.co.th/cdn/shop/files/FutureCode_Booster_-_Sample_2g_Foil_FRONT.png?v=1788841057 3000w"
4752                src="//dermalogica.co.th/cdn/shop/files/FutureCode_Booster_-_Sample_2g_Foil_FRONT.png?v=1788841057&width=533"
4753                sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
4754                alt="FutureCode Booster Foil Sample 2g"
4755                class="motion-reduce"
4756                loading="lazy"
4757                width="3000"
4758                height="3000"
4759              >
4760              
4761<img loading="lazy"
4762                  srcset="//dermalogica.co.th/cdn/shop/files/FutureCodeBooster-Sample2gFoil_BACK.png?v=1788840923&width=165 165w,//dermalogica.co.th/cdn/shop/files/FutureCodeBooster-Sample2gFoil_BACK.png?v=1788840923&width=360 360w,//dermalogica.co.th/cdn/shop/files/FutureCodeBooster-Sample2gFoil_BACK.png?v=1788840923&width=533 533w,//dermalogica.co.th/cdn/shop/files/FutureCodeBooster-Sample2gFoil_BACK.png?v=1788840923&width=720 720w,//dermalogica.co.th/cdn/shop/files/FutureCodeBooster-Sample2gFoil_BACK.png?v=1788840923&width=940 940w,//dermalogica.co.th/cdn/shop/files/FutureCodeBooster-Sample2gFoil_BACK.png?v=1788840923&width=1066 1066w,//dermalogica.co.th/cdn/shop/files/FutureCodeBooster-Sample2gFoil_BACK.png?v=1788840923 3000w"
4763                  src="//dermalogica.co.th/cdn/shop/files/FutureCodeBooster-Sample2gFoil_BACK.png?v=1788840923&width=533"
4764                  sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
4765                  alt=""
4766                  class="motion-reduce"
4767                 
4768                  width="3000"
4769                  height="3000"
4770                ></div>
4771          </div><div class="card__content">
4772          <div class="card__information">
4773            <h3 class="custom-card-heading card__heading">
4774              <a href="/collections/shop-all-products/products/futurecode-booster-foil-sample-2g" id="StandardCardNoMediaLink-template--19247830008005__product-grid-9013670609093" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--19247830008005__product-grid-9013670609093 NoMediaStandardBadge-template--19247830008005__product-grid-9013670609093">
4775                FutureCode Booster Foil Sample 2g
4776              </a>
4777            </h3>
4778          </div>
4779          <div class="card__badge bottom right"></div>
4780        </div>
4781      </div>
4782      <div class="card__content">
4783        <div class="card__information">
4784          <h3 class="custom-card-heading card__heading h5" id="title-template--19247830008005__product-grid-9013670609093">
4785            <a href="/collections/shop-all-products/products/futurecode-booster-foil-sample-2g" id="CardLink-template--19247830008005__product-grid-9013670609093" class="full-unstyled-link" aria-labelledby="CardLink-template--19247830008005__product-grid-9013670609093 Badge-template--19247830008005__product-grid-9013670609093">
4786              FutureCode Booster Foil Sample 2g
4787            </a>
4788          </h3>
4789          <div class="custom-card-information card-information"><span class="caption-large light"></span>
4790
4791<div class="price ">
4792  <div class="price__container"><div class="price__regular">
4793      <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
4794      <span class="price-item price-item--regular" id="price-regular-9013670609093">
4795        ฿200.00
4796      </span>
4797    </div>
4798    <div class="price__sale">
4799        <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
4800        <span>
4801          <s class="price-item price-item--regular" id="price-compare-9013670609093">
4802            
4803              ฿200.00
4804            
4805          </s>
4806        </span><span class="visually-hidden visually-hidden--inline">ราคาช่วงลดราคา</span>
4807      <span class="price-item price-item--sale price-item--last" id="price-sale-9013670609093">
4808        ฿200.00
4809      </span>
4810    </div><small class="unit-price caption hidden">
4811      <span class="visually-hidden">ราคาต่อหน่วย</span>
4812      <span class="price-item price-item--last">
4813        <span></span>
4814        <span aria-hidden="true">/</span>
4815        <span class="visually-hidden">&nbsp;ต่อ&nbsp;</span>
4816        <span>
4817        </span>
4818      </span>
4819    </small>
4820  </div>
4821
4822</div>
4823          </div>
4824        </div><div class="quick-add custom-quick-add"  style=""><product-form><form method="post" action="/cart/add" id="quick-add-template--19247830008005__product-grid9013670609093" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="46880489832645" disabled>
4825                      <button
4826                        id="quick-add-template--19247830008005__product-grid9013670609093-submit"
4827                        type="submit"
4828                        name="add"
4829                        class="quick-add__submit button button--full-width button--secondary custom-button"
4830                        aria-haspopup="dialog"
4831                        aria-labelledby="quick-add-template--19247830008005__product-grid9013670609093-submit title-template--19247830008005__product-grid-9013670609093"
4832                        aria-live="polite"
4833                        data-sold-out-message="true"
4834                        
4835                      >
4836                        <span>เพิ่มลงในตะกร้าสินค้า
4837</span>
4838                        <span class="sold-out-message hidden">
4839                          ขายหมดแล้ว
4840                        </span>
4841                        <div class="loading-overlay__spinner hidden">
4842                          <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
4843                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
4844                          </svg>
4845                        </div>
4846                      </button><input type="hidden" name="product-id" value="9013670609093" /><input type="hidden" name="section-id" value="template--19247830008005__product-grid" /></form></product-form></div>
4847            <div class="card__badge bottom right"></div>
4848      </div>
4849    </div>
4850  </div>
4850<script>
4851  function changeVariant(variantid, variantprice, productid, compareatprice){
4852    var btnContainer = document.getElementById(productid);
4853    var btns = btnContainer.getElementsByClassName("active");
4854    btns[0].classList.remove("active");
4855
4856    var btnsactive = btnContainer.getElementsByClassName(variantid);
4857    btnsactive[0].classList.add("active");
4858    
4859    document.getElementById("id-"+productid).value = variantid;
4860    document.getElementById("variantprice-"+productid).textContent = variantprice;
4861
4862    document.getElementById("price-regular-"+productid).textContent = variantprice;
4863    document.getElementById("price-compare-"+productid).textContent = compareatprice;
4864    document.getElementById("price-sale-"+productid).textContent = variantprice;
4865  }
4866</script>
4866
4867                </li>
4868
4869                <li id="grid-4" class="grid__item" style="display: none;">
4870                  
4871
4872
4873<link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-rating.aio.min.css?v=6522338228602582101754032838" rel="stylesheet" type="text/css" media="all" />
4874<style data-shopify>.custom-card-heading {
4875    font-weight: 700; 
4876    font-size: 12px; 
4877    line-height: 15px; 
4878    text-align: center;
4879  }
4880
4881  .custom-card-information {
4882    text-align: center !important;
4883  }
4884
4885  .custom-button {
4886    min-height: auto;
4887    font-weight: 700;
4888    font-size: 10px;
4889    text-transform: uppercase;
4890    margin-top: 10px;
4891    padding-top: 10px;
4892    padding-bottom: 10px;
4893  }
4894
4895  .custom-button:hover {
4896    color: white;
4897    background-color: #5B6670;
4898  }
4899
4900  .custom-therapist-variant-selector-container{
4901    margin-top: 2rem;
4902    margin-bottom: 4rem;
4903  }
4904  .custom-therapist-button {
4905    border-radius: 2px;
4906    min-height: auto;
4907    font-weight: 700;
4908    font-size: 10px;
4909    text-transform: uppercase;
4910    margin-top: 10px;
4911    padding-top: 10px;
4912    padding-bottom: 10px;
4913  }
4914  .custom-therapist-button-container a{
4915    text-decoration: none;
4916  }
4917  .custom-therapist-button:hover {
4918    color: #5B6670!important;
4919    background-color: white;
4920  }
4921
4922  .custom-quick-add {
4923    text-align: center;
4924  }
4925
4926  .custom-variant-button {
4927    color: #5b6670;
4928    background-color: transparent!important; 
4929    transition: border-color .2s ease,background-color .2s ease,width .2s ease,height .2s ease;
4930    border: 1px solid #5b6670!important;
4931    font-size: 10px;
4932    font-family: Helvetica,Helvetica Neue,Arial,Lucida Grande,sans-serif;
4933    font-style: normal;
4934    font-weight: 700;
4935    text-decoration: none;
4936    letter-spacing: .1em;
4937    cursor: pointer;
4938    display: inline-block;
4939    padding: 5px 5px;
4940  }
4941
4942  .custom-variant-button.active {
4943    color: white;
4944    background-color: #5b6670!important; 
4945  }</style><div class="card-wrapper underline-links-hover">
4946    <div class="card
4947      card--standard
4948       card--media
4949      
4950      
4951      "
4952      style="--ratio-percent: 100%;"
4953    >
4954      <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100%;"><div class="card__media">
4955            <div class="media media--transparent media--hover-effect">
4956              
4957              <img loading="lazy"
4958                srcset="//dermalogica.co.th/cdn/shop/files/dermalogica-precleanse-cleansing-oil-1.jpg?v=1786737201&width=165 165w,//dermalogica.co.th/cdn/shop/files/dermalogica-precleanse-cleansing-oil-1.jpg?v=1786737201&width=360 360w,//dermalogica.co.th/cdn/shop/files/dermalogica-precleanse-cleansing-oil-1.jpg?v=1786737201&width=533 533w,//dermalogica.co.th/cdn/shop/files/dermalogica-precleanse-cleansing-oil-1.jpg?v=1786737201&width=720 720w,//dermalogica.co.th/cdn/shop/files/dermalogica-precleanse-cleansing-oil-1.jpg?v=1786737201 800w"
4959                src="//dermalogica.co.th/cdn/shop/files/dermalogica-precleanse-cleansing-oil-1.jpg?v=1786737201&width=533"
4960                sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
4961                alt="precleanse"
4962                class="motion-reduce"
4963                loading="lazy"
4964                width="800"
4965                height="800"
4966              >
4967              
4968<img loading="lazy"
4969                  srcset="//dermalogica.co.th/cdn/shop/files/dermalogica-precleanse-cleansing-oil-12.jpg?v=1786737201&width=165 165w,//dermalogica.co.th/cdn/shop/files/dermalogica-precleanse-cleansing-oil-12.jpg?v=1786737201&width=360 360w,//dermalogica.co.th/cdn/shop/files/dermalogica-precleanse-cleansing-oil-12.jpg?v=1786737201&width=533 533w,//dermalogica.co.th/cdn/shop/files/dermalogica-precleanse-cleansing-oil-12.jpg?v=1786737201&width=720 720w,//dermalogica.co.th/cdn/shop/files/dermalogica-precleanse-cleansing-oil-12.jpg?v=1786737201 800w"
4970                  src="//dermalogica.co.th/cdn/shop/files/dermalogica-precleanse-cleansing-oil-12.jpg?v=1786737201&width=533"
4971                  sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
4972                  alt=""
4973                  class="motion-reduce"
4974                 
4975                  width="800"
4976                  height="800"
4977                ></div>
4978          </div><div class="card__content">
4979          <div class="card__information">
4980            <h3 class="custom-card-heading card__heading">
4981              <a href="/collections/shop-all-products/products/expiry-precleanse-cleansing-oil" id="StandardCardNoMediaLink-template--19247830008005__product-grid-8995541483717" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--19247830008005__product-grid-8995541483717 NoMediaStandardBadge-template--19247830008005__product-grid-8995541483717">
4982                precleanse
4983              </a>
4984            </h3>
4985          </div>
4986          <div class="card__badge bottom right"><span id="NoMediaStandardBadge-template--19247830008005__product-grid-8995541483717" class="badge badge--bottom-left color-accent-2"> -55%</span></div>
4987        </div>
4988      </div>
4989      <div class="card__content">
4990        <div class="card__information">
4991          <h3 class="custom-card-heading card__heading h5" id="title-template--19247830008005__product-grid-8995541483717">
4992            <a href="/collections/shop-all-products/products/expiry-precleanse-cleansing-oil" id="CardLink-template--19247830008005__product-grid-8995541483717" class="full-unstyled-link" aria-labelledby="CardLink-template--19247830008005__product-grid-8995541483717 Badge-template--19247830008005__product-grid-8995541483717">
4993              precleanse
4994            </a>
4995          </h3>
4996          <div class="custom-card-information card-information"><span class="caption-large light"></span>
4997
4998<div class="price  price--on-sale ">
4999  <div class="price__container"><div class="price__regular">
5000      <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
5001      <span class="price-item price-item--regular" id="price-regular-8995541483717">
5002        ฿315.00
5003      </span>
5004    </div>
5005    <div class="price__sale">
5006        <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
5007        <span>
5008          <s class="price-item price-item--regular" id="price-compare-8995541483717">
5009            
5010              ฿700.00
5011            
5012          </s>
5013        </span><span class="visually-hidden visually-hidden--inline">ราคาช่วงลดราคา</span>
5014      <span class="price-item price-item--sale price-item--last" id="price-sale-8995541483717">
5015        ฿315.00
5016      </span>
5017    </div><small class="unit-price caption hidden">
5018      <span class="visually-hidden">ราคาต่อหน่วย</span>
5019      <span class="price-item price-item--last">
5020        <span></span>
5021        <span aria-hidden="true">/</span>
5022        <span class="visually-hidden">&nbsp;ต่อ&nbsp;</span>
5023        <span>
5024        </span>
5025      </span>
5026    </small>
5027  </div>
5028
5029</div>
5030          </div>
5031        </div><div class="quick-add custom-quick-add"  style=""><product-form><form method="post" action="/cart/add" id="quick-add-template--19247830008005__product-grid8995541483717" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="46834746163397" disabled>
5032                      <button
5033                        id="quick-add-template--19247830008005__product-grid8995541483717-submit"
5034                        type="submit"
5035                        name="add"
5036                        class="quick-add__submit button button--full-width button--secondary custom-button"
5037                        aria-haspopup="dialog"
5038                        aria-labelledby="quick-add-template--19247830008005__product-grid8995541483717-submit title-template--19247830008005__product-grid-8995541483717"
5039                        aria-live="polite"
5040                        data-sold-out-message="true"
5041                        
5042                      >
5043                        <span>เพิ่มลงในตะกร้าสินค้า
5044</span>
5045                        <span class="sold-out-message hidden">
5046                          ขายหมดแล้ว
5047                        </span>
5048                        <div class="loading-overlay__spinner hidden">
5049                          <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
5050                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
5051                          </svg>
5052                        </div>
5053                      </button><input type="hidden" name="product-id" value="8995541483717" /><input type="hidden" name="section-id" value="template--19247830008005__product-grid" /></form></product-form></div>
5054            <div class="card__badge bottom right"><span id="Badge-template--19247830008005__product-grid-8995541483717" class="badge badge--bottom-left color-accent-2"> -55%</span></div>
5055      </div>
5056    </div>
5057  </div>
5057<script>
5058  function changeVariant(variantid, variantprice, productid, compareatprice){
5059    var btnContainer = document.getElementById(productid);
5060    var btns = btnContainer.getElementsByClassName("active");
5061    btns[0].classList.remove("active");
5062
5063    var btnsactive = btnContainer.getElementsByClassName(variantid);
5064    btnsactive[0].classList.add("active");
5065    
5066    document.getElementById("id-"+productid).value = variantid;
5067    document.getElementById("variantprice-"+productid).textContent = variantprice;
5068
5069    document.getElementById("price-regular-"+productid).textContent = variantprice;
5070    document.getElementById("price-compare-"+productid).textContent = compareatprice;
5071    document.getElementById("price-sale-"+productid).textContent = variantprice;
5072  }
5073</script>
5073
5074                </li>
5075
5076                <li id="grid-5" class="grid__item" style="">
5077                  
5078
5079
5080<link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-rating.aio.min.css?v=6522338228602582101754032838" rel="stylesheet" type="text/css" media="all" />
5081<style data-shopify>.custom-card-heading {
5082    font-weight: 700; 
5083    font-size: 12px; 
5084    line-height: 15px; 
5085    text-align: center;
5086  }
5087
5088  .custom-card-information {
5089    text-align: center !important;
5090  }
5091
5092  .custom-button {
5093    min-height: auto;
5094    font-weight: 700;
5095    font-size: 10px;
5096    text-transform: uppercase;
5097    margin-top: 10px;
5098    padding-top: 10px;
5099    padding-bottom: 10px;
5100  }
5101
5102  .custom-button:hover {
5103    color: white;
5104    background-color: #5B6670;
5105  }
5106
5107  .custom-therapist-variant-selector-container{
5108    margin-top: 2rem;
5109    margin-bottom: 4rem;
5110  }
5111  .custom-therapist-button {
5112    border-radius: 2px;
5113    min-height: auto;
5114    font-weight: 700;
5115    font-size: 10px;
5116    text-transform: uppercase;
5117    margin-top: 10px;
5118    padding-top: 10px;
5119    padding-bottom: 10px;
5120  }
5121  .custom-therapist-button-container a{
5122    text-decoration: none;
5123  }
5124  .custom-therapist-button:hover {
5125    color: #5B6670!important;
5126    background-color: white;
5127  }
5128
5129  .custom-quick-add {
5130    text-align: center;
5131  }
5132
5133  .custom-variant-button {
5134    color: #5b6670;
5135    background-color: transparent!important; 
5136    transition: border-color .2s ease,background-color .2s ease,width .2s ease,height .2s ease;
5137    border: 1px solid #5b6670!important;
5138    font-size: 10px;
5139    font-family: Helvetica,Helvetica Neue,Arial,Lucida Grande,sans-serif;
5140    font-style: normal;
5141    font-weight: 700;
5142    text-decoration: none;
5143    letter-spacing: .1em;
5144    cursor: pointer;
5145    display: inline-block;
5146    padding: 5px 5px;
5147  }
5148
5149  .custom-variant-button.active {
5150    color: white;
5151    background-color: #5b6670!important; 
5152  }</style><div class="card-wrapper underline-links-hover">
5153    <div class="card
5154      card--standard
5155       card--media
5156      
5157      
5158      "
5159      style="--ratio-percent: 100%;"
5160    >
5161      <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100%;"><div class="card__media">
5162            <div class="media media--transparent media--hover-effect">
5163              
5164              <img loading="lazy"
5165                srcset="//dermalogica.co.th/cdn/shop/files/multivitamin-power-firm-1.jpg?v=1724656007&width=165 165w,//dermalogica.co.th/cdn/shop/files/multivitamin-power-firm-1.jpg?v=1724656007&width=360 360w,//dermalogica.co.th/cdn/shop/files/multivitamin-power-firm-1.jpg?v=1724656007&width=533 533w,//dermalogica.co.th/cdn/shop/files/multivitamin-power-firm-1.jpg?v=1724656007&width=720 720w,//dermalogica.co.th/cdn/shop/files/multivitamin-power-firm-1.jpg?v=1724656007&width=940 940w,//dermalogica.co.th/cdn/shop/files/multivitamin-power-firm-1.jpg?v=1724656007&width=1066 1066w,//dermalogica.co.th/cdn/shop/files/multivitamin-power-firm-1.jpg?v=1724656007 2167w"
5166                src="//dermalogica.co.th/cdn/shop/files/multivitamin-power-firm-1.jpg?v=1724656007&width=533"
5167                sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
5168                alt="multivitamin power firm - Dermalogica Thailand"
5169                class="motion-reduce"
5170                loading="lazy"
5171                width="2167"
5172                height="2167"
5173              >
5174              
5175<img loading="lazy"
5176                  srcset="//dermalogica.co.th/cdn/shop/files/multivitamin-power-firm-2.jpg?v=1724656009&width=165 165w,//dermalogica.co.th/cdn/shop/files/multivitamin-power-firm-2.jpg?v=1724656009&width=360 360w,//dermalogica.co.th/cdn/shop/files/multivitamin-power-firm-2.jpg?v=1724656009&width=533 533w,//dermalogica.co.th/cdn/shop/files/multivitamin-power-firm-2.jpg?v=1724656009&width=720 720w,//dermalogica.co.th/cdn/shop/files/multivitamin-power-firm-2.jpg?v=1724656009&width=940 940w,//dermalogica.co.th/cdn/shop/files/multivitamin-power-firm-2.jpg?v=1724656009&width=1066 1066w,//dermalogica.co.th/cdn/shop/files/multivitamin-power-firm-2.jpg?v=1724656009 2048w"
5177                  src="//dermalogica.co.th/cdn/shop/files/multivitamin-power-firm-2.jpg?v=1724656009&width=533"
5178                  sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
5179                  alt=""
5180                  class="motion-reduce"
5181                 
5182                  width="2048"
5183                  height="2048"
5184                ></div>
5185          </div><div class="card__content">
5186          <div class="card__information">
5187            <h3 class="custom-card-heading card__heading">
5188              <a href="/collections/shop-all-products/products/expiry-multivitamin-power-firm-eye-cream" id="StandardCardNoMediaLink-template--19247830008005__product-grid-8995539058885" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--19247830008005__product-grid-8995539058885 N
5188oMediaStandardBadge-template--19247830008005__product-grid-8995539058885">
5189                [EXP. 03/27] multivitamin power firm eye cream
5190              </a>
5191            </h3>
5192          </div>
5193          <div class="card__badge bottom right"><span id="NoMediaStandardBadge-template--19247830008005__product-grid-8995539058885" class="badge badge--bottom-left color-accent-2"> -50%</span></div>
5194        </div>
5195      </div>
5196      <div class="card__content">
5197        <div class="card__information">
5198          <h3 class="custom-card-heading card__heading h5" id="title-template--19247830008005__product-grid-8995539058885">
5199            <a href="/collections/shop-all-products/products/expiry-multivitamin-power-firm-eye-cream" id="CardLink-template--19247830008005__product-grid-8995539058885" class="full-unstyled-link" aria-labelledby="CardLink-template--19247830008005__product-grid-8995539058885 Badge-template--19247830008005__product-grid-8995539058885">
5200              [EXP. 03/27] multivitamin power firm eye cream
5201            </a>
5202          </h3>
5203          <div class="custom-card-information card-information"><span class="caption-large light"></span>
5204
5205<div class="price  price--on-sale ">
5206  <div class="price__container"><div class="price__regular">
5207      <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
5208      <span class="price-item price-item--regular" id="price-regular-8995539058885">
5209        ฿1,845.00
5210      </span>
5211    </div>
5212    <div class="price__sale">
5213        <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
5214        <span>
5215          <s class="price-item price-item--regular" id="price-compare-8995539058885">
5216            
5217              ฿3,690.00
5218            
5219          </s>
5220        </span><span class="visually-hidden visually-hidden--inline">ราคาช่วงลดราคา</span>
5221      <span class="price-item price-item--sale price-item--last" id="price-sale-8995539058885">
5222        ฿1,845.00
5223      </span>
5224    </div><small class="unit-price caption hidden">
5225      <span class="visually-hidden">ราคาต่อหน่วย</span>
5226      <span class="price-item price-item--last">
5227        <span></span>
5228        <span aria-hidden="true">/</span>
5229        <span class="visually-hidden">&nbsp;ต่อ&nbsp;</span>
5230        <span>
5231        </span>
5232      </span>
5233    </small>
5234  </div>
5235
5236</div>
5237          </div>
5238        </div><div class="quick-add custom-quick-add"  style=""><product-form><form method="post" action="/cart/add" id="quick-add-template--19247830008005__product-grid8995539058885" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="46834735513797" disabled>
5239                      <button
5240                        id="quick-add-template--19247830008005__product-grid8995539058885-submit"
5241                        type="submit"
5242                        name="add"
5243                        class="quick-add__submit button button--full-width button--secondary custom-button"
5244                        aria-haspopup="dialog"
5245                        aria-labelledby="quick-add-template--19247830008005__product-grid8995539058885-submit title-template--19247830008005__product-grid-8995539058885"
5246                        aria-live="polite"
5247                        data-sold-out-message="true"
5248                        
5249                      >
5250                        <span>เพิ่มลงในตะกร้าสินค้า
5251</span>
5252                        <span class="sold-out-message hidden">
5253                          ขายหมดแล้ว
5254                        </span>
5255                        <div class="loading-overlay__spinner hidden">
5256                          <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
5257                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
5258                          </svg>
5259                        </div>
5260                      </button><input type="hidden" name="product-id" value="8995539058885" /><input type="hidden" name="section-id" value="template--19247830008005__product-grid" /></form></product-form></div>
5261            <div class="card__badge bottom right"><span id="Badge-template--19247830008005__product-grid-8995539058885" class="badge badge--bottom-left color-accent-2"> -50%</span></div>
5262      </div>
5263    </div>
5264  </div>
5264<script>
5265  function changeVariant(variantid, variantprice, productid, compareatprice){
5266    var btnContainer = document.getElementById(productid);
5267    var btns = btnContainer.getElementsByClassName("active");
5268    btns[0].classList.remove("active");
5269
5270    var btnsactive = btnContainer.getElementsByClassName(variantid);
5271    btnsactive[0].classList.add("active");
5272    
5273    document.getElementById("id-"+productid).value = variantid;
5274    document.getElementById("variantprice-"+productid).textContent = variantprice;
5275
5276    document.getElementById("price-regular-"+productid).textContent = variantprice;
5277    document.getElementById("price-compare-"+productid).textContent = compareatprice;
5278    document.getElementById("price-sale-"+productid).textContent = variantprice;
5279  }
5280</script>
5280
5281                </li>
5282
5283                <li id="grid-6" class="grid__item" style="">
5284                  
5285
5286
5287<link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-rating.aio.min.css?v=6522338228602582101754032838" rel="stylesheet" type="text/css" media="all" />
5288<style data-shopify>.custom-card-heading {
5289    font-weight: 700; 
5290    font-size: 12px; 
5291    line-height: 15px; 
5292    text-align: center;
5293  }
5294
5295  .custom-card-information {
5296    text-align: center !important;
5297  }
5298
5299  .custom-button {
5300    min-height: auto;
5301    font-weight: 700;
5302    font-size: 10px;
5303    text-transform: uppercase;
5304    margin-top: 10px;
5305    padding-top: 10px;
5306    padding-bottom: 10px;
5307  }
5308
5309  .custom-button:hover {
5310    color: white;
5311    background-color: #5B6670;
5312  }
5313
5314  .custom-therapist-variant-selector-container{
5315    margin-top: 2rem;
5316    margin-bottom: 4rem;
5317  }
5318  .custom-therapist-button {
5319    border-radius: 2px;
5320    min-height: auto;
5321    font-weight: 700;
5322    font-size: 10px;
5323    text-transform: uppercase;
5324    margin-top: 10px;
5325    padding-top: 10px;
5326    padding-bottom: 10px;
5327  }
5328  .custom-therapist-button-container a{
5329    text-decoration: none;
5330  }
5331  .custom-therapist-button:hover {
5332    color: #5B6670!important;
5333    background-color: white;
5334  }
5335
5336  .custom-quick-add {
5337    text-align: center;
5338  }
5339
5340  .custom-variant-button {
5341    color: #5b6670;
5342    background-color: transparent!important; 
5343    transition: border-color .2s ease,background-color .2s ease,width .2s ease,height .2s ease;
5344    border: 1px solid #5b6670!important;
5345    font-size: 10px;
5346    font-family: Helvetica,Helvetica Neue,Arial,Lucida Grande,sans-serif;
5347    font-style: normal;
5348    font-weight: 700;
5349    text-decoration: none;
5350    letter-spacing: .1em;
5351    cursor: pointer;
5352    display: inline-block;
5353    padding: 5px 5px;
5354  }
5355
5356  .custom-variant-button.active {
5357    color: white;
5358    background-color: #5b6670!important; 
5359  }</style><div class="card-wrapper underline-links-hover">
5360    <div class="card
5361      card--standard
5362       card--media
5363      
5364      
5365      "
5366      style="--ratio-percent: 100%;"
5367    >
5368      <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100%;"><div class="card__media">
5369            <div class="media media--transparent media--hover-effect">
5370              
5371              <img loading="lazy"
5372                srcset="//dermalogica.co.th/cdn/shop/files/106.png?v=1741940582&width=165 165w,//dermalogica.co.th/cdn/shop/files/106.png?v=1741940582&width=360 360w,//dermalogica.co.th/cdn/shop/files/106.png?v=1741940582&width=533 533w,//dermalogica.co.th/cdn/shop/files/106.png?v=1741940582&width=720 720w,//dermalogica.co.th/cdn/shop/files/106.png?v=1741940582&width=940 940w,//dermalogica.co.th/cdn/shop/files/106.png?v=1741940582&width=1066 1066w,//dermalogica.co.th/cdn/shop/files/106.png?v=1741940582 1080w"
5373                src="//dermalogica.co.th/cdn/shop/files/106.png?v=1741940582&width=533"
5374                sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
5375                alt="[EXP. 01/27] skin repair duo (1 full-size + free travel)"
5376                class="motion-reduce"
5377                loading="lazy"
5378                width="1080"
5379                height="1080"
5380              >
5381              
5382<img loading="lazy"
5383                  srcset="//dermalogica.co.th/cdn/shop/files/107.png?v=1741940582&width=165 165w,//dermalogica.co.th/cdn/shop/files/107.png?v=1741940582&width=360 360w,//dermalogica.co.th/cdn/shop/files/107.png?v=1741940582&width=533 533w,//dermalogica.co.th/cdn/shop/files/107.png?v=1741940582&width=720 720w,//dermalogica.co.th/cdn/shop/files/107.png?v=1741940582&width=940 940w,//dermalogica.co.th/cdn/shop/files/107.png?v=1741940582&width=1066 1066w,//dermalogica.co.th/cdn/shop/files/107.png?v=1741940582 1080w"
5384                  src="//dermalogica.co.th/cdn/shop/files/107.png?v=1741940582&width=533"
5385                  sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
5386                  alt=""
5387                  class="motion-reduce"
5388                 
5389                  width="1080"
5390                  height="1080"
5391                ></div>
5392          </div><div class="card__content">
5393          <div class="card__information">
5394            <h3 class="custom-card-heading card__heading">
5395              <a href="/collections/shop-all-products/products/expiry-skin-repair-duo-1-full-size-free-travel" id="StandardCardNoMediaLink-template--19247830008005__product-grid-8995538174149" 
5395class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--19247830008005__product-grid-8995538174149 NoMediaStandardBadge-template--19247830008005__product-grid-8995538174149">
5396                [EXP. 01/27] skin repair duo (1 full-size + free travel)
5397              </a>
5398            </h3>
5399          </div>
5400          <div class="card__badge bottom right"><span id="NoMediaStandardBadge-template--19247830008005__product-grid-8995538174149" class="badge badge--bottom-left color-inverse">ขายหมดแล้ว</span></div>
5401        </div>
5402      </div>
5403      <div class="card__content">
5404        <div class="card__information">
5405          <h3 class="custom-card-heading card__heading h5" id="title-template--19247830008005__product-grid-8995538174149">
5406            <a href="/collections/shop-all-products/products/expiry-skin-repair-duo-1-full-size-free-travel" id="CardLink-template--19247830008005__product-grid-8995538174149" class="full-unstyled-link" aria-labelledby="CardLink-template--19247830008005__product-grid-8995538174149 Badge-template--19247830008005__product-grid-8995538174149">
5407              [EXP. 01/27] skin repair duo (1 full-size + free travel)
5408            </a>
5409          </h3>
5410          <div class="custom-card-information card-information"><span class="caption-large light"></span>
5411              <div class="rating" role="img" aria-label="5.0 จาก 5.0 ดาว">
5412                <span aria-hidden="true" class="rating-star color-icon-text" style="--rating: 5; --rating-max: 5.0; --rating-decimal: 0;"></span>
5413              </div>
5414              <p class="rating-text caption">
5415                <span aria-hidden="true">5.0 / 5.0</span>
5416              </p>
5417              <p class="rating-count caption">
5418                <span aria-hidden="true">(1)</span>
5419                <span class="visually-hidden">1 รีวิวทั้งหมด</span>
5420              </p>
5421
5422<div class="price  price--sold-out  price--on-sale ">
5423  <div class="price__container"><div class="price__regular">
5424      <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
5425      <span class="price-item price-item--regular" id="price-regular-8995538174149">
5426        ฿1,550.00
5427      </span>
5428    </div>
5429    <div class="price__sale">
5430        <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
5431        <span>
5432          <s class="price-item price-item--regular" id="price-compare-8995538174149">
5433            
5434              ฿3,100.00
5435            
5436          </s>
5437        </span><span class="visually-hidden visually-hidden--inline">ราคาช่วงลดราคา</span>
5438      <span class="price-item price-item--sale price-item--last" id="price-sale-8995538174149">
5439        ฿1,550.00
5440      </span>
5441    </div><small class="unit-price caption hidden">
5442      <span class="visually-hidden">ราคาต่อหน่วย</span>
5443      <span class="price-item price-item--last">
5444        <span></span>
5445        <span aria-hidden="true">/</span>
5446        <span class="visually-hidden">&nbsp;ต่อ&nbsp;</span>
5447        <span>
5448        </span>
5449      </span>
5450    </small>
5451  </div>
5452
5453</div>
5454          </div>
5455        </div><div class="quick-add custom-quick-add"  style=""><product-form><form method="post" action="/cart/add" id="quick-add-template--19247830008005__product-grid8995538174149" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="46834729779397" disabled>
5456                      <button
5457                        id="quick-add-template--19247830008005__product-grid8995538174149-submit"
5458                        type="submit"
5459                        name="add"
5460                        class="quick-add__submit button button--full-width button--secondary custom-button"
5461                        aria-haspopup="dialog"
5462                        aria-labelledby="quick-add-template--19247830008005__product-grid8995538174149-submit title-template--19247830008005__product-grid-8995538174149"
5463                        aria-live="polite"
5464                        data-sold-out-message="true"
5465                        disabled
5466                      >
5467                        <span>ขายหมดแล้ว
5468</span>
5469                        <span class="sold-out-message hidden">
5470                          ขายหมดแล้ว
5471                        </span>
5472                        <div class="loading-overlay__spinner hidden">
5473                          <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
5474                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
5475                          </svg>
5476                        </div>
5477                      </button><input type="hidden" name="product-id" value="8995538174149" /><input type="hidden" name="section-id" value="template--19247830008005__product-grid" /></form></product-form></div>
5478            <div class="card__badge bottom right"><span id="Badge-template--19247830008005__product-grid-8995538174149" class="badge badge--bottom-left color-inverse">ขายหมดแล้ว</span></div>
5479      </div>
5480    </div>
5481  </div>
5481<script>
5482  function changeVariant(variantid, variantprice, productid, compareatprice){
5483    var btnContainer = document.getElementById(productid);
5484    var btns = btnContainer.getElementsByClassName("active");
5485    btns[0].classList.remove("active");
5486
5487    var btnsactive = btnContainer.getElementsByClassName(variantid);
5488    btnsactive[0].classList.add("active");
5489    
5490    document.getElementById("id-"+productid).value = variantid;
5491    document.getElementById("variantprice-"+productid).textContent = variantprice;
5492
5493    document.getElementById("price-regular-"+productid).textContent = variantprice;
5494    document.getElementById("price-compare-"+productid).textContent = compareatprice;
5495    document.getElementById("price-sale-"+productid).textContent = variantprice;
5496  }
5497</script>
5497
5498                </li>
5499
5500                <li id="grid-7" class="grid__item" style="">
5501                  
5502
5503
5504<link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-rating.aio.min.css?v=6522338228602582101754032838" rel="stylesheet" type="text/css" media="all" />
5505<style data-shopify>.custom-card-heading {
5506    font-weight: 700; 
5507    font-size: 12px; 
5508    line-height: 15px; 
5509    text-align: center;
5510  }
5511
5512  .custom-card-information {
5513    text-align: center !important;
5514  }
5515
5516  .custom-button {
5517    min-height: auto;
5518    font-weight: 700;
5519    font-size: 10px;
5520    text-transform: uppercase;
5521    margin-top: 10px;
5522    padding-top: 10px;
5523    padding-bottom: 10px;
5524  }
5525
5526  .custom-button:hover {
5527    color: white;
5528    background-color: #5B6670;
5529  }
5530
5531  .custom-therapist-variant-selector-container{
5532    margin-top: 2rem;
5533    margin-bottom: 4rem;
5534  }
5535  .custom-therapist-button {
5536    border-radius: 2px;
5537    min-height: auto;
5538    font-weight: 700;
5539    font-size: 10px;
5540    text-transform: uppercase;
5541    margin-top: 10px;
5542    padding-top: 10px;
5543    padding-bottom: 10px;
5544  }
5545  .custom-therapist-button-container a{
5546    text-decoration: none;
5547  }
5548  .custom-therapist-button:hover {
5549    color: #5B6670!important;
5550    background-color: white;
5551  }
5552
5553  .custom-quick-add {
5554    text-align: center;
5555  }
5556
5557  .custom-variant-button {
5558    color: #5b6670;
5559    background-color: transparent!important; 
5560    transition: border-color .2s ease,background-color .2s ease,width .2s ease,height .2s ease;
5561    border: 1px solid #5b6670!important;
5562    font-size: 10px;
5563    font-family: Helvetica,Helvetica Neue,Arial,Lucida Grande,sans-serif;
5564    font-style: normal;
5565    font-weight: 700;
5566    text-decoration: none;
5567    letter-spacing: .1em;
5568    cursor: pointer;
5569    display: inline-block;
5570    padding: 5px 5px;
5571  }
5572
5573  .custom-variant-button.active {
5574    color: white;
5575    background-color: #5b6670!important; 
5576  }</style><div class="card-wrapper underline-links-hover">
5577    <div class="card
5578      card--standard
5579       card--media
5580      
5581      
5582      "
5583      style="--ratio-percent: 100%;"
5584    >
5585      <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100%;"><div class="card__media">
5586            <div class="media media--transparent media--hover-effect">
5587              
5588              <img loading="lazy"
5589                srcset="//dermalogica.co.th/cdn/shop/files/110.png?v=1741941641&width=165 165w,//dermalogica.co.th/cdn/shop/files/110.png?v=1741941641&width=360 360w,//dermalogica.co.th/cdn/shop/files/110.png?v=1741941641&width=533 533w,//dermalogica.co.th/cdn/shop/files/110.png?v=1741941641&width=720 720w,//dermalogica.co.th/cdn/shop/files/110.png?v=1741941641&width=940 940w,//dermalogica.co.th/cdn/shop/files/110.png?v=1741941641&width=1066 1066w,//dermalogica.co.th/cdn/shop/files/110.png?v=1741941641 1080w"
5590                src="//dermalogica.co.th/cdn/shop/files/110.png?v=1741941641&width=533"
5591                sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
5592                alt="[EXP. 01/27] skin aging solutions kit"
5593                class="motion-reduce"
5594                loading="lazy"
5595                width="1080"
5596                height="1080"
5597              >
5598              
5599<img loading="lazy"
5600                  srcset="//dermalogica.co.th/cdn/shop/files/111.png?v=1741941641&width=165 165w,//dermalogica.co.th/cdn/shop/files/111.png?v=1741941641&width=360 360w,//dermalogica.co.th/cdn/shop/files/111.png?v=1741941641&width=533 533w,//dermalogica.co.th/cdn/shop/files/111.png?v=1741941641&width=720 720w,//dermalogica.co.th/cdn/shop/files/111.png?v=1741941641&width=940 940w,//dermalogica.co.th/cdn/shop/files/111.png?v=1741941641&width=1066 1066w,//dermalogica.co.th/cdn/shop/files/111.png?v=1741941641 1080w"
5601                  src="//dermalogica.co.th/cdn/shop/files/111.png?v=1741941641&width=533"
5602                  sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
5603                  alt=""
5604                  class="motion-reduce"
5605                 
5606                  width="1080"
5607                  height="1080"
5608                ></div>
5609          </div><div class="card__content">
5610          <div class="card__information">
5611            <h3 class="custom-card-heading card__heading">
5612              <a href="/collections/shop-all-products/products/expiry-skin-aging-solutions-kit" id="StandardCardNoMediaLink-template--19247830008005__product-grid-8995537813701" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--19247830008005__product-grid-8995537813701 NoMediaStandardBadge-template--19247830008005__product-grid-8995537813701">
5613                [EXP. 01/27] skin aging solutions kit
5614              </a>
5615            </h3>
5616          </div>
5617          <div class="card__badge bottom right"><span id="NoMediaStandardBadge-template--19247830008005__product-grid-8995537813701" class="badge badge--bottom-left color-accent-2"> -50%</span></div>
5618        </div>
5619      </div>
5620      <div class="card__content">
5621        <div class="card__information">
5622          <h3 class="custom-card-heading card__heading h5" id="title-template--19247830008005__product-grid-8995537813701">
5623            <a href="/collections/shop-all-products/products/expiry-skin-aging-solutions-kit" id="CardLink-template--19247830008005__product-grid-8995537813701" class="full-unstyled-link" aria-labelledby="CardLink-template--19247830008005__product-grid-8995537813701 Badge-template--19247830008005__product-grid-8995537813701">
5624              [EXP. 01/27] skin aging solutions kit
5625            </a>
5626          </h3>
5627          <div class="custom-card-information card-information"><span class="caption-large light"></span>
5628
5629<div class="price  price--on-sale ">
5630  <div class="price__container"><div class="price__regular">
5631      <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
5632      <span class="price-item price-item--regular" id="price-regular-8995537813701">
5633        ฿1,950.00
5634      </span>
5635    </div>
5636    <div class="price__sale">
5637        <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
5638        <span>
5639          <s class="price-item price-item--regular" id="price-compare-8995537813701">
5640            
5641              ฿3,900.00
5642            
5643          </s>
5644        </span><span class="visually-hidden visually-hidden--inline">ราคาช่วงลดราคา</span>
5645      <span class="price-item price-item--sale price-item--last" id="price-sale-8995537813701">
5646        ฿1,950.00
5647      </span>
5648    </div><small class="unit-price caption hidden">
5649      <span class="visually-hidden">ราคาต่อหน่วย</span>
5650      <span class="price-item price-item--last">
5651        <span></span>
5652        <span aria-hidden="true">/</span>
5653        <span class="visually-hidden">&nbsp;ต่อ&nbsp;</span>
5654        <span>
5655        </span>
5656      </span>
5657    </small>
5658  </div>
5659
5660</div>
5661          </div>
5662        </div><div class="quick-add custom-quick-add"  style=""><product-form><form method="post" action="/cart/add" id="quick-add-template--19247830008005__product-grid8995537813701" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="46834727256261" disabled>
5663                      <button
5664                        id="quick-add-template--19247830008005__product-grid8995537813701-submit"
5665                        type="submit"
5666                        name="add"
5667                        class="quick-add__submit button button--full-width button--secondary custom-button"
5668                        aria-haspopup="dialog"
5669                        aria-labelledby="quick-add-template--19247830008005__product-grid8995537813701-submit title-template--19247830008005__product-grid-8995537813701"
5670                        aria-live="polite"
5671                        data-sold-out-message="true"
5672                        
5673                      >
5674                        <span>เพิ่มลงในตะกร้าสินค้า
5675</span>
5676                        <span class="sold-out-message hidden">
5677                          ขายหมดแล้ว
5678                        </span>
5679                        <div class="loading-overlay__spinner hidden">
5680                          <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
5681                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
5682                          </svg>
5683                        </div>
5684                      </button><input type="hidden" name="product-id" value="8995537813701" /><input type="hidden" name="section-id" value="template--19247830008005__product-grid" /></form></product-form></div>
5685            <div class="card__badge bottom right"><span id="Badge-template--19247830008005__product-grid-8995537813701" class="badge badge--bottom-left color-accent-2"> -50%</span></div>
5686      </div>
5687    </div>
5688  </div>
5688<script>
5689  function changeVariant(variantid, variantprice, productid, compareatprice){
5690    var btnContainer = document.getElementById(productid);
5691    var btns = btnContainer.getElementsByClassName("active");
5692    btns[0].classList.remove("active");
5693
5694    var btnsactive = btnContainer.getElementsByClassName(variantid);
5695    btnsactive[0].classList.add("active");
5696    
5697    document.getElementById("id-"+productid).value = variantid;
5698    document.getElementById("variantprice-"+productid).textContent = variantprice;
5699
5700    document.getElementById("price-regular-"+productid).textContent = variantprice;
5701    document.getElementById("price-compare-"+productid).textContent = compareatprice;
5702    document.getElementById("price-sale-"+productid).textContent = variantprice;
5703  }
5704</script>
5704
5705                </li>
5706
5707                <li id="grid-8" class="grid__item" style="">
5708                  
5709
5710
5711<link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-rating.aio.min.css?v=6522338228602582101754032838" rel="stylesheet" type="text/css" media="all" />
5712<style data-shopify>.custom-card-heading {
5713    font-weight: 700; 
5714    font-size: 12px; 
5715    line-height: 15px; 
5716    text-align: center;
5717  }
5718
5719  .custom-card-information {
5720    text-align: center !important;
5721  }
5722
5723  .custom-button {
5724    min-height: auto;
5725    font-weight: 700;
5726    font-size: 10px;
5727    text-transform: uppercase;
5728    margin-top: 10px;
5729    padding-top: 10px;
5730    padding-bottom: 10px;
5731  }
5732
5733  .custom-button:hover {
5734    color: white;
5735    background-color: #5B6670;
5736  }
5737
5738  .custom-therapist-variant-selector-container{
5739    margin-top: 2rem;
5740    margin-bottom: 4rem;
5741  }
5742  .custom-therapist-button {
5743    border-radius: 2px;
5744    min-height: auto;
5745    font-weight: 700;
5746    font-size: 10px;
5747    text-transform: uppercase;
5748    margin-top: 10px;
5749    padding-top: 10px;
5750    padding-bottom: 10px;
5751  }
5752  .custom-therapist-button-container a{
5753    text-decoration: none;
5754  }
5755  .custom-therapist-button:hover {
5756    color: #5B6670!important;
5757    background-color: white;
5758  }
5759
5760  .custom-quick-add {
5761    text-align: center;
5762  }
5763
5764  .custom-variant-button {
5765    color: #5b6670;
5766    background-color: transparent!important; 
5767    transition: border-color .2s ease,background-color .2s ease,width .2s ease,height .2s ease;
5768    border: 1px solid #5b6670!important;
5769    font-size: 10px;
5770    font-family: Helvetica,Helvetica Neue,Arial,Lucida Grande,sans-serif;
5771    font-style: normal;
5772    font-weight: 700;
5773    text-decoration: none;
5774    letter-spacing: .1em;
5775    cursor: pointer;
5776    display: inline-block;
5777    padding: 5px 5px;
5778  }
5779
5780  .custom-variant-button.active {
5781    color: white;
5782    background-color: #5b6670!important; 
5783  }</style><div class="card-wrapper underline-links-hover">
5784    <div class="card
5785      card--standard
5786       card--media
5787      
5788      
5789      "
5790      style="--ratio-percent: 100%;"
5791    >
5792      <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100%;"><div class="card__media">
5793            <div class="media media--transparent media--hover-effect">
5794              
5795              <img loading="lazy"
5796                srcset="//dermalogica.co.th/cdn/shop/files/12.png?v=1740736024&width=165 165w,//dermalogica.co.th/cdn/shop/files/12.png?v=1740736024&width=360 360w,//dermalogica.co.th/cdn/shop/files/12.png?v=1740736024&width=533 533w,//dermalogica.co.th/cdn/shop/files/12.png?v=1740736024&width=720 720w,//dermalogica.co.th/cdn/shop/files/12.png?v=1740736024&width=940 940w,//dermalogica.co.th/cdn/shop/files/12.png?v=1740736024 1040w"
5797                src="//dermalogica.co.th/cdn/shop/files/12.png?v=1740736024&width=533"
5798                sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
5799                alt="[EXP. 02/27] active moist moisturizer"
5800                class="motion-reduce"
5801                loading="lazy"
5802                width="1040"
5803                height="1040"
5804              >
5805              
5806<img loading="lazy"
5807                  srcset="//dermalogica.co.th/cdn/shop/files/download_4.jpg?v=1740736024&width=165 165w,//dermalogica.co.th/cdn/shop/files/download_4.jpg?v=1740736024&width=360 360w,//dermalogica.co.th/cdn/shop/files/download_4.jpg?v=1740736024&width=533 533w,//dermalogica.co.th/cdn/shop/files/download_4.jpg?v=1740736024&width=720 720w,//dermalogica.co.th/cdn/shop/files/download_4.jpg?v=1740736024&width=940 940w,//dermalogica.co.th/cdn/shop/files/download_4.jpg?v=1740736024&width=1066 1066w,//dermalogica.co.th/cdn/shop/files/download_4.jpg?v=1740736024 1080w"
5808                  src="//dermalogica.co.th/cdn/shop/files/download_4.jpg?v=1740736024&width=533"
5809                  sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
5810                  alt=""
5811                  class="motion-reduce"
5812                 
5813                  width="1080"
5814                  height="1080"
5815                ></div>
5816          </div><div class="card__content">
5817          <div class="card__information">
5818            <h3 class="custom-card-heading card__heading">
5819              <a href="/collections/shop-all-products/products/exp-active-moist-moisturizer" id="StandardCardNoMediaLink-template--19247830008005__product-grid-8992152223941" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--19247830008005__product-grid-8992152223941 NoMediaStandardBadge-template--19247830008005__product-grid-8992152223941">
5820                [EXP. 02/27] active moist moisturizer
5821              </a>
5822            </h3>
5823          </div>
5824          <div class="card__badge bottom right"><span id="NoMediaStandardBadge-template--19247830008005__product-grid-8992152223941" class="badge badge--bottom-left color-accent-2"> -50%</span></div>
5825        </div>
5826      </div>
5827      <div class="card__content">
5828        <div class="card__information">
5829          <h3 class="custom-card-heading card__heading h5" id="title-template--19247830008005__product-grid-8992152223941">
5830            <a href="/collections/shop-all-products/products/exp-active-moist-moisturizer" id="CardLink-template--19247830008005__product-grid-8992152223941" class="full-unstyled-link" aria-labelledby="CardLink-template--19247830008005__product-grid-8992152223941 Badge-template--19247830008005__product-grid-8992152223941">
5831              [EXP. 02/27] active moist moisturizer
5832            </a>
5833          </h3>
5834          <div class="custom-card-information card-information"><span class="caption-large light"></span>
5835              <div class="rating" role="img" aria-label="5.0 จาก 5.0 ดาว">
5836                <span aria-hidden="true" class="rating-star color-icon-text" style="--rating: 5; --rating-max: 5.0; --rating-decimal: 0;"></span>
5837              </div>
5838              <p class="rating-text caption">
5839                <span aria-hidden="true">5.0 / 5.0</span>
5840              </p>
5841              <p class="rating-count caption">
5842                <span aria-hidden="true">(7)</span>
5843                <span class="visually-hidden">7 รีวิวทั้งหมด</span>
5844              </p>
5845
5846<div class="price  price--on-sale ">
5847  <div class="price__container"><div class="price__regular">
5848      <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
5849      <span class="price-item price-item--regular" id="price-regular-8992152223941">
5850        ฿1,245.00
5851      </span>
5852    </div>
5853    <div class="price__sale">
5854        <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
5855        <span>
5856          <s class="price-item price-item--regular" id="price-compare-8992152223941">
5857            
5858              ฿2,490.00
5859            
5860          </s>
5861        </span><span class="visually-hidden visually-hidden--inline">ราคาช่วงลดราคา</span>
5862      <span class="price-item price-item--sale price-item--last" id="price-sale-8992152223941">
5863        ฿1,245.00
5864      </span>
5865    </div><small class="unit-price caption hidden">
5866      <span class="visually-hidden">ราคาต่อหน่วย</span>
5867      <span class="price-item price-item--last">
5868        <span></span>
5869        <span aria-hidden="true">/</span>
5870        <span class="visually-hidden">&nbsp;ต่อ&nbsp;</span>
5871        <span>
5872        </span>
5873      </span>
5874    </small>
5875  </div>
5876
5877</div>
5878          </div>
5879        </div><div class="quick-add custom-quick-add"  style=""><product-form><form method="post" action="/cart/add" id="quick-add-template--19247830008005__product-grid8992152223941" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="46825471443141" disabled>
5880                      <button
5881                        id="quick-add-template--19247830008005__product-grid8992152223941-submit"
5882                        type="submit"
5883                        name="add"
5884                        class="quick-add__submit button button--full-width button--secondary custom-button"
5885                        aria-haspopup="dialog"
5886                        aria-labelledby="quick-add-template--19247830008005__product-grid8992152223941-submit title-template--19247830008005__product-grid-8992152223941"
5887                        aria-live="polite"
5888                        data-sold-out-message="true"
5889                        
5890                      >
5891                        <span>เพิ่มลงในตะกร้าสินค้า
5892</span>
5893                        <span class="sold-out-message hidden">
5894                          ขายหมดแล้ว
5895                        </span>
5896                        <div class="loading-overlay__spinner hidden">
5897                          <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
5898                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
5899                          </svg>
5900                        </div>
5901                      </button><input type="hidden" name="product-id" value="8992152223941" /><input type="hidden" name="section-id" value="template--19247830008005__product-grid" /></form></product-form></div>
5902            <div class="card__badge bottom right"><span id="Badge-template--19247830008005__product-grid-8992152223941" class="badge badge--bottom-left color-accent-2"> -50%</span></div>
5903      </div>
5904    </div>
5905  </div>
5905<script>
5906  function changeVariant(variantid, variantprice, productid, compareatprice){
5907    var btnContainer = document.getElementById(productid);
5908    var btns = btnContainer.getElementsByClassName("active");
5909    btns[0].classList.remove("active");
5910
5911    var btnsactive = btnContainer.getElementsByClassName(variantid);
5912    btnsactive[0].classList.add("active");
5913    
5914    document.getElementById("id-"+productid).value = variantid;
5915    document.getElementById("variantprice-"+productid).textContent = variantprice;
5916
5917    document.getElementById("price-regular-"+productid).textContent = variantprice;
5918    document.getElementById("price-compare-"+productid).textContent = compareatprice;
5919    document.getElementById("price-sale-"+productid).textContent = variantprice;
5920  }
5921</script>
5921
5922                </li>
5923
5924                <li id="grid-9" class="grid__item" style="">
5925                  
5926
5927
5928<link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-rating.aio.min.css?v=6522338228602582101754032838" rel="stylesheet" type="text/css" media="all" />
5929<style data-shopify>.custom-card-heading {
5930    font-weight: 700; 
5931    font-size: 12px; 
5932    line-height: 15px; 
5933    text-align: center;
5934  }
5935
5936  .custom-card-information {
5937    text-align: center !important;
5938  }
5939
5940  .custom-button {
5941    min-height: auto;
5942    font-weight: 700;
5943    font-size: 10px;
5944    text-transform: uppercase;
5945    margin-top: 10px;
5946    padding-top: 10px;
5947    padding-bottom: 10px;
5948  }
5949
5950  .custom-button:hover {
5951    color: white;
5952    background-color: #5B6670;
5953  }
5954
5955  .custom-therapist-variant-selector-container{
5956    margin-top: 2rem;
5957    margin-bottom: 4rem;
5958  }
5959  .custom-therapist-button {
5960    border-radius: 2px;
5961    min-height: auto;
5962    font-weight: 700;
5963    font-size: 10px;
5964    text-transform: uppercase;
5965    margin-top: 10px;
5966    padding-top: 10px;
5967    padding-bottom: 10px;
5968  }
5969  .custom-therapist-button-container a{
5970    text-decoration: none;
5971  }
5972  .custom-therapist-button:hover {
5973    color: #5B6670!important;
5974    background-color: white;
5975  }
5976
5977  .custom-quick-add {
5978    text-align: center;
5979  }
5980
5981  .custom-variant-button {
5982    color: #5b6670;
5983    background-color: transparent!important; 
5984    transition: border-color .2s ease,background-color .2s ease,width .2s ease,height .2s ease;
5985    border: 1px solid #5b6670!important;
5986    font-size: 10px;
5987    font-family: Helvetica,Helvetica Neue,Arial,Lucida Grande,sans-serif;
5988    font-style: normal;
5989    font-weight: 700;
5990    text-decoration: none;
5991    letter-spacing: .1em;
5992    cursor: pointer;
5993    display: inline-block;
5994    padding: 5px 5px;
5995  }
5996
5997  .custom-variant-button.active {
5998    color: white;
5999    background-color: #5b6670!important; 
6000  }</style><div class="card-wrapper underline-links-hover">
6001    <div class="card
6002      card--standard
6003       card--media
6004      
6005      
6006      "
6007      style="--ratio-percent: 100%;"
6008    >
6009      <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100%;"><div class="card__media">
6010            <div class="media media--transparent media--hover-effect">
6011              
6012              <img loading="lazy"
6013                srcset="//dermalogica.co.th/cdn/shop/files/skin-smoothing-cream-1.jpg?v=1724656133&width=165 165w,//dermalogica.co.th/cdn/shop/files/skin-smoothing-cream-1.jpg?v=1724656133&width=360 360w,//dermalogica.co.th/cdn/shop/files/skin-smoothing-cream-1.jpg?v=1724656133&width=533 533w,//dermalogica.co.th/cdn/shop/files/skin-smoothing-cream-1.jpg?v=1724656133&width=720 720w,//dermalogica.co.th/cdn/shop/files/skin-smoothing-cream-1.jpg?v=1724656133&width=940 940w,//dermalogica.co.th/cdn/shop/files/skin-smoothing-cream-1.jpg?v=1724656133&width=1066 1066w,//dermalogica.co.th/cdn/shop/files/skin-smoothing-cream-1.jpg?v=1724656133 2167w"
6014                src="//dermalogica.co.th/cdn/shop/files/skin-smoothing-cream-1.jpg?v=1724656133&width=533"
6015                sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
6016                alt="skin smoothing cream - Dermalogica Thailand"
6017                class="motion-reduce"
6018                loading="lazy"
6019                width="2167"
6020                height="2167"
6021              >
6022              
6023<img loading="lazy"
6024                  srcset="//dermalogica.co.th/cdn/shop/files/skin-smoothing-cream-2.jpg?v=1724656135&width=165 165w,//dermalogica.co.th/cdn/shop/files/skin-smoothing-cream-2.jpg?v=1724656135&width=360 360w,//dermalogica.co.th/cdn/shop/files/skin-smoothing-cream-2.jpg?v=1724656135 529w"
6025                  src="//dermalogica.co.th/cdn/shop/files/skin-smoothing-cream-2.jpg?v=1724656135&width=533"
6026                  sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
6027                  alt=""
6028                  class="motion-reduce"
6029                 
6030                  width="529"
6031                  height="529"
6032                ></div>
6033          </div><div class="card__content">
6034          <div class="card__information">
6035            <h3 class="custom-card-heading card__heading">
6036              <a href="/collections/shop-all-products/products/exp-31-05-27-skin-smoothing-cream-moisturizer" id="StandardCardNoMediaLink-template--19247830008005__product-grid-8992139673797" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--19247830008005__product-grid-8992139673797 NoMediaStandardBadge-template--19247830008005__product-grid-8992139673797">
6037                [EXP. 05/27] skin smoothing cream moisturizer
6038              </a>
6039            </h3>
6040          </div>
6041          <div class="card__badge bottom right"><span id="NoMediaStandardBadge-template--19247830008005__product-grid-8992139673797" class="badge badge--bottom-left color-inverse">ขายหมดแล้ว</span></div>
6042        </div>
6043      </div>
6044      <div class="card__content">
6045        <div class="card__information">
6046          <h3 class="custom-card-heading card__heading h5" id="title-template--19247830008005__product-grid-8992139673797">
6047            <a href="/collections/shop-all-products/products/exp-31-05-27-skin-smoothing-cream-moisturizer" id="CardLink-template--19247830008005__product-grid-8992139673797" class="full-unstyled-link" aria-labelledby="CardLink-template--19247830008005__product-grid-8992139673797 Badge-template--19247830008005__product-grid-8992139673797">
6048              [EXP. 05/27] skin smoothing cream moisturizer
6049            </a>
6050          </h3>
6051          <div class="custom-card-information card-information"><span class="caption-large light"></span>
6052
6053<div class="price  price--sold-out  price--on-sale ">
6054  <div class="price__container"><div class="price__regular">
6055      <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
6056      <span class="price-item price-item--regular" id="price-regular-8992139673797">
6057        ฿1,494.00
6058      </span>
6059    </div>
6060    <div class="price__sale">
6061        <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
6062        <span>
6063          <s class="price-item price-item--regular" id="price-compare-8992139673797">
6064            
6065              ฿2,490.00
6066            
6067          </s>
6068        </span><span class="visually-hidden visually-hidden--inline">ราคาช่วงลดราคา</span>
6069      <span class="price-item price-item--sale price-item--last" id="price-sale-8992139673797">
6070        ฿1,494.00
6071      </span>
6072    </div><small class="unit-price caption hidden">
6073      <span class="visually-hidden">ราคาต่อหน่วย</span>
6074      <span class="price-item price-item--last">
6075        <span></span>
6076        <span aria-hidden="true">/</span>
6077        <span class="visually-hidden">&nbsp;ต่อ&nbsp;</span>
6078        <span>
6079        </span>
6080      </span>
6081    </small>
6082  </div>
6083
6084</div>
6085          </div>
6086        </div><div class="quick-add custom-quick-add"  style=""><product-form><form method="post" action="/cart/add" id="quick-add-template--19247830008005__product-grid8992139673797" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="46825420292293" disabled>
6087                      <button
6088                        id="quick-add-template--19247830008005__product-grid8992139673797-submit"
6089                        type="submit"
6090                        name="add"
6091                        class="quick-add__submit button button--full-width button--secondary custom-button"
6092                        aria-haspopup="dialog"
6093                        aria-labelledby="quick-add-template--19247830008005__product-grid8992139673797-submit title-template--19247830008005__product-grid-8992139673797"
6094                        aria-live="polite"
6095                        data-sold-out-message="true"
6096                        disabled
6097                      >
6098                        <span>ขายหมดแล้ว
6099</span>
6100                        <span class="sold-out-message hidden">
6101                          ขายหมดแล้ว
6102                        </span>
6103                        <div class="loading-overlay__spinner hidden">
6104                          <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
6105                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
6106                          </svg>
6107                        </div>
6108                      </button><input type="hidden" name="product-id" value="8992139673797" /><input type="hidden" name="section-id" value="template--19247830008005__product-grid" /></form></product-form></div>
6109            <div class="card__badge bottom right"><span id="Badge-template--19247830008005__product-grid-8992139673797" class="badge badge--bottom-left color-inverse">ขายหมดแล้ว</span></div>
6110      </div>
6111    </div>
6112  </div>
6112<script>
6113  function changeVariant(variantid, variantprice, productid, compareatprice){
6114    var btnContainer = document.getElementById(productid);
6115    var btns = btnContainer.getElementsByClassName("active");
6116    btns[0].classList.remove("active");
6117
6118    var btnsactive = btnContainer.getElementsByClassName(variantid);
6119    btnsactive[0].classList.add("active");
6120    
6121    document.getElementById("id-"+productid).value = variantid;
6122    document.getElementById("variantprice-"+productid).textContent = variantprice;
6123
6124    document.getElementById("price-regular-"+productid).textContent = variantprice;
6125    document.getElementById("price-compare-"+productid).textContent = compareatprice;
6126    document.getElementById("price-sale-"+productid).textContent = variantprice;
6127  }
6128</script>
6128
6129                </li>
6130
6131                <li id="grid-10" class="grid__item" style="">
6132                  
6133
6134
6135<link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-rating.aio.min.css?v=6522338228602582101754032838" rel="stylesheet" type="text/css" media="all" />
6136<style data-shopify>.custom-card-heading {
6137    font-weight: 700; 
6138    font-size: 12px; 
6139    line-height: 15px; 
6140    text-align: center;
6141  }
6142
6143  .custom-card-information {
6144    text-align: center !important;
6145  }
6146
6147  .custom-button {
6148    min-height: auto;
6149    font-weight: 700;
6150    font-size: 10px;
6151    text-transform: uppercase;
6152    margin-top: 10px;
6153    padding-top: 10px;
6154    padding-bottom: 10px;
6155  }
6156
6157  .custom-button:hover {
6158    color: white;
6159    background-color: #5B6670;
6160  }
6161
6162  .custom-therapist-variant-selector-container{
6163    margin-top: 2rem;
6164    margin-bottom: 4rem;
6165  }
6166  .custom-therapist-button {
6167    border-radius: 2px;
6168    min-height: auto;
6169    font-weight: 700;
6170    font-size: 10px;
6171    text-transform: uppercase;
6172    margin-top: 10px;
6173    padding-top: 10px;
6174    padding-bottom: 10px;
6175  }
6176  .custom-therapist-button-container a{
6177    text-decoration: none;
6178  }
6179  .custom-therapist-button:hover {
6180    color: #5B6670!important;
6181    background-color: white;
6182  }
6183
6184  .custom-quick-add {
6185    text-align: center;
6186  }
6187
6188  .custom-variant-button {
6189    color: #5b6670;
6190    background-color: transparent!important; 
6191    transition: border-color .2s ease,background-color .2s ease,width .2s ease,height .2s ease;
6192    border: 1px solid #5b6670!important;
6193    font-size: 10px;
6194    font-family: Helvetica,Helvetica Neue,Arial,Lucida Grande,sans-serif;
6195    font-style: normal;
6196    font-weight: 700;
6197    text-decoration: none;
6198    letter-spacing: .1em;
6199    cursor: pointer;
6200    display: inline-block;
6201    padding: 5px 5px;
6202  }
6203
6204  .custom-variant-button.active {
6205    color: white;
6206    background-color: #5b6670!important; 
6207  }</style><div class="card-wrapper underline-links-hover">
6208    <div class="card
6209      card--standard
6210       card--media
6211      
6212      
6213      "
6214      style="--ratio-percent: 100%;"
6215    >
6216      <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100%;"><div class="card__media">
6217            <div class="media media--transparent media--hover-effect">
6218              
6219              <img loading="lazy"
6220                srcset="//dermalogica.co.th/cdn/shop/files/12.png?v=1740736024&width=165 165w,//dermalogica.co.th/cdn/shop/files/12.png?v=1740736024&width=360 360w,//dermalogica.co.th/cdn/shop/files/12.png?v=1740736024&width=533 533w,//dermalogica.co.th/cdn/shop/files/12.png?v=1740736024&width=720 720w,//dermalogica.co.th/cdn/shop/files/12.png?v=1740736024&width=940 940w,//dermalogica.co.th/cdn/shop/files/12.png?v=1740736024 1040w"
6221                src="//dermalogica.co.th/cdn/shop/files/12.png?v=1740736024&width=533"
6222                sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
6223                alt="[EXP. 07/27] active moist moisturizer"
6224                class="motion-reduce"
6225                loading="lazy"
6226                width="1040"
6227                height="1040"
6228              >
6229              
6230<img loading="lazy"
6231                  srcset="//dermalogica.co.th/cdn/shop/files/download_4.jpg?v=1740736024&width=165 165w,//dermalogica.co.th/cdn/shop/files/download_4.jpg?v=1740736024&width=360 360w,//dermalogica.co.th/cdn/shop/files/download_4.jpg?v=1740736024&width=533 533w,//dermalogica.co.th/cdn/shop/files/download_4.jpg?v=1740736024&width=720 720w,//dermalogica.co.th/cdn/shop/files/download_4.jpg?v=1740736024&width=940 940w,//dermalogica.co.th/cdn/shop/files/download_4.jpg?v=1740736024&width=1066 1066w,//dermalogica.co.th/cdn/shop/files/download_4.jpg?v=1740736024 1080w"
6232                  src="//dermalogica.co.th/cdn/shop/files/download_4.jpg?v=1740736024&width=533"
6233                  sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
6234                  alt=""
6235                  class="motion-reduce"
6236                 
6237                  width="1080"
6238                  height="1080"
6239                ></div>
6240          </div><div class="card__content">
6241          <div class="card__information">
6242            <h3 class="custom-card-heading card__heading">
6243              <a href="/collections/shop-all-products/products/expiry-active-moist-moisturizer" id="StandardCardNoMediaLink-template--19247830008005__product-grid-8992138428613" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--19247830008005__product-grid-8992138428613 NoMediaStandardBadge-template--19247830008005__product-grid-8992138428613">
6244                [EXP. 07/27] active moist moisturizer
6245              </a>
6246            </h3>
6247          </div>
6248          <div class="card__badge bottom right"><span id="NoMediaStandardBadge-template--19247830008005__product-grid-8992138428613" class="badge badge--bottom-left color-accent-2"> -40%</span></div>
6249        </div>
6250      </div>
6251      <div class="card__content">
6252        <div class="card__information">
6253          <h3 class="custom-card-heading card__heading h5" id="title-template--19247830008005__product-grid-8992138428613">
6254            <a href="/collections/shop-all-products/products/expiry-active-moist-moisturizer" id="CardLink-template--19247830008005__product-grid-8992138428613" class="full-unstyled-link" aria-labelledby="CardLink-template--19247830008005__product-grid-8992138428613 Badge-template--19247830008005__product-grid-8992138428613">
6255              [EXP. 07/27] active moist moisturizer
6256            </a>
6257          </h3>
6258          <div class="custom-card-information card-information"><span class="caption-large light"></span>
6259              <div class="rating" role="img" aria-label="5.0 จาก 5.0 ดาว">
6260                <span aria-hidden="true" class="rating-star color-icon-text" style="--rating: 5; --rating-max: 5.0; --rating-decimal: 0;"></span>
6261              </div>
6262              <p class="rating-text caption">
6263                <span aria-hidden="true">5.0 / 5.0</span>
6264              </p>
6265              <p class="rating-count caption">
6266                <span aria-hidden="true">(7)</span>
6267                <span class="visually-hidden">7 รีวิวทั้งหมด</span>
6268              </p>
6269
6270<div class="price  price--on-sale ">
6271  <div class="price__container"><div class="price__regular">
6272      <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
6273      <span class="price-item price-item--regular" id="price-regular-8992138428613">
6274        ฿2,514.00
6275      </span>
6276    </div>
6277    <div class="price__sale">
6278        <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
6279        <span>
6280          <s class="price-item price-item--regular" id="price-compare-8992138428613">
6281            
6282              ฿4,190.00
6283            
6284          </s>
6285        </span><span class="visually-hidden visually-hidden--inline">ราคาช่วงลดราคา</span>
6286      <span class="price-item price-item--sale price-item--last" id="price-sale-8992138428613">
6287        ฿2,514.00
6288      </span>
6289    </div><small class="unit-price caption hidden">
6290      <span class="visually-hidden">ราคาต่อหน่วย</span>
6291      <span class="price-item price-item--last">
6292        <span></span>
6293        <span aria-hidden="true">/</span>
6294        <span class="visually-hidden">&nbsp;ต่อ&nbsp;</span>
6295        <span>
6296        </span>
6297      </span>
6298    </small>
6299  </div>
6300
6301</div>
6302          </div>
6303        </div><div class="quick-add custom-quick-add"  style=""><product-form><form method="post" action="/cart/add" id="quick-add-template--19247830008005__product-grid8992138428613" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="46825417998533" disabled>
6304                      <button
6305                        id="quick-add-template--19247830008005__product-grid8992138428613-submit"
6306                        type="submit"
6307                        name="add"
6308                        class="quick-add__submit button button--full-width button--secondary custom-button"
6309                        aria-haspopup="dialog"
6310                        aria-labelledby="quick-add-template--19247830008005__product-grid8992138428613-submit title-template--19247830008005__product-grid-8992138428613"
6311                        aria-live="polite"
6312                        data-sold-out-message="true"
6313                        
6314                      >
6315                        <span>เพิ่มลงในตะกร้าสินค้า
6316</span>
6317                        <span class="sold-out-message hidden">
6318                          ขายหมดแล้ว
6319                        </span>
6320                        <div class="loading-overlay__spinner hidden">
6321                          <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
6322                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
6323                          </svg>
6324                        </div>
6325                      </button><input type="hidden" name="product-id" value="8992138428613" /><input type="hidden" name="section-id" value="template--19247830008005__product-grid" /></form></product-form></div>
6326            <div class="card__badge bottom right"><span id="Badge-template--19247830008005__product-grid-8992138428613" class="badge badge--bottom-left color-accent-2"> -40%</span></div>
6327      </div>
6328    </div>
6329  </div>
6329<script>
6330  function changeVariant(variantid, variantprice, productid, compareatprice){
6331    var btnContainer = document.getElementById(productid);
6332    var btns = btnContainer.getElementsByClassName("active");
6333    btns[0].classList.remove("active");
6334
6335    var btnsactive = btnContainer.getElementsByClassName(variantid);
6336    btnsactive[0].classList.add("active");
6337    
6338    document.getElementById("id-"+productid).value = variantid;
6339    document.getElementById("variantprice-"+productid).textContent = variantprice;
6340
6341    document.getElementById("price-regular-"+productid).textContent = variantprice;
6342    document.getElementById("price-compare-"+productid).textContent = compareatprice;
6343    document.getElementById("price-sale-"+productid).textContent = variantprice;
6344  }
6345</script>
6345
6346                </li>
6347
6348                <li id="grid-11" class="grid__item" style="">
6349                  
6350
6351
6352<link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-rating.aio.min.css?v=6522338228602582101754032838" rel="stylesheet" type="text/css" media="all" />
6353<style data-shopify>.custom-card-heading {
6354    font-weight: 700; 
6355    font-size: 12px; 
6356    line-height: 15px; 
6357    text-align: center;
6358  }
6359
6360  .custom-card-information {
6361    text-align: center !important;
6362  }
6363
6364  .custom-button {
6365    min-height: auto;
6366    font-weight: 700;
6367    font-size: 10px;
6368    text-transform: uppercase;
6369    margin-top: 10px;
6370    padding-top: 10px;
6371    padding-bottom: 10px;
6372  }
6373
6374  .custom-button:hover {
6375    color: white;
6376    background-color: #5B6670;
6377  }
6378
6379  .custom-therapist-variant-selector-container{
6380    margin-top: 2rem;
6381    margin-bottom: 4rem;
6382  }
6383  .custom-therapist-button {
6384    border-radius: 2px;
6385    min-height: auto;
6386    font-weight: 700;
6387    font-size: 10px;
6388    text-transform: uppercase;
6389    margin-top: 10px;
6390    padding-top: 10px;
6391    padding-bottom: 10px;
6392  }
6393  .custom-therapist-button-container a{
6394    text-decoration: none;
6395  }
6396  .custom-therapist-button:hover {
6397    color: #5B6670!important;
6398    background-color: white;
6399  }
6400
6401  .custom-quick-add {
6402    text-align: center;
6403  }
6404
6405  .custom-variant-button {
6406    color: #5b6670;
6407    background-color: transparent!important; 
6408    transition: border-color .2s ease,background-color .2s ease,width .2s ease,height .2s ease;
6409    border: 1px solid #5b6670!important;
6410    font-size: 10px;
6411    font-family: Helvetica,Helvetica Neue,Arial,Lucida Grande,sans-serif;
6412    font-style: normal;
6413    font-weight: 700;
6414    text-decoration: none;
6415    letter-spacing: .1em;
6416    cursor: pointer;
6417    display: inline-block;
6418    padding: 5px 5px;
6419  }
6420
6421  .custom-variant-button.active {
6422    color: white;
6423    background-color: #5b6670!important; 
6424  }</style><div class="card-wrapper underline-links-hover">
6425    <div class="card
6426      card--standard
6427       card--media
6428      
6429      
6430      "
6431      style="--ratio-percent: 100%;"
6432    >
6433      <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100%;"><div class="card__media">
6434            <div class="media media--transparent media--hover-effect">
6435              
6436              <img loading="lazy"
6437                srcset="//dermalogica.co.th/cdn/shop/files/35.png?v=1740736105&width=165 165w,//dermalogica.co.th/cdn/shop/files/35.png?v=1740736105&width=360 360w,//dermalogica.co.th/cdn/shop/files/35.png?v=1740736105&width=533 533w,//dermalogica.co.th/cdn/shop/files/35.png?v=1740736105&width=720 720w,//dermalogica.co.th/cdn/shop/files/35.png?v=1740736105&width=940 940w,//dermalogica.co.th/cdn/shop/files/35.png?v=1740736105 1040w"
6438                src="//dermalogica.co.th/cdn/shop/files/35.png?v=1740736105&width=533"
6439                sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
6440                alt="[EXP. 06/27] powerbright dark spot peel"
6441                class="motion-reduce"
6442                loading="lazy"
6443                width="1040"
6444                height="1040"
6445              >
6446              
6447<img loading="lazy"
6448                  srcset="//dermalogica.co.th/cdn/shop/files/Artboard4.jpg?v=1740736105&width=165 165w,//dermalogica.co.th/cdn/shop/files/Artboard4.jpg?v=1740736105&width=360 360w,//dermalogica.co.th/cdn/shop/files/Artboard4.jpg?v=1740736105&width=533 533w,//dermalogica.co.th/cdn/shop/files/Artboard4.jpg?v=1740736105&width=720 720w,//dermalogica.co.th/cdn/shop/files/Artboard4.jpg?v=1740736105&width=940 940w,//dermalogica.co.th/cdn/shop/files/Artboard4.jpg?v=1740736105&width=1066 1066w,//dermalogica.co.th/cdn/shop/files/Artboard4.jpg?v=1740736105 1080w"
6449                  src="//dermalogica.co.th/cdn/shop/files/Artboard4.jpg?v=1740736105&width=533"
6450                  sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
6451                  alt=""
6452                  class="motion-reduce"
6453                 
6454                  width="1080"
6455                  height="1080"
6456                ></div>
6457          </div><div class="card__content">
6458          <div class="card__information">
6459            <h3 class="custom-card-heading card__heading">
6460              <a href="/collections/shop-all-products/products/expirypowerbright-dark-spot-peel" id="StandardCardNoMediaLink-template--19247830008005__product-grid-8991966658757" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--19247830008005__product-grid-8991966658757 NoMediaStandardBadge-template--19247830008005__product-grid-8991966658757">
6461                [EXP. 06/27] powerbright dark spot peel
6462              </a>
6463            </h3>
6464          </div>
6465          <div class="card__badge bottom right"><span id="NoMediaStandardBadge-template--19247830008005__product-grid-8991966658757" class="badge badge--bottom-left color-accent-2"> -40%</span></div>
6466        </div>
6467      </div>
6468      <div class="card__content">
6469        <div class="card__information">
6470          <h3 class="custom-card-heading card__heading h5" id="title-template--19247830008005__product-grid-8991966658757">
6471            <a href="/collections/shop-all-products/products/expirypowerbright-dark-spot-peel" id="CardLink-template--19247830008005__product-grid-8991966658757" class="full-unstyled-link" aria-labelledby="CardLink-template--19247830008005__product-grid-8991966658757 Badge-template--19247830008005__product-grid-8991966658757">
6472              [EXP. 06/27] powerbright dark spot peel
6473            </a>
6474          </h3>
6475          <div class="custom-card-information card-information"><span class="caption-large light"></span>
6476              <div class="rating" role="img" aria-label="5.0 จาก 5.0 ดาว">
6477                <span aria-hidden="true" class="rating-star color-icon-text" style="--rating: 5; --rating-max: 5.0; --rating-decimal: 0;"></span>
6478              </div>
6479              <p class="rating-text caption">
6480                <span aria-hidden="true">5.0 / 5.0</span>
6481              </p>
6482              <p class="rating-count caption">
6483                <span aria-hidden="true">(3)</span>
6484                <span class="visually-hidden">3 รีวิวทั้งหมด</span>
6485              </p>
6486
6487<div class="price  price--on-sale ">
6488  <div class="price__container"><div class="price__regular">
6489      <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
6490      <span class="price-item price-item--regular" id="price-regular-8991966658757">
6491        ฿2,634.00
6492      </span>
6493    </div>
6494    <div class="price__sale">
6495        <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
6496        <span>
6497          <s class="price-item price-item--regular" id="price-compare-8991966658757">
6498            
6499              ฿4,390.00
6500            
6501          </s>
6502        </span><span class="visually-hidden visually-hidden--inline">ราคาช่วงลดราคา</span>
6503      <span class="price-item price-item--sale price-item--last" id="price-sale-8991966658757">
6504        ฿2,634.00
6505      </span>
6506    </div><small class="unit-price caption hidden">
6507      <span class="visually-hidden">ราคาต่อหน่วย</span>
6508      <span class="price-item price-item--last">
6509        <span></span>
6510        <span aria-hidden="true">/</span>
6511        <span class="visually-hidden">&nbsp;ต่อ&nbsp;</span>
6512        <span>
6513        </span>
6514      </span>
6515    </small>
6516  </div>
6517
6518</div>
6519          </div>
6520        </div><div class="quick-add custom-quick-add"  style=""><product-form><form method="post" action="/cart/add" id="quick-add-template--19247830008005__product-grid8991966658757" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="46824896987333" disabled>
6521                      <button
6522                        id="quick-add-template--19247830008005__product-grid8991966658757-submit"
6523                        type="submit"
6524                        name="add"
6525                        class="quick-add__submit button button--full-width button--secondary custom-button"
6526                        aria-haspopup="dialog"
6527                        aria-labelledby="quick-add-template--19247830008005__product-grid8991966658757-submit title-template--19247830008005__product-grid-8991966658757"
6528                        aria-live="polite"
6529                        data-sold-out-message="true"
6530                        
6531                      >
6532                        <span>เพิ่มลงในตะกร้าสินค้า
6533</span>
6534                        <span class="sold-out-message hidden">
6535                          ขายหมดแล้ว
6536                        </span>
6537                        <div class="loading-overlay__spinner hidden">
6538                          <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
6539                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
6540                          </svg>
6541                        </div>
6542                      </button><input type="hidden" name="product-id" value="8991966658757" /><input type="hidden" name="section-id" value="template--19247830008005__product-grid" /></form></product-form></div>
6543            <div class="card__badge bottom right"><span id="Badge-template--19247830008005__product-grid-8991966658757" class="badge badge--bottom-left color-accent-2"> -40%</span></div>
6544      </div>
6545    </div>
6546  </div>
6546<script>
6547  function changeVariant(variantid, variantprice, productid, compareatprice){
6548    var btnContainer = document.getElementById(productid);
6549    var btns = btnContainer.getElementsByClassName("active");
6550    btns[0].classList.remove("active");
6551
6552    var btnsactive = btnContainer.getElementsByClassName(variantid);
6553    btnsactive[0].classList.add("active");
6554    
6555    document.getElementById("id-"+productid).value = variantid;
6556    document.getElementById("variantprice-"+productid).textContent = variantprice;
6557
6558    document.getElementById("price-regular-"+productid).textContent = variantprice;
6559    document.getElementById("price-compare-"+productid).textContent = compareatprice;
6560    document.getElementById("price-sale-"+productid).textContent = variantprice;
6561  }
6562</script>
6562
6563                </li>
6564
6565                <li id="grid-12" class="grid__item" style="">
6566                  
6567
6568
6569<link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-rating.aio.min.css?v=6522338228602582101754032838" rel="stylesheet" type="text/css" media="all" />
6570<style data-shopify>.custom-card-heading {
6571    font-weight: 700; 
6572    font-size: 12px; 
6573    line-height: 15px; 
6574    text-align: center;
6575  }
6576
6577  .custom-card-information {
6578    text-align: center !important;
6579  }
6580
6581  .custom-button {
6582    min-height: auto;
6583    font-weight: 700;
6584    font-size: 10px;
6585    text-transform: uppercase;
6586    margin-top: 10px;
6587    padding-top: 10px;
6588    padding-bottom: 10px;
6589  }
6590
6591  .custom-button:hover {
6592    color: white;
6593    background-color: #5B6670;
6594  }
6595
6596  .custom-therapist-variant-selector-container{
6597    margin-top: 2rem;
6598    margin-bottom: 4rem;
6599  }
6600  .custom-therapist-button {
6601    border-radius: 2px;
6602    min-height: auto;
6603    font-weight: 700;
6604    font-size: 10px;
6605    text-transform: uppercase;
6606    margin-top: 10px;
6607    padding-top: 10px;
6608    padding-bottom: 10px;
6609  }
6610  .custom-therapist-button-container a{
6611    text-decoration: none;
6612  }
6613  .custom-therapist-button:hover {
6614    color: #5B6670!important;
6615    background-color: white;
6616  }
6617
6618  .custom-quick-add {
6619    text-align: center;
6620  }
6621
6622  .custom-variant-button {
6623    color: #5b6670;
6624    background-color: transparent!important; 
6625    transition: border-color .2s ease,background-color .2s ease,width .2s ease,height .2s ease;
6626    border: 1px solid #5b6670!important;
6627    font-size: 10px;
6628    font-family: Helvetica,Helvetica Neue,Arial,Lucida Grande,sans-serif;
6629    font-style: normal;
6630    font-weight: 700;
6631    text-decoration: none;
6632    letter-spacing: .1em;
6633    cursor: pointer;
6634    display: inline-block;
6635    padding: 5px 5px;
6636  }
6637
6638  .custom-variant-button.active {
6639    color: white;
6640    background-color: #5b6670!important; 
6641  }</style><div class="card-wrapper underline-links-hover">
6642    <div class="card
6643      card--standard
6644       card--media
6645      
6646      
6647      "
6648      style="--ratio-percent: 100%;"
6649    >
6650      <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100%;"><div class="card__media">
6651            <div class="media media--transparent media--hover-effect">
6652              
6653              <img loading="lazy"
6654                srcset="//dermalogica.co.th/cdn/shop/files/download_5_77946c13-0dc9-4ba9-b2b5-739a060a4630.jpg?v=1787294992&width=165 165w,//dermalogica.co.th/cdn/shop/files/download_5_77946c13-0dc9-4ba9-b2b5-739a060a4630.jpg?v=1787294992&width=360 360w,//dermalogica.co.th/cdn/shop/files/download_5_77946c13-0dc9-4ba9-b2b5-739a060a4630.jpg?v=1787294992&width=533 533w,//dermalogica.co.th/cdn/shop/files/download_5_77946c13-0dc9-4ba9-b2b5-739a060a4630.jpg?v=1787294992&width=720 720w,//dermalogica.co.th/cdn/shop/files/download_5_77946c13-0dc9-4ba9-b2b5-739a060a4630.jpg?v=1787294992&width=940 940w,//dermalogica.co.th/cdn/shop/files/download_5_77946c13-0dc9-4ba9-b2b5-739a060a4630.jpg?v=1787294992&width=1066 1066w,//dermalogica.co.th/cdn/shop/files/download_5_77946c13-0dc9-4ba9-b2b5-739a060a4630.jpg?v=1787294992 1445w"
6655                src="//dermalogica.co.th/cdn/shop/files/download_5_77946c13-0dc9-4ba9-b2b5-739a060a4630.jpg?v=1787294992&width=533"
6656                sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
6657                alt="[EXP. 06/27] cleanse, Tone + Smooth Set"
6658                class="motion-reduce"
6659                loading="lazy"
6660                width="1445"
6661                height="1445"
6662              >
6663              
6664<img loading="lazy"
6665                  srcset="//dermalogica.co.th/cdn/shop/files/1d59d5b6-af4c-4d02-a150-7c4d6ffaef87.jpg?v=1787294993&width=165 165w,//dermalogica.co.th/cdn/shop/files/1d59d5b6-af4c-4d02-a150-7c4d6ffaef87.jpg?v=1787294993&width=360 360w,//dermalogica.co.th/cdn/shop/files/1d59d5b6-af4c-4d02-a150-7c4d6ffaef87.jpg?v=1787294993&width=533 533w,//dermalogica.co.th/cdn/shop/files/1d59d5b6-af4c-4d02-a150-7c4d6ffaef87.jpg?v=1787294993&width=720 720w,//dermalogica.co.th/cdn/shop/files/1d59d5b6-af4c-4d02-a150-7c4d6ffaef87.jpg?v=1787294993&width=940 940w,//dermalogica.co.th/cdn/shop/files/1d59d5b6-af4c-4d02-a150-7c4d6ffaef87.jpg?v=1787294993 1024w"
6666                  src="//dermalogica.co.th/cdn/shop/files/1d59d5b6-af4c-4d02-a150-7c4d6ffaef87.jpg?v=1787294993&width=533"
6667                  sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
6668                  alt=""
6669                  class="motion-reduce"
6670                 
6671                  width="1024"
6672                  height="1024"
6673                ></div>
6674          </div><div class="card__content">
6675          <div class="card__information">
6676            <h3 class="custom-card-heading card__heading">
6677              <a href="/collections/shop-all-products/products/expiry-cleanse-tone-smooth-set" id="StandardCardNoMediaLink-template--19247830008005__product-grid-8991957909701" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--19247830008005__product-grid-8991957909701 NoMediaStandardBadge-template--19247830008005__product-grid-8991957909701">
6678                [EXP. 06/27] cleanse, Tone + Smooth Set
6679              </a>
6680            </h3>
6681          </div>
6682          <div class="card__badge bottom right"><span id="NoMediaStandardBadge-template--19247830008005__product-grid-8991957909701" class="badge badge--bottom-left color-accent-2"> -40%</span></div>
6683        </div>
6684      </div>
6685      <div class="card__content">
6686        <div class="card__information">
6687          <h3 class="custom-card-heading card__heading h5" id="title-template--19247830008005__product-grid-8991957909701">
6688            <a href="/collections/shop-all-products/products/expiry-cleanse-tone-smooth-set" id="CardLink-template--19247830008005__product-grid-8991957909701" class="full-unstyled-link" aria-labelledby="CardLink-template--19247830008005__product-grid-8991957909701 Badge-template--19247830008005__product-grid-8991957909701">
6689              [EXP. 06/27] cleanse, Tone + Smooth Set
6690            </a>
6691          </h3>
6692          <div class="custom-card-information card-information"><span class="caption-large light"></span>
6693
6694<div class="price  price--on-sale ">
6695  <div class="price__container"><div class="price__regular">
6696      <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
6697      <span class="price-item price-item--regular" id="price-regular-8991957909701">
6698        ฿840.00
6699      </span>
6700    </div>
6701    <div class="price__sale">
6702        <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
6703        <span>
6704          <s class="price-item price-item--regular" id="price-compare-8991957909701">
6705            
6706              ฿1,400.00
6707            
6708          </s>
6709        </span><span class="visually-hidden visually-hidden--inline">ราคาช่วงลดราคา</span>
6710      <span class="price-item price-item--sale price-item--last" id="price-sale-8991957909701">
6711        ฿840.00
6712      </span>
6713    </div><small class="unit-price caption hidden">
6714      <span class="visually-hidden">ราคาต่อหน่วย</span>
6715      <span class="price-item price-item--last">
6716        <span></span>
6717        <span aria-hidden="true">/</span>
6718        <span class="visually-hidden">&nbsp;ต่อ&nbsp;</span>
6719        <span>
6720        </span>
6721      </span>
6722    </small>
6723  </div>
6724
6725</div>
6726          </div>
6727        </div><div class="quick-add custom-quick-add"  style=""><product-form><form method="post" action="/cart/add" id="quick-add-template--19247830008005__product-grid8991957909701" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="46824874639557" disabled>
6728                      <button
6729                        id="quick-add-template--19247830008005__product-grid8991957909701-submit"
6730                        type="submit"
6731                        name="add"
6732                        class="quick-add__submit button button--full-width button--secondary custom-button"
6733                        aria-haspopup="dialog"
6734                        aria-labelledby="quick-add-template--19247830008005__product-grid8991957909701-submit title-template--19247830008005__product-grid-8991957909701"
6735                        aria-live="polite"
6736                        data-sold-out-message="true"
6737                        
6738                      >
6739                        <span>เพิ่มลงในตะกร้าสินค้า
6740</span>
6741                        <span class="sold-out-message hidden">
6742                          ขายหมดแล้ว
6743                        </span>
6744                        <div class="loading-overlay__spinner hidden">
6745                          <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
6746                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
6747                          </svg>
6748                        </div>
6749                      </button><input type="hidden" name="product-id" value="8991957909701" /><input type="hidden" name="section-id" value="template--19247830008005__product-grid" /></form></product-form></div>
6750            <div class="card__badge bottom right"><span id="Badge-template--19247830008005__product-grid-8991957909701" class="badge badge--bottom-left color-accent-2"> -40%</span></div>
6751      </div>
6752    </div>
6753  </div>
6753<script>
6754  function changeVariant(variantid, variantprice, productid, compareatprice){
6755    var btnContainer = document.getElementById(productid);
6756    var btns = btnContainer.getElementsByClassName("active");
6757    btns[0].classList.remove("active");
6758
6759    var btnsactive = btnContainer.getElementsByClassName(variantid);
6760    btnsactive[0].classList.add("active");
6761    
6762    document.getElementById("id-"+productid).value = variantid;
6763    document.getElementById("variantprice-"+productid).textContent = variantprice;
6764
6765    document.getElementById("price-regular-"+productid).textContent = variantprice;
6766    document.getElementById("price-compare-"+productid).textContent = compareatprice;
6767    document.getElementById("price-sale-"+productid).textContent = variantprice;
6768  }
6769</script>
6769
6770                </li>
6771
6772                <li id="grid-13" class="grid__item" style="">
6773                  
6774
6775
6776<link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-rating.aio.min.css?v=6522338228602582101754032838" rel="stylesheet" type="text/css" media="all" />
6777<style data-shopify>.custom-card-heading {
6778    font-weight: 700; 
6779    font-size: 12px; 
6780    line-height: 15px; 
6781    text-align: center;
6782  }
6783
6784  .custom-card-information {
6785    text-align: center !important;
6786  }
6787
6788  .custom-button {
6789    min-height: auto;
6790    font-weight: 700;
6791    font-size: 10px;
6792    text-transform: uppercase;
6793    margin-top: 10px;
6794    padding-top: 10px;
6795    padding-bottom: 10px;
6796  }
6797
6798  .custom-button:hover {
6799    color: white;
6800    background-color: #5B6670;
6801  }
6802
6803  .custom-therapist-variant-selector-container{
6804    margin-top: 2rem;
6805    margin-bottom: 4rem;
6806  }
6807  .custom-therapist-button {
6808    border-radius: 2px;
6809    min-height: auto;
6810    font-weight: 700;
6811    font-size: 10px;
6812    text-transform: uppercase;
6813    margin-top: 10px;
6814    padding-top: 10px;
6815    padding-bottom: 10px;
6816  }
6817  .custom-therapist-button-container a{
6818    text-decoration: none;
6819  }
6820  .custom-therapist-button:hover {
6821    color: #5B6670!important;
6822    background-color: white;
6823  }
6824
6825  .custom-quick-add {
6826    text-align: center;
6827  }
6828
6829  .custom-variant-button {
6830    color: #5b6670;
6831    background-color: transparent!important; 
6832    transition: border-color .2s ease,background-color .2s ease,width .2s ease,height .2s ease;
6833    border: 1px solid #5b6670!important;
6834    font-size: 10px;
6835    font-family: Helvetica,Helvetica Neue,Arial,Lucida Grande,sans-serif;
6836    font-style: normal;
6837    font-weight: 700;
6838    text-decoration: none;
6839    letter-spacing: .1em;
6840    cursor: pointer;
6841    display: inline-block;
6842    padding: 5px 5px;
6843  }
6844
6845  .custom-variant-button.active {
6846    color: white;
6847    background-color: #5b6670!important; 
6848  }</style><div class="card-wrapper underline-links-hover">
6849    <div class="card
6850      card--standard
6851       card--media
6852      
6853      
6854      "
6855      style="--ratio-percent: 100%;"
6856    >
6857      <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100%;"><div class="card__media">
6858            <div class="media media--transparent media--hover-effect">
6859              
6860              <img loading="lazy"
6861                srcset="//dermalogica.co.th/cdn/shop/files/1_cd9cb56f-6050-42c2-b8b2-9b7c4afd003d.jpg?v=1787906651&width=165 165w,//dermalogica.co.th/cdn/shop/files/1_cd9cb56f-6050-42c2-b8b2-9b7c4afd003d.jpg?v=1787906651&width=360 360w,//dermalogica.co.th/cdn/shop/files/1_cd9cb56f-6050-42c2-b8b2-9b7c4afd003d.jpg?v=1787906651&width=533 533w,//dermalogica.co.th/cdn/shop/files/1_cd9cb56f-6050-42c2-b8b2-9b7c4afd003d.jpg?v=1787906651&width=720 720w,//dermalogica.co.th/cdn/shop/files/1_cd9cb56f-6050-42c2-b8b2-9b7c4afd003d.jpg?v=1787906651&width=940 940w,//dermalogica.co.th/cdn/shop/files/1_cd9cb56f-6050-42c2-b8b2-9b7c4afd003d.jpg?v=1787906651 1040w"
6862                src="//dermalogica.co.th/cdn/shop/files/1_cd9cb56f-6050-42c2-b8b2-9b7c4afd003d.jpg?v=1787906651&width=533"
6863                sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
6864                alt="[EXP. 06/27] phyto nature oxygen cream"
6865                class="motion-reduce"
6866                loading="lazy"
6867                width="1040"
6868                height="1040"
6869              >
6870              
6871<img loading="lazy"
6872                  srcset="//dermalogica.co.th/cdn/shop/files/4_2167600b-24fc-4be8-a968-9d9915a76b70.jpg?v=1787906651&width=165 165w,//dermalogica.co.th/cdn/shop/files/4_2167600b-24fc-4be8-a968-9d9915a76b70.jpg?v=1787906651&width=360 360w,//dermalogica.co.th/cdn/shop/files/4_2167600b-24fc-4be8-a968-9d9915a76b70.jpg?v=1787906651&width=533 533w,//dermalogica.co.th/cdn/shop/files/4_2167600b-24fc-4be8-a968-9d9915a76b70.jpg?v=1787906651 600w"
6873                  src="//dermalogica.co.th/cdn/shop/files/4_2167600b-24fc-4be8-a968-9d9915a76b70.jpg?v=1787906651&width=533"
6874                  sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
6875                  alt=""
6876                  class="motion-reduce"
6877                 
6878                  width="600"
6879                  height="600"
6880                ></div>
6881          </div><div class="card__content">
6882          <div class="card__information">
6883            <h3 class="custom-card-heading card__heading">
6884              <a href="/collections/shop-all-products/products/expiry-phyto-nature-oxygen-cream" id="StandardCardNoMediaLink-template--19247830008005__product-grid-8991927533765" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--19247830008005__product-grid-8991927533765 NoMediaStandardBadge-template--19247830008005__product-grid-8991927533765">
6885                [EXP. 06/27] phyto nature oxygen cream
6886              </a>
6887            </h3>
6888          </div>
6889          <div class="card__badge bottom right"><span id="NoMediaStandardBadge-template--19247830008005__product-grid-8991927533765" class="badge badge--bottom-left color-accent-2"> -40%</span></div>
6890        </div>
6891      </div>
6892      <div class="card__content">
6893        <div class="card__information">
6894          <h3 class="custom-card-heading card__heading h5" id="title-template--19247830008005__product-grid-8991927533765">
6895            <a href="/collections/shop-all-products/products/expiry-phyto-nature-oxygen-cream" id="CardLink-template--19247830008005__product-grid-8991927533765" class="full-unstyled-link" aria-labelledby="CardLink-template--19247830008005__product-grid-8991927533765 Badge-template--19247830008005__product-grid-8991927533765">
6896              [EXP. 06/27] phyto nature oxygen cream
6897            </a>
6898          </h3>
6899          <div class="custom-card-information card-information"><span class="caption-large light"></span>
6900              <div class="rating" role="img" aria-label="5.0 จาก 5.0 ดาว">
6901                <span aria-hidden="true" class="rating-star color-icon-text" style="--rating: 5; --rating-max: 5.0; --rating-decimal: 0;"></span>
6902              </div>
6903              <p class="rating-text caption">
6904                <span aria-hidden="true">5.0 / 5.0</span>
6905              </p>
6906              <p class="rating-count caption">
6907                <span aria-hidden="true">(29)</span>
6908                <span class="visually-hidden">29 รีวิวทั้งหมด</span>
6909              </p>
6910
6911<div class="price  price--on-sale ">
6912  <div class="price__container"><div class="price__regular">
6913      <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
6914      <span class="price-item price-item--regular" id="price-regular-8991927533765">
6915        ฿4,014.00
6916      </span>
6917    </div>
6918    <div class="price__sale">
6919        <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
6920        <span>
6921          <s class="price-item price-item--regular" id="price-compare-8991927533765">
6922            
6923              ฿6,690.00
6924            
6925          </s>
6926        </span><span class="visually-hidden visually-hidden--inline">ราคาช่วงลดราคา</span>
6927      <span class="price-item price-item--sale price-item--last" id="price-sale-8991927533765">
6928        ฿4,014.00
6929      </span>
6930    </div><small class="unit-price caption hidden">
6931      <span class="visually-hidden">ราคาต่อหน่วย</span>
6932      <span class="price-item price-item--last">
6933        <span></span>
6934        <span aria-hidden="true">/</span>
6935        <span class="visually-hidden">&nbsp;ต่อ&nbsp;</span>
6936        <span>
6937        </span>
6938      </span>
6939    </small>
6940  </div>
6941
6942</div>
6943          </div>
6944        </div><div class="quick-add custom-quick-add"  style=""><product-form><form method="post" action="/cart/add" id="quick-add-template--19247830008005__product-grid8991927533765" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="46824759722181" disabled>
6945                      <button
6946                        id="quick-add-template--19247830008005__product-grid8991927533765-submit"
6947                        type="submit"
6948                        name="add"
6949                        class="quick-add__submit button button--full-width button--secondary custom-button"
6950                        aria-haspopup="dialog"
6951                        aria-labelledby="quick-add-template--19247830008005__product-grid8991927533765-submit title-template--19247830008005__product-grid-8991927533765"
6952                        aria-live="polite"
6953                        data-sold-out-message="true"
6954                        
6955                      >
6956                        <span>เพิ่มลงในตะกร้าสินค้า
6957</span>
6958                        <span class="sold-out-message hidden">
6959                          ขายหมดแล้ว
6960                        </span>
6961                        <div class="loading-overlay__spinner hidden">
6962                          <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
6963                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
6964                          </svg>
6965                        </div>
6966                      </button><input type="hidden" name="product-id" value="8991927533765" /><input type="hidden" name="section-id" value="template--19247830008005__product-grid" /></form></product-form></div>
6967            <div class="card__badge bottom right"><span id="Badge-template--19247830008005__product-grid-8991927533765" class="badge badge--bottom-left color-accent-2"> -40%</span></div>
6968      </div>
6969    </div>
6970  </div>
6970<script>
6971  function changeVariant(variantid, variantprice, productid, compareatprice){
6972    var btnContainer = document.getElementById(productid);
6973    var btns = btnContainer.getElementsByClassName("active");
6974    btns[0].classList.remove("active");
6975
6976    var btnsactive = btnContainer.getElementsByClassName(variantid);
6977    btnsactive[0].classList.add("active");
6978    
6979    document.getElementById("id-"+productid).value = variantid;
6980    document.getElementById("variantprice-"+productid).textContent = variantprice;
6981
6982    document.getElementById("price-regular-"+productid).textContent = variantprice;
6983    document.getElementById("price-compare-"+productid).textContent = compareatprice;
6984    document.getElementById("price-sale-"+productid).textContent = variantprice;
6985  }
6986</script>
6986
6987                </li>
6988
6989                <li id="grid-14" class="grid__item" style="">
6990                  
6991
6992
6993<link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-rating.aio.min.css?v=6522338228602582101754032838" rel="stylesheet" type="text/css" media="all" />
6994<style data-shopify>.custom-card-heading {
6995    font-weight: 700; 
6996    font-size: 12px; 
6997    line-height: 15px; 
6998    text-align: center;
6999  }
7000
7001  .custom-card-information {
7002    text-align: center !important;
7003  }
7004
7005  .custom-button {
7006    min-height: auto;
7007    font-weight: 700;
7008    font-size: 10px;
7009    text-transform: uppercase;
7010    margin-top: 10px;
7011    padding-top: 10px;
7012    padding-bottom: 10px;
7013  }
7014
7015  .custom-button:hover {
7016    color: white;
7017    background-color: #5B6670;
7018  }
7019
7020  .custom-therapist-variant-selector-container{
7021    margin-top: 2rem;
7022    margin-bottom: 4rem;
7023  }
7024  .custom-therapist-button {
7025    border-radius: 2px;
7026    min-height: auto;
7027    font-weight: 700;
7028    font-size: 10px;
7029    text-transform: uppercase;
7030    margin-top: 10px;
7031    padding-top: 10px;
7032    padding-bottom: 10px;
7033  }
7034  .custom-therapist-button-container a{
7035    text-decoration: none;
7036  }
7037  .custom-therapist-button:hover {
7038    color: #5B6670!important;
7039    background-color: white;
7040  }
7041
7042  .custom-quick-add {
7043    text-align: center;
7044  }
7045
7046  .custom-variant-button {
7047    color: #5b6670;
7048    background-color: transparent!important; 
7049    transition: border-color .2s ease,background-color .2s ease,width .2s ease,height .2s ease;
7050    border: 1px solid #5b6670!important;
7051    font-size: 10px;
7052    font-family: Helvetica,Helvetica Neue,Arial,Lucida Grande,sans-serif;
7053    font-style: normal;
7054    font-weight: 700;
7055    text-decoration: none;
7056    letter-spacing: .1em;
7057    cursor: pointer;
7058    display: inline-block;
7059    padding: 5px 5px;
7060  }
7061
7062  .custom-variant-button.active {
7063    color: white;
7064    background-color: #5b6670!important; 
7065  }</style><div class="card-wrapper underline-links-hover">
7066    <div class="card
7067      card--standard
7068       card--media
7069      
7070      
7071      "
7072      style="--ratio-percent: 100%;"
7073    >
7074      <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100%;"><div class="card__media">
7075            <div class="media media--transparent media--hover-effect">
7076              
7077              <img loading="lazy"
7078                srcset="//dermalogica.co.th/cdn/shop/files/download_5_77946c13-0dc9-4ba9-b2b5-739a060a4630.jpg?v=1787294992&width=165 165w,//dermalogica.co.th/cdn/shop/files/download_5_77946c13-0dc9-4ba9-b2b5-739a060a4630.jpg?v=1787294992&width=360 360w,//dermalogica.co.th/cdn/shop/files/download_5_77946c13-0dc9-4ba9-b2b5-739a060a4630.jpg?v=1787294992&width=533 533w,//dermalogica.co.th/cdn/shop/files/download_5_77946c13-0dc9-4ba9-b2b5-739a060a4630.jpg?v=1787294992&width=720 720w,//dermalogica.co.th/cdn/shop/files/download_5_77946c13-0dc9-4ba9-b2b5-739a060a4630.jpg?v=1787294992&width=940 940w,//dermalogica.co.th/cdn/shop/files/download_5_77946c13-0dc9-4ba9-b2b5-739a060a4630.jpg?v=1787294992&width=1066 1066w,//dermalogica.co.th/cdn/shop/files/download_5_77946c13-0dc9-4ba9-b2b5-739a060a4630.jpg?v=1787294992 1445w"
7079                src="//dermalogica.co.th/cdn/shop/files/download_5_77946c13-0dc9-4ba9-b2b5-739a060a4630.jpg?v=1787294992&width=533"
7080                sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
7081                alt="[EXP. 06/27] cleanse, Tone + Smooth Set"
7082                class="motion-reduce"
7083                loading="lazy"
7084                width="1445"
7085                height="1445"
7086              >
7087              
7088<img loading="lazy"
7089                  srcset="//dermalogica.co.th/cdn/shop/files/1d59d5b6-af4c-4d02-a150-7c4d6ffaef87.jpg?v=1787294993&width=165 165w,//dermalogica.co.th/cdn/shop/files/1d59d5b6-af4c-4d02-a150-7c4d6ffaef87.jpg?v=1787294993&width=360 360w,//dermalogica.co.th/cdn/shop/files/1d59d5b6-af4c-4d02-a150-7c4d6ffaef87.jpg?v=1787294993&width=533 533w,//dermalogica.co.th/cdn/shop/files/1d59d5b6-af4c-4d02-a150-7c4d6ffaef87.jpg?v=1787294993&width=720 720w,//dermalogica.co.th/cdn/shop/files/1d59d5b6-af4c-4d02-a150-7c4d6ffaef87.jpg?v=1787294993&width=940 940w,//dermalogica.co.th/cdn/shop/files/1d59d5b6-af4c-4d02-a150-7c4d6ffaef87.jpg?v=1787294993 1024w"
7090                  src="//dermalogica.co.th/cdn/shop/files/1d59d5b6-af4c-4d02-a150-7c4d6ffaef87.jpg?v=1787294993&width=533"
7091                  sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
7092                  alt=""
7093                  class="motion-reduce"
7094                 
7095                  width="1024"
7096                  height="1024"
7097                ></div>
7098          </div><div class="card__content">
7099          <div class="card__information">
7100            <h3 class="custom-card-heading card__heading">
7101              <a href="/collections/shop-all-products/products/cleanse-tone-smooth-set" id="StandardCardNoMediaLink-template--19247830008005__product-grid-8980372848837" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--19247830008005__product-grid-8980372848837 NoMediaStandardBadge-template--19247830008005__product-grid-8980372848837">
7102                [EXP. 06/27] cleanse, Tone + Smooth Set
7103              </a>
7104            </h3>
7105          </div>
7106          <div class="card__badge bottom right"><span id="NoMediaStandardBadge-template--19247830008005__product-grid-8980372848837" class="badge badge--bottom-left color-inverse">ขายหมดแล้ว</span></div>
7107        </div>
7108      </div>
7109      <div class="card__content">
7110        <div class="card__information">
7111          <h3 class="custom-card-heading card__heading h5" id="title-template--19247830008005__product-grid-8980372848837">
7112            <a href="/collections/shop-all-products/products/cleanse-tone-smooth-set" id="CardLink-template--19247830008005__product-grid-8980372848837" class="full-unstyled-link" aria-labelledby="CardLink-template--19247830008005__product-grid-8980372848837 Badge-template--19247830008005__product-grid-8980372848837">
7113              [EXP. 06/27] cleanse, Tone + Smooth Set
7114            </a>
7115          </h3>
7116          <div class="custom-card-information card-information"><span class="caption-large light"></span>
7117
7118<div class="price  price--sold-out  price--on-sale ">
7119  <div class="price__container"><div class="price__regular">
7120      <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
7121      <span class="price-item price-item--regular" id="price-regular-8980372848837">
7122        ฿1,260.00
7123      </span>
7124    </div>
7125    <div class="price__sale">
7126        <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
7127        <span>
7128          <s class="price-item price-item--regular" id="price-compare-8980372848837">
7129            
7130              ฿1,400.00
7131            
7132          </s>
7133        </span><span class="visually-hidden visually-hidden--inline">ราคาช่วงลดราคา</span>
7134      <span class="price-item price-item--sale price-item--last" id="price-sale-8980372848837">
7135        ฿1,260.00
7136      </span>
7137    </div><small class="unit-price caption hidden">
7138      <span class="visually-hidden">ราคาต่อหน่วย</span>
7139      <span class="price-item price-item--last">
7140        <span></span>
7141        <span aria-hidden="true">/</span>
7142        <span class="visually-hidden">&nbsp;ต่อ&nbsp;</span>
7143        <span>
7144        </span>
7145      </span>
7146    </small>
7147  </div>
7148
7149</div>
7150          </div>
7151        </div><div class="quick-add custom-quick-add"  style=""><product-form><form method="post" action="/cart/add" id="quick-add-template--19247830008005__product-grid8980372848837" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="46776208228549" disabled>
7152                      <button
7153                        id="quick-add-template--19247830008005__product-grid8980372848837-submit"
7154                        type="submit"
7155                        name="add"
7156                        class="quick-add__submit button button--full-width button--secondary custom-button"
7157                        aria-haspopup="dialog"
7158                        aria-labelledby="quick-add-template--19247830008005__product-grid8980372848837-submit title-template--19247830008005__product-grid-8980372848837"
7159                        aria-live="polite"
7160                        data-sold-out-message="true"
7161                        disabled
7162                      >
7163                        <span>ขายหมดแล้ว
7164</span>
7165                        <span class="sold-out-message hidden">
7166                          ขายหมดแล้ว
7167                        </span>
7168                        <div class="loading-overlay__spinner hidden">
7169                          <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
7170                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
7171                          </svg>
7172                        </div>
7173                      </button><input type="hidden" name="product-id" value="8980372848837" /><input type="hidden" name="section-id" value="template--19247830008005__product-grid" /></form></product-form></div>
7174            <div class="card__badge bottom right"><span id="Badge-template--19247830008005__product-grid-8980372848837" class="badge badge--bottom-left color-inverse">ขายหมดแล้ว</span></div>
7175      </div>
7176    </div>
7177  </div>
7177<script>
7178  function changeVariant(variantid, variantprice, productid, compareatprice){
7179    var btnContainer = document.getElementById(productid);
7180    var btns = btnContainer.getElementsByClassName("active");
7181    btns[0].classList.remove("active");
7182
7183    var btnsactive = btnContainer.getElementsByClassName(variantid);
7184    btnsactive[0].classList.add("active");
7185    
7186    document.getElementById("id-"+productid).value = variantid;
7187    document.getElementById("variantprice-"+productid).textContent = variantprice;
7188
7189    document.getElementById("price-regular-"+productid).textContent = variantprice;
7190    document.getElementById("price-compare-"+productid).textContent = compareatprice;
7191    document.getElementById("price-sale-"+productid).textContent = variantprice;
7192  }
7193</script>
7193
7194                </li>
7195
7196                <li id="grid-15" class="grid__item" style="">
7197                  
7198
7199
7200<link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-rating.aio.min.css?v=6522338228602582101754032838" rel="stylesheet" type="text/css" media="all" />
7201<style data-shopify>.custom-card-heading {
7202    font-weight: 700; 
7203    font-size: 12px; 
7204    line-height: 15px; 
7205    text-align: center;
7206  }
7207
7208  .custom-card-information {
7209    text-align: center !important;
7210  }
7211
7212  .custom-button {
7213    min-height: auto;
7214    font-weight: 700;
7215    font-size: 10px;
7216    text-transform: uppercase;
7217    margin-top: 10px;
7218    padding-top: 10px;
7219    padding-bottom: 10px;
7220  }
7221
7222  .custom-button:hover {
7223    color: white;
7224    background-color: #5B6670;
7225  }
7226
7227  .custom-therapist-variant-selector-container{
7228    margin-top: 2rem;
7229    margin-bottom: 4rem;
7230  }
7231  .custom-therapist-button {
7232    border-radius: 2px;
7233    min-height: auto;
7234    font-weight: 700;
7235    font-size: 10px;
7236    text-transform: uppercase;
7237    margin-top: 10px;
7238    padding-top: 10px;
7239    padding-bottom: 10px;
7240  }
7241  .custom-therapist-button-container a{
7242    text-decoration: none;
7243  }
7244  .custom-therapist-button:hover {
7245    color: #5B6670!important;
7246    background-color: white;
7247  }
7248
7249  .custom-quick-add {
7250    text-align: center;
7251  }
7252
7253  .custom-variant-button {
7254    color: #5b6670;
7255    background-color: transparent!important; 
7256    transition: border-color .2s ease,background-color .2s ease,width .2s ease,height .2s ease;
7257    border: 1px solid #5b6670!important;
7258    font-size: 10px;
7259    font-family: Helvetica,Helvetica Neue,Arial,Lucida Grande,sans-serif;
7260    font-style: normal;
7261    font-weight: 700;
7262    text-decoration: none;
7263    letter-spacing: .1em;
7264    cursor: pointer;
7265    display: inline-block;
7266    padding: 5px 5px;
7267  }
7268
7269  .custom-variant-button.active {
7270    color: white;
7271    background-color: #5b6670!important; 
7272  }</style><div class="card-wrapper underline-links-hover">
7273    <div class="card
7274      card--standard
7275       card--media
7276      
7277      
7278      "
7279      style="--ratio-percent: 100%;"
7280    >
7281      <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100%;"><div class="card__media">
7282            <div class="media media--transparent media--hover-effect">
7283              
7284              <img loading="lazy"
7285                srcset="//dermalogica.co.th/cdn/shop/files/S__220364803_0.jpg?v=1775188474&width=165 165w,//dermalogica.co.th/cdn/shop/files/S__220364803_0.jpg?v=1775188474&width=360 360w,//dermalogica.co.th/cdn/shop/files/S__220364803_0.jpg?v=1775188474&width=533 533w,//dermalogica.co.th/cdn/shop/files/S__220364803_0.jpg?v=1775188474&width=720 720w,//dermalogica.co.th/cdn/shop/files/S__220364803_0.jpg?v=1775188474&width=940 940w,//dermalogica.co.th/cdn/shop/files/S__220364803_0.jpg?v=1775188474&width=1066 1066w,//dermalogica.co.th/cdn/shop/files/S__220364803_0.jpg?v=1775188474 1206w"
7286                src="//dermalogica.co.th/cdn/shop/files/S__220364803_0.jpg?v=1775188474&width=533"
7287                sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
7288                alt="pro-collagen banking water cream"
7289                class="motion-reduce"
7290                loading="lazy"
7291                width="1206"
7292                height="1206"
7293              >
7294              
7295<img loading="lazy"
7296                  srcset="//dermalogica.co.th/cdn/shop/files/S__220364804_0.jpg?v=1775188474&width=165 165w,//dermalogica.co.th/cdn/shop/files/S__220364804_0.jpg?v=1775188474&width=360 360w,//dermalogica.co.th/cdn/shop/files/S__220364804_0.jpg?v=1775188474&width=533 533w,//dermalogica.co.th/cdn/shop/files/S__220364804_0.jpg?v=1775188474&width=720 720w,//dermalogica.co.th/cdn/shop/files/S__220364804_0.jpg?v=1775188474&width=940 940w,//dermalogica.co.th/cdn/shop/files/S__220364804_0.jpg?v=1775188474&width=1066 1066w,//dermalogica.co.th/cdn/shop/files/S__220364804_0.jpg?v=1775188474 1206w"
7297                  src="//dermalogica.co.th/cdn/shop/files/S__220364804_0.jpg?v=1775188474&width=533"
7298                  sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
7299                  alt=""
7300                  class="motion-reduce"
7301                 
7302                  width="1206"
7303                  height="1206"
7304                ></div>
7305          </div><div class="card__content">
7306          <div class="card__information">
7307            <h3 class="custom-card-heading card__heading">
7308              <a href="/collections/shop-all-products/products/breakout-biotic-moisturizer-copy" id="StandardCardNoMediaLink-template--19247830008005__product-grid-8788278116549" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--19247830008005__product-grid-8788278116549 NoMediaStandardBadge-template--19247830008005__product-grid-8788278116549">
7309                pro-collagen banking water cream
7310              </a>
7311            </h3>
7312          </div>
7313          <div class="card__badge bottom right"><span id="NoMediaStandardBadge-template--19247830008005__product-grid-8788278116549" class="badge badge--bottom-left color-accent-2"> -10%</span></div>
7314        </div>
7315      </div>
7316      <div class="card__content">
7317        <div class="card__information">
7318          <h3 class="custom-card-heading card__heading h5" id="title-template--19247830008005__product-grid-8788278116549">
7319            <a href="/collections/shop-all-products/products/breakout-biotic-moisturizer-copy" id="CardLink-template--19247830008005__product-grid-8788278116549" class="full-unstyled-link" aria-labelledby="CardLink-template--19247830008005__product-grid-8788278116549 Badge-template--19247830008005__product-grid-8788278116549">
7320              pro-collagen banking water cream
7321            </a>
7322          </h3>
7323          <div class="custom-card-information card-information"><span class="caption-large light"></span>
7324
7325<div class="price  price--on-sale ">
7326  <div class="price__container"><div class="price__regular">
7327      <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
7328      <span class="price-item price-item--regular" id="price-regular-8788278116549">
7329        ฿3,510.00
7330      </span>
7331    </div>
7332    <div class="price__sale">
7333        <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
7334        <span>
7335          <s class="price-item price-item--regular" id="price-compare-8788278116549">
7336            
7337              ฿3,900.00
7338            
7339          </s>
7340        </span><span class="visually-hidden visually-hidden--inline">ราคาช่วงลดราคา</span>
7341      <span class="price-item price-item--sale price-item--last" id="price-sale-8788278116549">
7342        ฿3,510.00
7343      </span>
7344    </div><small class="unit-price caption hidden">
7345      <span class="visually-hidden">ราคาต่อหน่วย</span>
7346      <span class="price-item price-item--last">
7347        <span></span>
7348        <span aria-hidden="true">/</span>
7349        <span class="visually-hidden">&nbsp;ต่อ&nbsp;</span>
7350        <span>
7351        </span>
7352      </span>
7353    </small>
7354  </div>
7355
7356</div>
7357          </div>
7358        </div><div class="quick-add custom-quick-add"  style=""><product-form><form method="post" action="/cart/add" id="quick-add-template--19247830008005__product-grid8788278116549" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="46027664195781" disabled>
7359                      <button
7360                        id="quick-add-template--19247830008005__product-grid8788278116549-submit"
7361                        type="submit"
7362                        name="add"
7363                        class="quick-add__submit button button--full-width button--secondary custom-button"
7364                        aria-haspopup="dialog"
7365                        aria-labelledby="quick-add-template--19247830008005__product-grid8788278116549-submit title-template--19247830008005__product-grid-8788278116549"
7366                        aria-live="polite"
7367                        data-sold-out-message="true"
7368                        
7369                      >
7370                        <span>เพิ่มลงในตะกร้าสินค้า
7371</span>
7372                        <span class="sold-out-message hidden">
7373                          ขายหมดแล้ว
7374                        </span>
7375                        <div class="loading-overlay__spinner hidden">
7376                          <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
7377                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
7378                          </svg>
7379                        </div>
7380                      </button><input type="hidden" name="product-id" value="8788278116549" /><input type="hidden" name="section-id" value="template--19247830008005__product-grid" /></form></product-form></div>
7381            <div class="card__badge bottom right"><span id="Badge-template--19247830008005__product-grid-8788278116549" class="badge badge--bottom-left color-accent-2"> -10%</span></div>
7382      </div>
7383    </div>
7384  </div>
7384<script>
7385  function changeVariant(variantid, variantprice, productid, compareatprice){
7386    var btnContainer = document.getElementById(productid);
7387    var btns = btnContainer.getElementsByClassName("active");
7388    btns[0].classList.remove("active");
7389
7390    var btnsactive = btnContainer.getElementsByClassName(variantid);
7391    btnsactive[0].classList.add("active");
7392    
7393    document.getElementById("id-"+productid).value = variantid;
7394    document.getElementById("variantprice-"+productid).textContent = variantprice;
7395
7396    document.getElementById("price-regular-"+productid).textContent = variantprice;
7397    document.getElementById("price-compare-"+productid).textContent = compareatprice;
7398    document.getElementById("price-sale-"+productid).textContent = variantprice;
7399  }
7400</script>
7400
7401                </li>
7402
7403                <li id="grid-16" class="grid__item" style="">
7404                  
7405
7406
7407<link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-rating.aio.min.css?v=6522338228602582101754032838" rel="stylesheet" type="text/css" media="all" />
7408<style data-shopify>.custom-card-heading {
7409    font-weight: 700; 
7410    font-size: 12px; 
7411    line-height: 15px; 
7412    text-align: center;
7413  }
7414
7415  .custom-card-information {
7416    text-align: center !important;
7417  }
7418
7419  .custom-button {
7420    min-height: auto;
7421    font-weight: 700;
7422    font-size: 10px;
7423    text-transform: uppercase;
7424    margin-top: 10px;
7425    padding-top: 10px;
7426    padding-bottom: 10px;
7427  }
7428
7429  .custom-button:hover {
7430    color: white;
7431    background-color: #5B6670;
7432  }
7433
7434  .custom-therapist-variant-selector-container{
7435    margin-top: 2rem;
7436    margin-bottom: 4rem;
7437  }
7438  .custom-therapist-button {
7439    border-radius: 2px;
7440    min-height: auto;
7441    font-weight: 700;
7442    font-size: 10px;
7443    text-transform: uppercase;
7444    margin-top: 10px;
7445    padding-top: 10px;
7446    padding-bottom: 10px;
7447  }
7448  .custom-therapist-button-container a{
7449    text-decoration: none;
7450  }
7451  .custom-therapist-button:hover {
7452    color: #5B6670!important;
7453    background-color: white;
7454  }
7455
7456  .custom-quick-add {
7457    text-align: center;
7458  }
7459
7460  .custom-variant-button {
7461    color: #5b6670;
7462    background-color: transparent!important; 
7463    transition: border-color .2s ease,background-color .2s ease,width .2s ease,height .2s ease;
7464    border: 1px solid #5b6670!important;
7465    font-size: 10px;
7466    font-family: Helvetica,Helvetica Neue,Arial,Lucida Grande,sans-serif;
7467    font-style: normal;
7468    font-weight: 700;
7469    text-decoration: none;
7470    letter-spacing: .1em;
7471    cursor: pointer;
7472    display: inline-block;
7473    padding: 5px 5px;
7474  }
7475
7476  .custom-variant-button.active {
7477    color: white;
7478    background-color: #5b6670!important; 
7479  }</style><div class="card-wrapper underline-links-hover">
7480    <div class="card
7481      card--standard
7482       card--media
7483      
7484      
7485      "
7486      style="--ratio-percent: 100%;"
7487    >
7488      <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100%;"><div class="card__media">
7489            <div class="media media--transparent media--hover-effect">
7490              
7491              <img loading="lazy"
7492                srcset="//dermalogica.co.th/cdn/shop/files/Webshop11-25-11.jpg?v=1772262472&width=165 165w,//dermalogica.co.th/cdn/shop/files/Webshop11-25-11.jpg?v=1772262472&width=360 360w,//dermalogica.co.th/cdn/shop/files/Webshop11-25-11.jpg?v=1772262472&width=533 533w,//dermalogica.co.th/cdn/shop/files/Webshop11-25-11.jpg?v=1772262472&width=720 720w,//dermalogica.co.th/cdn/shop/files/Webshop11-25-11.jpg?v=1772262472&width=940 940w,//dermalogica.co.th/cdn/shop/files/Webshop11-25-11.jpg?v=1772262472&width=1066 1066w,//dermalogica.co.th/cdn/shop/files/Webshop11-25-11.jpg?v=1772262472 2048w"
7493                src="//dermalogica.co.th/cdn/shop/files/Webshop11-25-11.jpg?v=1772262472&width=533"
7494                sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
7495                alt="daily microfoliant 74 g + travel size 13g"
7496                class="motion-reduce"
7497                loading="lazy"
7498                width="2048"
7499                height="2047"
7500              >
7501              
7502<img loading="lazy"
7503                  srcset="//dermalogica.co.th/cdn/shop/files/daily-microfoliant-dermalogica-thailand-2_3a813f92-55b7-48b8-9cc6-a7f9368da141.jpg?v=1772262472&width=165 165w,//dermalogica.co.th/cdn/shop/files/daily-microfoliant-dermalogica-thailand-2_3a813f92-55b7-48b8-9cc6-a7f9368da141.jpg?v=1772262472&width=360 360w,//dermalogica.co.th/cdn/shop/files/daily-microfoliant-dermalogica-thailand-2_3a813f92-55b7-48b8-9cc6-a7f9368da141.jpg?v=1772262472&width=533 533w,//dermalogica.co.th/cdn/shop/files/daily-microfoliant-dermalogica-thailand-2_3a813f92-55b7-48b8-9cc6-a7f9368da141.jpg?v=1772262472&width=720 720w,//dermalogica.co.th/cdn/shop/files/daily-microfoliant-dermalogica-thailand-2_3a813f92-55b7-48b8-9cc6-a7f9368da141.jpg?v=1772262472&width=940 940w,//dermalogica.co.th/cdn/shop/files/daily-microfoliant-dermalogica-thailand-2_3a813f92-55b7-48b8-9cc6-a7f9368da141.jpg?v=1772262472 1000w"
7504                  src="//dermalogica.co.th/cdn/shop/files/daily-microfoliant-dermalogica-thailand-2_3a813f92-55b7-48b8-9cc6-a7f9368da141.jpg?v=1772262472&width=533"
7505                  sizes="(min-width: 2000px) 467px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
7506                  alt=""
7507                  class="motion-reduce"
7508                 
7509                  width="1000"
7510                  height="1000"
7511                ></div>
7512          </div><div class="card__content">
7513          <div class="card__information">
7514            <h3 class="custom-card-heading card__heading">
7515              <a href="/collections/shop-all-products/products/exclusive-set-daily-microfoliant-74-g-daily-microfoliant-13-g" id="StandardCardNoMediaLink-template--19247830008005__product-grid-8478305484997" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--19247830008005__product-grid-8478305484997 NoMediaStandardBadge-template--19247830008005__product-grid-8478305484997">
7516                daily microfoliant 74 g + travel size 13g
7517              </a>
7518            </h3>
7519          </div>
7520          <div class="card__badge bottom right"></div>
7521        </div>
7522      </div>
7523      <div class="card__content">
7524        <div class="card__information">
7525          <h3 class="custom-card-heading card__heading h5" id="title-template--19247830008005__product-grid-8478305484997">
7526            <a href="/collections/shop-all-products/products/exclusive-set-daily-microfoliant-74-g-daily-microfoliant-13-g" id="CardLink-template--19247830008005__product-grid-8478305484997" class="full-unstyled-link" aria-labelledby="CardLink-template--19247830008005__product-grid-8478305484997 Badge-template--19247830008005__product-grid-8478305484997">
7527              daily microfoliant 74 g + travel size 13g
7528            </a>
7529          </h3>
7530          <div class="custom-card-information card-information"><span class="caption-large light"></span>
7531
7532<div class="price ">
7533  <div class="price__container"><div class="price__regular">
7534      <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
7535      <span class="price-item price-item--regular" id="price-regular-8478305484997">
7536        ฿4,590.00
7537      </span>
7538    </div>
7539    <div class="price__sale">
7540        <span class="visually-hidden visually-hidden--inline">ราคาปกติ</span>
7541        <span>
7542          <s class="price-item price-item--regular" id="price-compare-8478305484997">
7543            
7544              ฿4,590.00
7545            
7546          </s>
7547        </span><span class="visually-hidden visually-hidden--inline">ราคาช่วงลดราคา</span>
7548      <span class="price-item price-item--sale price-item--last" id="price-sale-8478305484997">
7549        ฿4,590.00
7550      </span>
7551    </div><small class="unit-price caption hidden">
7552      <span class="visually-hidden">ราคาต่อหน่วย</span>
7553      <span class="price-item price-item--last">
7554        <span></span>
7555        <span aria-hidden="true">/</span>
7556        <span class="visually-hidden">&nbsp;ต่อ&nbsp;</span>
7557        <span>
7558        </span>
7559      </span>
7560    </small>
7561  </div>
7562
7563</div>
7564          </div>
7565        </div><div class="quick-add custom-quick-add"  style=""><product-form><form method="post" action="/cart/add" id="quick-add-template--19247830008005__product-grid8478305484997" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="45272883364037" disabled>
7566                      <button
7567                        id="quick-add-template--19247830008005__product-grid8478305484997-submit"
7568                        type="submit"
7569                        name="add"
7570                        class="quick-add__submit button button--full-width button--secondary custom-button"
7571                        aria-haspopup="dialog"
7572                        aria-labelledby="quick-add-template--19247830008005__product-grid8478305484997-submit title-template--19247830008005__product-grid-8478305484997"
7573                        aria-live="polite"
7574                        data-sold-out-message="true"
7575                        
7576                      >
7577                        <span>เพิ่มลงในตะกร้าสินค้า
7578</span>
7579                        <span class="sold-out-message hidden">
7580                          ขายหมดแล้ว
7581                        </span>
7582                        <div class="loading-overlay__spinner hidden">
7583                          <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
7584                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
7585                          </svg>
7586                        </div>
7587                      </button><input type="hidden" name="product-id" value="8478305484997" /><input type="hidden" name="section-id" value="template--19247830008005__product-grid" /></form></product-form></div>
7588            <div class="card__badge bottom right"></div>
7589      </div>
7590    </div>
7591  </div>
7591<script>
7592  function changeVariant(variantid, variantprice, productid, compareatprice){
7593    var btnContainer = document.getElementById(productid);
7594    var btns = btnContainer.getElementsByClassName("active");
7595    btns[0].classList.remove("active");
7596
7597    var btnsactive = btnContainer.getElementsByClassName(variantid);
7598    btnsactive[0].classList.add("active");
7599    
7600    document.getElementById("id-"+productid).value = variantid;
7601    document.getElementById("variantprice-"+productid).textContent = variantprice;
7602
7603    document.getElementById("price-regular-"+productid).textContent = variantprice;
7604    document.getElementById("price-compare-"+productid).textContent = compareatprice;
7605    document.getElementById("price-sale-"+productid).textContent = variantprice;
7606  }
7607</script>
7607
7608                </li></ul>
7609
7610<link rel="stylesheet" href="//dermalogica.co.th/cdn/shop/t/67/assets/component-pagination.aio.min.css?v=59769872908293926711754032834" media="print" onload="this.media='all'">
7611<noscript><link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-pagination.aio.min.css?v=59769872908293926711754032834" rel="stylesheet" type="text/css" media="all" /></noscript><div class="pagination-wrapper">
7612    <nav class="pagination" role="navigation" aria-label="การแบ่งหน้า">
7613      <ul class="pagination__list list-unstyled" role="list"><li><a role="link" aria-disabled="true" class="pagination__item pagination__item--current light" aria-current="page" aria-label="หน้า 1">1</a></li><li><a href="/collections/shop-all-products?page=2" class="pagination__item link" aria-label="หน้า 2">2</a></li><li><a href="/collections/shop-all-products?page=3" class="pagination__item link" aria-label="หน้า 3">3</a></li><li><span class="pagination__item">&hellip;</span></li><li><a href="/collections/shop-all-products?page=5" class="pagination__item link" aria-label="หน้า 5">5</a></li><li>
7614          <a href="/collections/shop-all-products?page=2" class="pagination__item pagination__item--prev pagination__item-arrow link motion-reduce" aria-label="หน้าถัดไป" ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
7615  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
7616</svg>
7617</a>
7618        </li></ul>
7619    </nav>
7620  </div>
7621</div></div>
7622  </div>
7623</div>
7624
7625
7626</div><section id="shopify-section-template--19247830008005__custom_collapsible_content_HMeLg8" class="shopify-section section"><link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-accordion.aio.min.css?v=43346107024026771361754032816" rel="stylesheet" type="text/css" media="all" />
7627<link href="//dermalogica.co.th/cdn/shop/t/67/assets/collapsible-content.aio.min.css?v=105448817881196223031754032815" rel="stylesheet" type="text/css" media="all" />
7628<style data-shopify>.section-template--19247830008005__custom_collapsible_content_HMeLg8-padding {
7629    padding-top: 27px;
7630    padding-bottom: 27px;
7631  }
7632
7633  @media screen and (min-width: 750px) {
7634    .section-template--19247830008005__custom_collapsible_content_HMeLg8-padding {
7635      padding-top: 36px;
7636      padding-bottom: 36px;
7637    }
7638  }
7639
7640  .accordion-container {
7641    padding: 3rem 3rem 3rem 0 !important;
7642  }
7643
7644  h3{
7645    text-decoration: none !important;
7646  }
7647  
7648  h3:hover{
7649    text-decoration: none !important;
7650  }
7651
7652  .accordion__content{
7653    padding-left: 3rem !important;
7654  }</style><div class="color-background-1 gradient">
7655  <div class="collapsible-content collapsible-none-layout isolate content-container content-container--full-width">
7656    <div class="collapsible-content__wrapper section-template--19247830008005__custom_collapsible_content_HMeLg8-padding">
7657      <div class="page-width">
7658        <div class="collapsible-content__header" style="text-align: left;">
7659<h2 class="collapsible-content__heading h1">FAQs</h2>
7660        </div>
7661        <div class="grid grid--1-col grid--2-col-tablet collapsible-content__grid collapsible-content__grid--reverse">
7662          <div class="grid__item"><div class="accordion" >
7663                <details id="Details-collapsible_row_LBMGm3-template--19247830008005__custom_collapsible_content_HMeLg8">
7664                  <summary id="Summary-collapsible_row_LBMGm3-template--19247830008005__custom_collapsible_content_HMeLg8">
7665                    
7666                    <h3 class="accordion__title h4">
7667                      How do I find products for my skin type or concern?
7668                    </h3>
7669                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
7670  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
7671</svg>
7672
7673                  </summary>
7674                  <div class="accordion__content rte" id="CollapsibleAccordion-collapsible_row_LBMGm3-template--19247830008005__custom_collapsible_content_HMeLg8" role="region" aria-labelledby="Summary-collapsible_row_LBMGm3-template--19247830008005__custom_collapsible_content_HMeLg8">
7675                    <p>Use the site filters (skin type, concern, or ingredient) and check product recommendations organized by routine step. For a personalized plan, consult a Professional Skin Therapist (PST) or book a Face Mapping consultation to match products to your skin health needs.
7675</p>
7676                    
7677                  </div>
7678                </details>
7679              </div><div class="accordion" >
7680                <details id="Details-collapsible_row_ATLjyD-template--19247830008005__custom_collapsible_content_HMeLg8">
7681                  <summary id="Summary-collapsible_row_ATLjyD-template--19247830008005__custom_collapsible_content_HMeLg8">
7682                    
7683                    <h3 class="accordion__title h4">
7684                      Are product ingredients, certifications, and suitability listed for each product?
7685                    </h3>
7686                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
7687  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
7688</svg>
7689
7690                  </summary>
7691                  <div class="accordion__content rte" id="CollapsibleAccordion-collapsible_row_ATLjyD-template--19247830008005__custom_collapsible_content_HMeLg8" role="region" aria-labelledby="Summary-collapsible_row_ATLjyD-template--19247830008005__custom_collapsible_content_HMeLg8">
7692                    <p>Yes. Each product page lists the full ingredient panel, relevant certifications (cruelty-free, vegan), and suitability notes. For questions about specific claims or ingredients, review the product page or contact customer service or a PST.</p>
7693                    
7694                  </div>
7695                </details>
7696              </div><div class="accordion" >
7697                <details id="Details-collapsible_row_jw9bNE-template--19247830008005__custom_collapsible_content_HMeLg8">
7698                  <summary id="Summary-collapsible_row_jw9bNE-template--19247830008005__custom_collapsible_content_HMeLg8">
7699                    
7700                    <h3 class="accordion__title h4">
7701                      How do I build a routine from this collection?
7702                    </h3>
7703                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
7704  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
7705</svg>
7706
7707                  </summary>
7708                  <div class="accordion__content rte" id="CollapsibleAccordion-collapsible_row_jw9bNE-template--19247830008005__custom_collapsible_content_HMeLg8" role="region" aria-labelledby="Summary-collapsible_row_jw9bNE-template--19247830008005__custom_collapsible_content_HMeLg8">
7709                    <p>Start with core steps: cleanse, tone or mist, treat (serums and targeted treatments), moisturize, and finish with SPF during the day. Choose products for each step based on your skin type and concerns, and introduce one new product at a time to monitor how your skin responds.</p>
7710                    
7711                  </div>
7712                </details>
7713              </div><div class="accordion" >
7714                <details id="Details-collapsible_row_xFNV4V-template--19247830008005__custom_collapsible_content_HMeLg8">
7715                  <summary id="Summary-collapsible_row_xFNV4V-template--19247830008005__custom_collapsible_content_HMeLg8">
7716                    
7717                    <h3 class="accordion__title h4">
7718                      Can I buy travel sizes or request samples before committing to a full-size product?
7719                    </h3>
7720                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
7721  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
7722</svg>
7723
7724                  </summary>
7725                  <div class="accordion__content rte" id="CollapsibleAccordion-collapsible_row_xFNV4V-template--19247830008005__custom_collapsible_content_HMeLg8" role="region" aria-labelledby="Summary-collapsible_row_xFNV4V-template--19247830008005__custom_collapsible_content_HMeLg8">
7726                    <p>Some products are available in travel-size or trial-sizes. Availability is listed on the product page.</p>
7727                    
7728                  </div>
7729                </details>
7730              </div><div class="accordion" >
7731                <details id="Details-collapsible_row_LfEFWM-template--19247830008005__custom_collapsible_content_HMeLg8">
7732                  <summary id="Summary-collapsible_row_LfEFWM-template--19247830008005__custom_collapsible_content_HMeLg8">
7733                    
7734                    <h3 class="accordion__title h4">
7735                      How do I read ingredient lists and understand active ingredients?
7736                    </h3>
7737                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
7738  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
7739</svg>
7740
7741                  </summary>
7742                  <div class="accordion__content rte" id="CollapsibleAccordion-collapsible_row_LfEFWM-template--19247830008005__custom_collapsible_content_HMeLg8" role="region" aria-labelledby="Summary-collapsible_row_LfEFWM-template--19247830008005__custom_collapsible_content_HMeLg8">
7743                    <p>Ingredients are listed in descending order by concentration. Look for active ingredients by name (e.g., Hyaluronic Acid, Vitamin C) and check the product description for intended benefits. If you’re unsure how an ingredient fits into your routine, consult a PST for guidance.</p>
7744                    
7745                  </div>
7746                </details>
7747              </div><div class="accordion" >
7748                <details id="Details-collapsible_row_BWNJRf-template--19247830008005__custom_collapsible_content_HMeLg8">
7749                  <summary id="Summary-collapsible_row_BWNJRf-template--19247830008005__custom_collapsible_content_HMeLg8">
7750                    
7751                    <h3 class="accordion__title h4">
7752                      How can I be sure I’m buying authentic Dermalogica products?
7753                    </h3>
7754                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
7755  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
7756</svg>
7757
7758                  </summary>
7759                  <div class="accordion__content rte" id="CollapsibleAccordion-collapsible_row_BWNJRf-template--19247830008005__custom_collapsible_content_HMeLg8" role="region" aria-labelledby="Summary-collapsible_row_BWNJRf-template--19247830008005__custom_collapsible_content_HMeLg8">
7760                    <p>Purchase only from dermalogica.com, authorized Dermalogica treatment centers, or approved retail partners. Authorized sellers and product pages are the best way to ensure authenticity. If in doubt, contact customer service or your local PST.</p>
7761                    
7762                  </div>
7763                </details>
7764              </div><div class="accordion" >
7765                <details id="Details-collapsible_row_8TYn39-template--19247830008005__custom_collapsible_content_HMeLg8">
7766                  <summary id="Summary-collapsible_row_8TYn39-template--19247830008005__custom_collapsible_content_HMeLg8">
7767                    
7768                    <h3 class="accordion__title h4">
7769                      What are the site policies for shipping, returns, and subscriptions?
7770                    </h3>
7771                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
7772  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
7773</svg>
7774
7775                  </summary>
7776                  <div class="accordion__content rte" id="CollapsibleAccordion-collapsible_row_8TYn39-template--19247830008005__custom_collapsible_content_HMeLg8" role="region" aria-labelledby="Summary-collapsible_row_8TYn39-template--19247830008005__custom_collapsible_content_HMeLg8">
7777                    <p>Shipping, returns, and subscription terms are listed on dermalogica.com under Shipping & Returns or the subscription page. For policy details, account-specific questions, or help with an order, contact customer service by the channels listed on the site.</p>
7778                    
7779                  </div>
7780                </details>
7781              </div><div class="accordion" >
7782                <details id="Details-collapsible_row_CX6EgE-template--19247830008005__custom_collapsible_content_HMeLg8">
7783                  <summary id="Summary-collapsible_row_CX6EgE-template--19247830008005__custom_collapsible_content_HMeLg8">
7784                    
7785                    <h3 class="accordion__title h4">
7786                      Are Dermalogica products clean and cruelty-free?
7787                    </h3>
7788                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
7789  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
7790</svg>
7791
7792                  </summary>
7793                  <div class="accordion__content rte" id="CollapsibleAccordion-collapsible_row_CX6EgE-template--19247830008005__custom_collapsible_content_HMeLg8" role="region" aria-labelledby="Summary-collapsible_row_CX6EgE-template--19247830008005__custom_collapsible_content_HMeLg8">
7794                    <p>Yes. Dermalogica has followed clean formulation standards since 1986, avoiding artificial colors and fragrances, mineral oil, lanolin, S.D. alcohol, parabens, and microplastics. All products are certified vegan and recognized as cruelty-free by PETA and Leaping Bunny. Clinical claims are supported by third-party studies where applicable.</p>
7795                    
7796                  </div>
7797                </details>
7798              </div>
7799
7800
7801
7802          
7803          
7804            
7805            
7806              
7807        </div>
7808      </div>
7809    </div>
7810  </div>
7811</div>
7812
7813
7814<style> #shopify-section-template--19247830008005__custom_collapsible_content_HMeLg8 .collapsible-content__heading {font-weight: 750;} #shopify-section-template--19247830008005__custom_collapsible_content_HMeLg8 .accordion__title, #shopify-section-template--19247830008005__custom_collapsible_content_HMeLg8 .accordion__content {font-size: 18px;} #shopify-section-template--19247830008005__custom_collapsible_content_HMeLg8 ..accordion__content {padding-left: 0 !important;} </style></section><section id="shopify-section-template--19247830008005__d8b946da-c2d9-4eca-956f-a0fe2141dd89" class="shopify-section section"><style data-shopify>.section-template--19247830008005__d8b946da-c2d9-4eca-956f-a0fe2141dd89-padding {
7815  padding-top: calc(40px * 0.5);
7816  padding-bottom: calc(52px  * 0.5);
7817}
7818@media screen and (min-width: 750px) {
7819  .section-template--19247830008005__d8b946da-c2d9-4eca-956f-a0fe2141dd89-padding {
7820    padding-top: 40px;
7821    padding-bottom: 52px;
7822  }
7823}</style><div class="color-background-1 gradient">
7824  <div class="section-template--19247830008005__d8b946da-c2d9-4eca-956f-a0fe2141dd89-padding">
7825    <div class="nosto_element" id="categorypage-nosto-1"></div>
7826<div class="nosto_element" id="categorypage-nosto-3"></div>
7827  </div>
7828</div>
7829
7830
7831</section><section id="shopify-section-template--19247830008005__db2e5c77-eee2-426c-93f2-dc8ad4a1d431" class="shopify-section section"><style data-shopify>.section-template--19247830008005__db2e5c77-eee2-426c-93f2-dc8ad4a1d431-padding {
7832  padding-top: calc(40px * 0.5);
7833  padding-bottom: calc(52px  * 0.5);
7834}
7835@media screen and (min-width: 750px) {
7836  .section-template--19247830008005__db2e5c77-eee2-426c-93f2-dc8ad4a1d431-padding {
7837    padding-top: 40px;
7838    padding-bottom: 52px;
7839  }
7840}</style><div class="color-background-1 gradient">
7841  <div class="section-template--19247830008005__db2e5c77-eee2-426c-93f2-dc8ad4a1d431-padding">
7842    <div class="nosto_element" id="categorypage-nosto-2"></div>
7843<div class="nosto_element" id="categorypage-nosto-4"></div>
7844  </div>
7845</div>
7846
7847
7848</section>
7849    </main>
7850
7851    <!-- BEGIN sections: custom-popup-group -->
7852<section id="shopify-section-sections--22645356298437__custom_offer_pop_up_khLnKk" class="shopify-section shopify-section-group-custom-popup-group current-offer-pop"><link href="//dermalogica.co.th/cdn/shop/t/67/assets/swiper-bundle.min.css?v=86917714578655216841754032892" rel="stylesheet" type="text/css" media="all" />
7853<script src="//dermalogica.co.th/cdn/shop/t/67/assets/swiper-bundle.min.aio.min.js?v=151921187182710927381754032891" type="text/javascript"></script>
7853
7854
7855<link rel="stylesheet" href="//dermalogica.co.th/cdn/shop/t/67/assets/custom-offer-popup.css?v=45917491098208770851787291802" media="print" onload="this.media='all'">
7856<script src="//dermalogica.co.th/cdn/shop/t/67/assets/custom-offer-popup.js?v=14259692536919904321787291814" defer="defer"></script>
7856
7857<style data-shopify>
7858.offerBtnPosition{
7859  margin-top: 0px;
7860  margin-bottom: 0px;
7861  margin-left: 20px;
7862  margin-right: 0px;
7863}
7864</style>
7865
7866  
7867    <button id="currentOffer-btn" class="offerBtnPosition" style="bottom: 95px;">
7868      CURRENT OFFERS
7869      <span class="popup-close-hidden">
7870        <svg aria-hidden="true" focusable="false" role="presentation" width="12" height="13" class="icon icon-close-small" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
7871    <path d="M8.48627 9.32917L2.82849 3.67098" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
7872    <path d="M2.88539 9.38504L8.42932 3.61524" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
7873</svg>
7874      </span>
7875    </button>
7876    <div id="offer-pop-brackdrop" class="offer-pop-brackdrop"></div>
7877    <div id="offer-pop-content" class="offer-pop-content co-container toa-hidden">
7878      <div id="current-offers-slider-current-offers" class="swiper-wrapper co-wrapper">
7879        
7880          <div class="swiper-slide co-card">
7881            <div class="offer_card offer_card_1">
7882              <div class="offer_card_img">
7883                �<img src="//dermalogica.co.th/cdn/shop/files/Current_offer_pop_up.jpg?v=1789359037&amp;width=1360" alt="" srcset="//dermalogica.co.th/cdn/shop/files/Current_offer_pop_up.jpg?v=1789359037&amp;width=275 275w, //dermalogica.co.th/cdn/shop/files/Current_offer_pop_up.jpg?v=1789359037&amp;width=550 550w, //dermalogica.co.th/cdn/shop/files/Current_offer_pop_up.jpg?v=1789359037&amp;width=680 680w" width="400" height="200" loading="lazy" sizes="(min-width: 990px) 550px, (min-width: 750px) 550px, calc(100vw-30px)" fetchpriority="low" class="img_half_banner multicolumn-card__image">
7884                
7885              </div>
7886              <div class="offer_card_details">
7887                <div class="offer_content">
7888                  <div class="modal-header">
7889                    <h2>
7890                      NEW Exclusive deal : Futurecode booster serum
7891                      <a id="co-item-link-1" class="co-item-link co-item-link-1" href="javascript:void(0)">
7892                        <span class="right-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
7893<g clip-path="url(#clip0_1_256)">
7894  <path d="M8.00001 10.6666V7.99998M8.00001 5.33331H8.00668M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00001 14.6666C4.31811 14.6666 1.33334 11.6819 1.33334 7.99998C1.33334 4.31808 4.31811 1.33331 8.00001 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z" stroke="#5B6670" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
7895</g>
7896<defs>
7897  <clipPath id="clip0_1_256">
7898    <rect width="16" height="16" fill="white"></rect>
7899  </clipPath>
7900</defs>
7901</svg></span>
7902                      </a>
7903                    </h2>
7904                  </div>
7905                  <div class="modal-body">
7906                    <p>รับของแถมฟรี! เมื่อสั่งซื้อสินค้า futurecode booster serum พร้อม point x2</p>
7907                  </div>
7908                </div>
7909                <div class="modal-footer">
7910                  <a class="co-btn" href="/products/futurecode-booster">
7911                    Shop now
7912                  </a>
7913                </div>
7914              </div>
7915              <div id="offer-details-1" class="offer-details toa-hidden">
7916                <div class="toa_content">
7917                  <span class="toa-close"><svg aria-hidden="true" focusable="false" role="presentation" width="12" height="13" class="icon icon-close-small" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
7918  <path d="M8.48627 9.32917L2.82849 3.67098" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
7919  <path d="M2.88539 9.38504L8.42932 3.61524" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
7920</svg></span>
7921                  
7922                </div>
7923              </div>
7924            </div>
7925          </div>
7926        
7927          <div class="swiper-slide co-card">
7928            <div class="offer_card offer_card_2">
7929              <div class="offer_card_img">
7930                �<img src="//dermalogica.co.th/cdn/shop/files/double_cleanse_det.png?v=1787292729&amp;width=5667" alt="" srcset="//dermalogica.co.th/cdn/shop/files/double_cleanse_det.png?v=1787292729&amp;width=275 275w, //dermalogica.co.th/cdn/shop/files/double_cleanse_det.png?v=1787292729&amp;width=550 550w, //dermalogica.co.th/cdn/shop/files/double_cleanse_det.png?v=1787292729&amp;width=680 680w" width="400" height="200" loading="lazy" sizes="(min-width: 990px) 550px, (min-width: 750px) 550px, calc(100vw-30px)" fetchpriority="low" class="img_half_banner multicolumn-card__image">
7931                
7932              </div>
7933              <div class="offer_card_details">
7934                <div class="offer_content">
7935                  <div class="modal-header">
7936                    <h2>
7937                      Double Cleanse Set
7938                      <a id="co-item-link-2" class="co-item-link co-item-link-2" href="javascript:void(0)">
7939                        <span class="right-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
7940<g clip-path="url(#clip0_1_256)">
7941  <path d="M8.00001 10.6666V7.99998M8.00001 5.33331H8.00668M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00001 14.6666C4.31811 14.6666 1.33334 11.6819 1.33334 7.99998C1.33334 4.31808 4.31811 1.33331 8.00001 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z" stroke="#5B6670" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
7942</g>
7943<defs>
7944  <clipPath id="clip0_1_256">
7945    <rect width="16" height="16" fill="white"></rect>
7946  </clipPath>
7947</defs>
7948</svg></span>
7949                      </a>
7950                    </h2>
7951                  </div>
7952                  <div class="modal-body">
7953                    
7954                  </div>
7955                </div>
7956                <div class="modal-footer">
7957                  <a class="co-btn" href="/products/dermalogica-exclusive-set-daily-microfoliant-74g-special-cleansing-gel-250-ml">
7958                    Shop now
7959                  </a>
7960                </div>
7961              </div>
7962              <div id="offer-details-2" class="offer-details toa-hidden">
7963                <div class="toa_content">
7964                  <span class="toa-close"><svg aria-hidden="true" focusable="false" role="presentation" width="12" height="13" class="icon icon-close-small" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
7965  <path d="M8.48627 9.32917L2.82849 3.67098" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
7966  <path d="M2.88539 9.38504L8.42932 3.61524" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
7967</svg></span>
7968                  
7969                </div>
7970              </div>
7971            </div>
7972          </div>
7973        
7974          <div class="swiper-slide co-card">
7975            <div class="offer_card offer_card_3">
7976              <div class="offer_card_img">
7977                �<img src="//dermalogica.co.th/cdn/shop/files/free_shipping.png?v=1787292797&amp;width=5667" alt="" srcset="//dermalogica.co.th/cdn/shop/files/free_shipping.png?v=1787292797&amp;width=275 275w, //dermalogica.co.th/cdn/shop/files/free_shipping.png?v=1787292797&amp;width=550 550w, //dermalogica.co.th/cdn/shop/files/free_shipping.png?v=1787292797&amp;width=680 680w" width="400" height="200" loading="lazy" sizes="(min-width: 990px) 550px, (min-width: 750px) 550px, calc(100vw-30px)" fetchpriority="low" class="img_half_banner multicolumn-card__image">
7978                
7979              </div>
7980              <div class="offer_card_details">
7981                <div class="offer_content">
7982                  <div class="modal-header">
7983                    <h2>
7984                      Free Shipping
7985                      <a id="co-item-link-3" class="co-item-link co-item-link-3" href="javascript:void(0)">
7986                        <span class="right-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
7987<g clip-path="url(#clip0_1_256)">
7988  <path d="M8.00001 10.6666V7.99998M8.00001 5.33331H8.00668M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00001 14.6666C4.31811 14.6666 1.33334 11.6819 1.33334 7.99998C1.33334 4.31808 4.31811 1.33331 8.00001 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z" stroke="#5B6670" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
7989</g>
7990<defs>
7991  <clipPath id="clip0_1_256">
7992    <rect width="16" height="16" fill="white"></rect>
7993  </clipPath>
7994</defs>
7995</svg></span>
7996                      </a>
7997                    </h2>
7998                  </div>
7999                  <div class="modal-body">
8000                    
8001                  </div>
8002                </div>
8003                <div class="modal-footer">
8004                  <a class="co-btn" href="/collections/shop-all-products">
8005                    Shop now
8006                  </a>
8007                </div>
8008              </div>
8009              <div id="offer-details-3" class="offer-details toa-hidden">
8010                <div class="toa_content">
8011                  <span class="toa-close"><svg aria-hidden="true" focusable="false" role="presentation" width="12" height="13" class="icon icon-close-small" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
8012  <path d="M8.48627 9.32917L2.82849 3.67098" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
8013  <path d="M2.88539 9.38504L8.42932 3.61524" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
8014</svg></span>
8015                  
8016                </div>
8017              </div>
8018            </div>
8019          </div>
8020        
8021          <div class="swiper-slide co-card">
8022            <div class="offer_card offer_card_4">
8023              <div class="offer_card_img">
8024                �<img src="//dermalogica.co.th/cdn/shop/files/save_up_to_50.png?v=1787292821&amp;width=5667" alt="" srcset="//dermalogica.co.th/cdn/shop/files/save_up_to_50.png?v=1787292821&amp;width=275 275w, //dermalogica.co.th/cdn/shop/files/save_up_to_50.png?v=1787292821&amp;width=550 550w, //dermalogica.co.th/cdn/shop/files/save_up_to_50.png?v=1787292821&amp;width=680 680w" width="400" height="200" loading="lazy" sizes="(min-width: 990px) 550px, (min-width: 750px) 550px, calc(100vw-30px)" fetchpriority="low" class="img_half_banner multicolumn-card__image">
8025                
8026              </div>
8027              <div class="offer_card_details">
8028                <div class="offer_content">
8029                  <div class="modal-header">
8030                    <h2>
8031                      Save Up to 50%
8032                      <a id="co-item-link-4" class="co-item-link co-item-link-4" href="javascript:void(0)">
8033                        <span class="right-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
8034<g clip-path="url(#clip0_1_256)">
8035  <path d="M8.00001 10.6666V7.99998M8.00001 5.33331H8.00668M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00001 14.6666C4.31811 14.6666 1.33334 11.6819 1.33334 7.99998C1.33334 4.31808 4.31811 1.33331 8.00001 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z" stroke="#5B6670" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
8036</g>
8037<defs>
8038  <clipPath id="clip0_1_256">
8039    <rect width="16" height="16" fill="white"></rect>
8040  </clipPath>
8041</defs>
8042</svg></span>
8043                      </a>
8044                    </h2>
8045                  </div>
8046                  <div class="modal-body">
8047                    
8048                  </div>
8049                </div>
8050                <div class="modal-footer">
8051                  <a class="co-btn" href="/collections/holiday-kit-and-set">
8052                    Shop now
8053                  </a>
8054                </div>
8055              </div>
8056              <div id="offer-details-4" class="offer-details toa-hidden">
8057                <div class="toa_content">
8058                  <span class="toa-close"><svg aria-hidden="true" focusable="false" role="presentation" width="12" height="13" class="icon icon-close-small" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
8059  <path d="M8.48627 9.32917L2.82849 3.67098" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
8060  <path d="M2.88539 9.38504L8.42932 3.61524" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
8061</svg></span>
8062                  
8063                </div>
8064              </div>
8065            </div>
8066          </div>
8067        
8068          <div class="swiper-slide co-card">
8069            <div class="offer_card offer_card_5">
8070              <div class="offer_card_img">
8071                �<img src="//dermalogica.co.th/cdn/shop/files/welcome_gift.png?v=1787292842&amp;width=5667" alt="" srcset="//dermalogica.co.th/cdn/shop/files/welcome_gift.png?v=1787292842&amp;width=275 275w, //dermalogica.co.th/cdn/shop/files/welcome_gift.png?v=1787292842&amp;width=550 550w, //dermalogica.co.th/cdn/shop/files/welcome_gift.png?v=1787292842&amp;width=680 680w" width="400" height="200" loading="lazy" sizes="(min-width: 990px) 550px, (min-width: 750px) 550px, calc(100vw-30px)" fetchpriority="low" class="img_half_banner multicolumn-card__image">
8072                
8073              </div>
8074              <div class="offer_card_details">
8075                <div class="offer_content">
8076                  <div class="modal-header">
8077                    <h2>
8078                      Welcome Gift
8079                      <a id="co-item-link-5" class="co-item-link co-item-link-5" href="javascript:void(0)">
8080                        <span class="right-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
8081<g clip-path="url(#clip0_1_256)">
8082  <path d="M8.00001 10.6666V7.99998M8.00001 5.33331H8.00668M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00001 14.6666C4.31811 14.6666 1.33334 11.6819 1.33334 7.99998C1.33334 4.31808 4.31811 1.33331 8.00001 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z" stroke="#5B6670" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
8083</g>
8084<defs>
8085  <clipPath id="clip0_1_256">
8086    <rect width="16" height="16" fill="white"></rect>
8087  </clipPath>
8088</defs>
8089</svg></span>
8090                      </a>
8091                    </h2>
8092                  </div>
8093                  <div class="modal-body">
8094                    <p><strong>สิทธิพิเศษเฉพาะทางอีเมล (email exclusive)</strong></p>
8095                  </div>
8096                </div>
8097                <div class="modal-footer">
8098                  <a class="co-btn" href="https://dermalogica.co.th/account/register">
8099                    SIGN UP
8100                  </a>
8101                </div>
8102              </div>
8103              <div id="offer-details-5" class="offer-details toa-hidden">
8104                <div class="toa_content">
8105                  <span class="toa-close"><svg aria-hidden="true" focusable="false" role="presentation" width="12" height="13" class="icon icon-close-small" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
8106  <path d="M8.48627 9.32917L2.82849 3.67098" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
8107  <path d="M2.88539 9.38504L8.42932 3.61524" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
8108</svg></span>
8109                  <p>รับชุดของขวัญต้อนรับ 3 ชิ้น เมื่อมียอดสั่งซื้อตั้งแต่ 2,000 บาทขึ้นไป เพียงลงทะเบียนสมัครรับข่าวสารทางอีเมลของเรา<br/></p>
8110                </div>
8111              </div>
8112            </div>
8113          </div>
8114        
8115          <div class="swiper-slide co-card">
8116            <div class="offer_card offer_card_6">
8117              <div class="offer_card_img">
8118                �<img src="//dermalogica.co.th/cdn/shop/files/Free_trial.png?v=1787292853&amp;width=1360" alt="" srcset="//dermalogica.co.th/cdn/shop/files/Free_trial.png?v=1787292853&amp;width=275 275w, //dermalogica.co.th/cdn/shop/files/Free_trial.png?v=1787292853&amp;width=550 550w, //dermalogica.co.th/cdn/shop/files/Free_trial.png?v=1787292853&amp;width=680 680w" width="400" height="200" loading="lazy" sizes="(min-width: 990px) 550px, (min-width: 750px) 550px, calc(100vw-30px)" fetchpriority="low" class="img_half_banner multicolumn-card__image">
8119                
8120              </div>
8121              <div class="offer_card_details">
8122                <div class="offer_content">
8123                  <div class="modal-header">
8124                    <h2>
8125                      Free Trial
8126                      <a id="co-item-link-6" class="co-item-link co-item-link-6" href="javascript:void(0)">
8127                        <span class="right-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
8128<g clip-path="url(#clip0_1_256)">
8129  <path d="M8.00001 10.6666V7.99998M8.00001 5.33331H8.00668M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00001 14.6666C4.31811 14.6666 1.33334 11.6819 1.33334 7.99998C1.33334 4.31808 4.31811 1.33331 8.00001 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z" stroke="#5B6670" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
8130</g>
8131<defs>
8132  <clipPath id="clip0_1_256">
8133    <rect width="16" height="16" fill="white"></rect>
8134  </clipPath>
8135</defs>
8136</svg></span>
8137                      </a>
8138                    </h2>
8139                  </div>
8140                  <div class="modal-body">
8141                    
8142                  </div>
8143                </div>
8144                <div class="modal-footer">
8145                  <a class="co-btn" href="">
8146                    Shop now
8147                  </a>
8148                </div>
8149              </div>
8150              <div id="offer-details-6" class="offer-details toa-hidden">
8151                <div class="toa_content">
8152                  <span class="toa-close"><svg aria-hidden="true" focusable="false" role="presentation" width="12" height="13" class="icon icon-close-small" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
8153  <path d="M8.48627 9.32917L2.82849 3.67098" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
8154  <path d="M2.88539 9.38504L8.42932 3.61524" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
8155</svg></span>
8156                  
8157                </div>
8158              </div>
8159            </div>
8160          </div>
8161        
8162      </div>
8163      <div class="swiper-pagination co-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"> </div>
8164      <div class="swiper-button-prev co-prev swiper-button-disabled"> </div>
8165      <div class="swiper-button-next co-next"> </div>
8166    </div>
8167  
8168
8169
8170</section><section id="shopify-section-sections--22645356298437__custom_icon_pop_up_feG6rq" class="shopify-section shopify-section-group-custom-popup-group current-icon-pop"><link rel="stylesheet" href="//dermalogica.co.th/cdn/shop/t/67/assets/custom-icon-popup.css?v=145540225768716076281787292457" media="print" onload="this.media='all'">
8171<noscript><link href="//dermalogica.co.th/cdn/shop/t/67/assets/custom-icon-popup.css?v=145540225768716076281787292457" rel="stylesheet" type="text/css" media="all" /></noscript>
8172
8173<style data-shopify>
8174    .iconSize{
8175        width: 65px;
8176        height: auto;
8177    }
8178    @media screen and (max-width: 750px) {
8179        .iconSize {
8180            width: 60px;
8181        }
8182    }
8183    .iconPosition{
8184        margin-top: 0px;
8185        margin-bottom: 0px;
8186        margin-left: 0px;
8187        margin-right: 8px;
8188    }
8189    .topLabel{
8190        background: #000000;
8191    }
8192</style>
8193
8194<div id="iconPopUp" class="iconPopUp iconPosition">
8195    <!-- Popup Content -->
8196    <div id="popUpContent" class="popUpContent">
8197        <div class="contentContainer">
8198            <div class="topLabel">
8199                <div class="labelLeft">
8200                    <img width="20px" height="auto" src="//dermalogica.co.th/cdn/shop/files/line.webp?v=1784082324">
8201                </div>
8202
8203                <div class="labelRight">
8204                    <button id="closePopup">x</button>
8205                </div>
8206            </div>
8207
8208            <div class="popupBody">
8209                
8210                    <img 
8211                        width="100%" 
8212                        height="auto"
8213                        src="//dermalogica.co.th/cdn/shop/files/QR_LineOA_360x360px.jpg?v=1787292529">
8214                
8215
8216                <h3 class="title"></h3>
8217
8218                <div class="content">
8219                    <p>แอดไลน์ Dermalogica Official ไม่พลาดทุกข่าวสาร และ โปรโมชั่น</p>
8220                </div>
8221            </div>
8222        </div>
8223    </div>
8224    <!-- Floating Icon -->
8225    <div id="closeIcon" class="closeIcon">
8226        <button> x </button>
8227    </div>
8228    <div id="iconButton" class="iconSize">
8229        <img 
8230            width="100%" 
8231            height="100%" 
8232            src="//dermalogica.co.th/cdn/shop/files/line.webp?v=1784082324">
8233    </div>
8234</div>
8235
8236<script>
8237    document.addEventListener("DOMContentLoaded", function () {
8238        const iconButton = document.getElementById("iconButton");
8239        const popup = document.getElementById("popUpContent");
8240        const closeButton = document.getElementById("closePopup");
8241
8242        if (iconButton && popup && closeButton) {
8243            // Click icon toggle popup
8244            iconButton.addEventListener("click", function(e){
8245                e.stopPropagation();
8246                popup.classList.toggle("active");
8247            });
8248
8249            // Click X close popup
8250            closeButton.addEventListener("click", function(e){
8251                e.stopPropagation();
8252                popup.classList.remove("active");
8253            });
8254
8255            // Click outside close popup
8256            document.addEventListener("click", function(e){
8257                if(
8258                    !popup.contains(e.target) &&
8259                    !iconButton.contains(e.target)
8260                ){
8261                    popup.classList.remove("active");
8262                }
8263
8264            });
8265        }
8266    });
8267
8268    document.addEventListener("DOMContentLoaded", function () {
8269        const closeBtn = document.getElementById("closeIcon");
8270        const popup = document.getElementById("iconPopUp");
8271
8272        if (closeBtn && popup) {
8273            closeBtn.addEventListener("click", function () {
8274                popup.remove();
8275            });
8276        }
8277    });
8278</script>
8278
8279
8280</section><section id="shopify-section-sections--22645356298437__custom_liquid_7Ujkmr" class="shopify-section shopify-section-group-custom-popup-group section"><style data-shopify>.section-sections--22645356298437__custom_liquid_7Ujkmr-padding {
8281  padding-top: calc(0px * 0.5);
8282  padding-bottom: calc(0px  * 0.5);
8283}
8284@media screen and (min-width: 750px) {
8285  .section-sections--22645356298437__custom_liquid_7Ujkmr-padding {
8286    padding-top: 0px;
8287    padding-bottom: 0px;
8288  }
8289}</style><div class="color-background-1 gradient">
8290  <div class="section-sections--22645356298437__custom_liquid_7Ujkmr-padding">
8291    
8291<script src="//email.dermalogica.co.th/resources/sharing/popoverv3.js?sharing=lp-popover&domain=email.dermalogica.co.th&id=7HUB-FMQ%2Fwelcome-gift&mobile=&keydismiss=&screenreader=&width=1200&description=&closebuttonlabel=Close&default-cookies-expiry-length-in-days=365&hide-after-submission=true&delay=1"></script>
8291
8292  </div>
8293</div>
8294
8295
8296</section>
8297<!-- END sections: custom-popup-group -->
8298
8299    <div id="shopify-section-footer" class="shopify-section">
8300<link href="//dermalogica.co.th/cdn/shop/t/67/assets/section-footer.aio.min.css?v=81888385923776798761754032881" rel="stylesheet" type="text/css" media="all" />
8301<link rel="stylesheet" href="//dermalogica.co.th/cdn/shop/t/67/assets/component-newsletter.aio.min.css?v=111044537964756075511754032833" media="print" onload="this.media='all'">
8302<link rel="stylesheet" href="//dermalogica.co.th/cdn/shop/t/67/assets/component-list-menu.aio.min.css?v=45065025891747169961754032826" media="print" onload="this.media='all'">
8303<link rel="stylesheet" href="//dermalogica.co.th/cdn/shop/t/67/assets/component-list-payment.aio.min.css?v=122482866771258565111754032827" media="print" onload="this.media='all'">
8304<link rel="stylesheet" href="//dermalogica.co.th/cdn/shop/t/67/assets/component-list-social.aio.min.css?v=104215647675186319621754032828" media="print" onload="this.media='all'">
8305<link rel="stylesheet" href="//dermalogica.co.th/cdn/shop/t/67/assets/component-rte.aio.min.css?v=139726641985798270661754032838" media="print" onload="this.media='all'">
8306<link rel="stylesheet" href="//dermalogica.co.th/cdn/shop/t/67/assets/disclosure.aio.min.css?v=144320178451966279471754032848" media="print" onload="this.media='all'">
8307
8308<noscript><link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-newsletter.aio.min.css?v=111044537964756075511754032833" rel="stylesheet" type="text/css" media="all" /></noscript>
8309<noscript><link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-list-menu.aio.min.css?v=45065025891747169961754032826" rel="stylesheet" type="text/css" media="all" /></noscript>
8310<noscript><link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-list-payment.aio.min.css?v=122482866771258565111754032827" rel="stylesheet" type="text/css" media="all" /></noscript>
8311<noscript><link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-list-social.aio.min.css?v=104215647675186319621754032828" rel="stylesheet" type="text/css" media="all" /></noscript>
8312<noscript><link href="//dermalogica.co.th/cdn/shop/t/67/assets/component-rte.aio.min.css?v=139726641985798270661754032838" rel="stylesheet" type="text/css" media="all" /></noscript>
8313<noscript><link href="//dermalogica.co.th/cdn/shop/t/67/assets/disclosure.aio.min.css?v=144320178451966279471754032848" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.footer {
8314    margin-top: 36px;
8315  }
8316
8317  .section-footer-padding {
8318    padding-top: 27px;
8319    padding-bottom: 27px;
8320  }
8321
8322  @media screen and (min-width: 750px) {
8323    .footer {
8324      margin-top: 48px;
8325    }
8326
8327    .section-footer-padding {
8328      padding-top: 36px;
8329      padding-bottom: 36px;
8330    }
8331  }
8332
8333    @media screen and (max-width: 749px) {
8334    .footer-block__newsletter {
8335      text-align: left;
8336    }
8337  }
8338
8339  .copyright {
8340    font-family: Helvetica,sans-serif;
8341    font-style: normal;
8342    font-weight: 300;
8343    font-size: 1.2rem;
8344    letter-spacing: 0em;
8345    color: #5b6670;
8346  }
8347
8348  .company-menu {
8349    font-family: Helvetica,sans-serif;
8350    font-style: normal;
8351    font-weight: 300;
8352    font-size: 1.4rem;
8353    letter-spacing: 0em;
8354    text-decoration: none; 
8355    color: #5b6670; 
8356    display: inline-block; 
8357    padding-right: 15px; 
8358    margin-top: 10px;
8359  }
8360
8361  .company-menu:hover {
8362    font-family: Helvetica,sans-serif;
8363    font-style: normal;
8364    font-weight: 300;
8365    font-size: 1.4rem;
8366    letter-spacing: 0em;
8367    text-decoration: none; 
8368    color: #5A92DB; 
8369    display: inline-block; 
8370    padding-right: 15px; 
8371    margin-top: 10px;
8372  }</style><footer class="footer color-background-2 gradient section-footer-padding"><div class="footer__content-top page-width"><div class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet "><div class="footer-block grid__item footer-block--menu" ><h2 class="footer-block__heading">ฝ่ายลูกค้าสัมพันธ์</h2><ul class="footer-block__details-content list-unstyled"><li>
8373                          <a href="/pages/contact-us" class="link link--text list-menu__item list-menu__item--link">
8374                             ติดต่อเรา
8375                          </a>
8376                        </li><li>
8377                          <a href="/pages/faqs" class="link link--text list-menu__item list-menu__item--link">
8378                            คำถามที่พบบ่อย
8379                          </a>
8380                        </li><li>
8381                          <a href="/pages/shipping" class="link link--text list-menu__item list-menu__item--link">
8382                            shipping
8383                          </a>
8384                        </li><li>
8385                          <a href="/pages/return-policy" class="link link--text list-menu__item list-menu__item--link">
8386                            นโยบายการคืนสินค้า
8387                          </a>
8388                        </li><li>
8389                          <a href="/pages/refund-policy" class="link link--text list-menu__item list-menu__item--link">
8390                            นโยบายการคืนเงิน
8391                          </a>
8392                        </li><li>
8393                          <a href="/pages/authorized-retailers" class="link link--text list-menu__item list-menu__item--link">
8394                            ผู้ค้าปลีกที่ได้รับอนุญาต
8395                          </a>
8396                        </li></ul></div><div class="footer-block grid__item footer-block--menu" ><h2 class="footer-block__heading">บัญชี</h2><ul class="footer-block__details-content list-unstyled"><li>
8397                          <a href="/account" class="link link--text list-menu__item list-menu__item--link">
8398                            สถานะการสั่งซื้อของฉัน
8399                          </a>
8400                        </li><li>
8401                          <a href="/account" class="link link--text list-menu__item list-menu__item--link">
8402                            บัญชีของฉัน
8403                          </a>
8404                        </li><li>
8405                          <a href="/wishlist" class="link link--text list-menu__item list-menu__item--link">
8406                            รายการที่ชอบ
8407                          </a>
8408                        </li><li>
8409                          <a href="/account/register" class="link link--text list-menu__item list-menu__item--link">
8410                            ลงทะเบียน
8411                          </a>
8412                        </li><li>
8413                          <a href="/pages/reward" class="link link--text list-menu__item list-menu__item--link">
8414                            สิทธิพิเศษสมาชิก
8415                          </a>
8416                        </li></ul></div><div class="footer-block grid__item footer-block--menu" ><h2 class="footer-block__heading">เกี่ยวกับเรา</h2><ul class="footer-block__details-content list-unstyled"><li>
8417                          <a href="/pages/our-story-1" class="link link--text list-menu__item list-menu__item--link">
8418                            เรื่องของเรา
8419                          </a>
8420                        </li><li>
8421                          <a href="/pages/sustainability" class="link link--text list-menu__item list-menu__item--link">
8422                            ความยั่งยืน
8423                          </a>
8424                        </li><li>
8425                          <a href="/pages/company-faqs" class="link link--text list-menu__item list-menu__item--link">
8426                            คำถามที่พบบ่อยเà¸
8426à¸µà¹ˆà¸¢à¸§à¸à¸±à¸šà¸šà¸£à¸´à¸©à¸±à¸—
8427                          </a>
8428                        </li><li>
8429                          <a href="/pages/term-of-service" class="link link--text list-menu__item list-menu__item--link">
8430                            เงื่อนไขการให้บริการ
8431                          </a>
8432                        </li></ul></div><div class="footer-block grid__item" ><h2 class="footer-block__heading">ติดตามเรา</h2><div class="footer-block__details-content footer-block-image">
8433                    <ul class="footer__list-social list-unstyled list-social" role="list"><li class="list-social__item">
8434                          <a href="https://twitter.com/dermalogica_th" class="link list-social__link" ><svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="-5 -5 28 28" style="background-color: #5b667026;border-radius: 100%;">
8435  <path fill="currentColor" d="M17.64 2.6a7.33 7.33 0 01-1.75 1.82c0 .05 0 .13.02.23l.02.23a9.97 9.97 0 01-1.69 5.54c-.57.85-1.24 1.62-2.02 2.28a9.09 9.09 0 01-2.82 1.6 10.23 10.23 0 01-8.9-.98c.34.02.61.04.83.04 1.64 0 3.1-.5 4.38-1.5a3.6 3.6 0 01-3.3-2.45A2.91 2.91 0 004 9.35a3.47 3.47 0 01-2.02-1.21 3.37 3.37 0 01-.8-2.22v-.03c.46.24.98.37 1.58.4a3.45 3.45 0 01-1.54-2.9c0-.61.14-1.2.45-1.79a9.68 9.68 0 003.2 2.6 10 10 0 004.08 1.07 3 3 0 01-.13-.8c0-.97.34-1.8 1.03-2.48A3.45 3.45 0 0112.4.96a3.49 3.49 0 012.54 1.1c.8-.15 1.54-.44 2.23-.85a3.4 3.4 0 01-1.54 1.94c.74-.1 1.4-.28 2.01-.54z">
8436</svg>
8437<span class="visually-hidden">Twitter</span>
8438                          </a>
8439                        </li><li class="list-social__item">
8440                          <a href="https://www.facebook.com/dermalogica.official.Thailand" class="link list-social__link" ><svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" style="background-color: #5b667026;border-radius: 100%;">      
8441  <path fill="currentColor" fill-rule="evenodd" d="M16.913 13.919h-2.17v7.907h-3.215V13.92H10v-2.794h1.528V9.316c0-1.294.601-3.316 3.245-3.316l2.38.01V8.72h-1.728c-.282 0-.68.145-.68.762v1.642h2.449l-.281 2.794z"></path>    
8442</svg><span class="visually-hidden">Facebook</span>
8443                          </a>
8444                        </li><li class="list-social__item">
8445                          <a href="https://www.instagram.com/dermalogica_th/" class="link list-social__link" ><svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" style="background-color: #5b667026;border-radius: 100%;">      
8446  <path fill="currentColor" fill-rule="evenodd" d="M13.99734212 5.50536055c-2.30775185 0-2.59712311.0097771-3.5034532.05111062-.9044412.0412661-1.52214209.18482087-2.06266832.39479248-.55877426.21705158-1.03264964.5074651-1.50504089.97963151-.47239125.47216641-.76294307.94581624-.980098 1.50432454-.2100716.54023525-.35369473 1.15764213-.39498048 2.06165285C5.50974803 11.40277126 5.5 11.69200479 5.5 13.99865823c0 2.30661977.00974802 2.59585327.05110123 3.50175197.04128575.9040107.18490888 1.5214176.39498048 2.0616529.21715493.5585083.50770675 1.0321581.980098 1.5043582.47239125.4721664.94626663.7625799 1.50504089.9796315.54052623.2099379 1.15822712.3535264 2.06266832.3947588.90633009.0413335 1.19570135.0511106 3.5034532.0511106 2.30771808 0 2.59708938-.0097771 3.50341948-.0511106.9044412-.0412324 1.5221421-.1848209 2.0626346-.3947588.5587742-.2170516 1.0326496-.5074651 1.5050746-.9796315.4723912-.4722001.7629431-.9458499.980098-1.5043582.2100379-.5402353.3536947-1.1576422.3949467-2.0616529.0413532-.9058987.051135-1.1951322.051135-3.50175197 0-2.30665344-.0097818-2.59588697-.051135-3.50178568-.041252-.90401072-.1849088-1.5214176-.3949467-2.06165285-.2171549-.5585083-.5077068-1.03215813-.980098-1.50432454-.472425-.4721664-.9463004-.76257993-1.5050746-.97963151-.5404925-.20997161-1.1581934-.35352638-2.0626346-.39479248-.9063301-.04133353-1.1957014-.05111062-3.50341948-.05111062zm0 1.53035185c2.26886098 0 2.53762308.00863082 3.43363168.04949234.8284809.03779354 1.2784078.17615634 1.5778307.29243638.3966332.15407358.6796969.33815274.9770285.6353428.2973653.29719007.4814984.58015278.6356454.976
844656353.1163691.29928035.2547978.74899315.2925756 1.57707964.040881.89558219.0495496 1.16421638.0495496 3.43203114 0 2.26778107-.0086686 2.53641527-.0495496 3.43199747-.0377778.8280865-.1762065 1.2777993-.2925756 1.5770796-.154147.3964445-.3382801.6793735-.6356454.9765635-.2973316.2972238-.5803953.4812693-.9770285.6353428-.2994229.1163138-.7493498.2546766-1.5778307.2924364-.8958737.0408615-1.1646021.0495261-3.43363168.0495261-2.26906333 0-2.53775799-.0086646-3.43366545-.0495261-.82848082-.0377598-1.27840777-.1761226-1.57783063-.2924364-.39663325-.1540735-.67969697-.338119-.97706229-.6353428-.29733158-.29719-.4814984-.580119-.63561162-.9765635-.11636914-.2992803-.25479782-.7489931-.29260936-1.5770796-.04088098-.8955822-.04951591-1.1642164-.04951591-3.43199747 0-2.26781476.00863493-2.53644895.04951591-3.43203114.03781154-.82808649.17624022-1.27779929.29260936-1.57707964.15411322-.39641075.33828004-.67937346.63561162-.97656353.29736532-.29719006.58042904-.48126922.97706229-.6353428.29942286-.11628004.74934981-.25464284 1.57783063-.29243638.89600865-.04086152 1.16477077-.04949234 3.43366545-.04949234z"></path>      <path fill="currentColor" fill-rule="evenodd" d="M13.99734212 16.829735c-1.56433856 0-2.83245862-1.2675165-2.83245862-2.83107677 0-1.56359398 1.26812006-2.83111046 2.83245862-2.83111046 1.56430478 0 2.83242488 1.26751648 2.83242488 2.83111046 0 1.56356027-1.2681201 2.83107677-2.83242488 2.83107677zm0-7.19250537c-2.40992058 0-4.36350548 1.95265506-4.36350548 4.3614286 0 2.40873987 1.9535849 4.36139487 4.36350548 4.36139487 2.40988688 0 4.36347178-1.952655 4.36347178-4.36139487 0-2.40877354-1.9535849-4.3614286-4.36347178-4.3614286z"></path>      <path fill="currentColor" fill-rule="evenodd" d="M19.5529061 9.46491671c0 .56289113-.4565381 1.01917819-1.0196973 1.01917819-.5631254 0-1.0196635-.45628706-1.0196635-1.01917819 0-.56289114.4565381-1.0191782 1.0196635-1.0191782.5631592 0 1.0196973.45628706 1.0196973 1.0191782z"></path>    
8447</svg><span class="visually-hidden">Instagram</span>
8448                          </a>
8449                        </li><li class="list-social__item">
8450                          <a href="https://www.tiktok.com/discover/dermalogica-th" class="link list-social__link" ><svg aria-hidden="true" focusable="false" role="presentation" width="28" height="28" viewBox="-5 -5 28 28" style="background-color: #5b667026;border-radius: 100%;" xmlns="http://www.w3.org/2000/svg">
8451  <path d="M8.02 0H11s-.17 3.82 4.13 4.1v2.95s-2.3.14-4.13-1.26l.03 6.1a5.52 5.52 0 11-5.51-5.52h.77V9.4a2.5 2.5 0 101.76 2.4L8.02 0z" fill="currentColor">
8452</svg>
8453<span class="visually-hidden">TikTok</span>
8454                          </a>
8455                        </li><li class="list-social__item">
8456                          <a href="https://line.me/R/ti/p/@326sovse" class="link list-social__link" ><svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 -25 240 290" style="background-color: #5b667026;border-radius: 100%;">
8457<g>
8458	<path d="M118.136,5.265C52.996,5.265,0,49.399,0,103.647c0,52.985,46.003,95.193,107.008,98.178
8459		c4.137,0.189,7.655-2.987,7.858-7.124c0.202-4.137-2.987-7.655-7.125-7.858C54.87,184.256,15,148.49,15,103.647
8460		c0-45.977,46.267-83.383,103.136-83.383s103.136,37.405,103.136,83.383c0,42.787-54.628,89.229-108.59,112.994
8461		c-3.791,1.67-5.511,6.096-3.841,9.886c1.236,2.808,3.985,4.479,6.868,4.479c1.01,0,2.036-0.205,3.019-0.638
8462		c28.936-12.743,57.466-31.556,78.277-51.616c25.689-24.764,39.268-50.734,39.268-75.105
8463		C236.271,49.399,183.276,5.265,118.136,5.265z"/>
8464	<path d="M60.082,79.668c-1.19-1.485-2.841-2.276-4.765-2.276c-1.923,0-3.564,0.806-4.747,2.331
8465		c-1.084,1.409-1.609,3.338-1.609,5.902v39.135c0,2.742,0.563,4.741,1.723,6.111c1.232,1.457,3.14,2.196,5.67,2.196h21.267
8466		c2.016,0,3.609-0.595,4.735-1.77c1.114-1.134,1.687-2.626,1.687-4.416c0-1.732-0.587-3.263-1.698-4.427
8467		c-1.119-1.21-2.715-1.835-4.725-1.835H61.758V85.624C61.758,83.006,61.209,81.058,60.082,79.668z"/>
8468	<path d="M93.756,77.392c-1.904,0-3.539,0.803-4.729,2.324c-1.083,1.386-1.633,3.374-1.633,5.909v40.041
8469		c0,2.584,0.547,4.528,1.671,5.941c1.181,1.52,2.808,2.331,4.69,2.331c1.922,0,3.575-0.799,4.778-2.312
8470		c1.114-1.413,1.677-3.417,1.677-5.961V85.624c0-2.561-0.567-4.563-1.685-5.951C97.314,78.179,95.666,77.392,93.756,77.392z"/>
8471	<path d="M119.625,103.962l12.767,22.89c0.01,0.018,0.02,0.035,0.03,0.053c0.301,0.503,0.603,1.001,0.902,1.493l0.537,0.886
8472		c0.602,0.973,1.195,1.749,1.824,2.392c0.744,0.768,1.535,1.327,2.411,1.704c0.934,0.381,1.881,0.559,2.93,0.559
8473		c2.518,0,6.742-1.129,6.742-8.694v-39.96c0-2.431-0.483-4.268-1.479-5.615c-1.111-1.492-2.703-2.277-4.608-2.277
8474		c-1.858,0-3.424,0.786-4.53,2.272c-0.997,1.375-1.475,3.207-1.475,5.621v22.619l-13.188-23.328l-0.678-1.245l-0.687-1.262
8475		c-0.559-0.988-1.057-1.729-1.54-2.297c-0.574-0.703-1.27-1.275-2.069-1.7c-0.833-0.454-1.811-0.68-2.969-0.68
8476		c-1.463,0-2.821,0.469-4.034,1.395c-1.171,0.875-2.03,2.038-2.539,3.444c-0.006,0.018-0.012,0.035-0.018,0.053
8477		c-0.384,1.161-0.571,2.651-0.571,4.555v39.213c0,2.32,0.502,4.189,1.491,5.556c0.01,0.014,0.02,0.027,0.03,0.04
8478		c1.144,1.499,2.733,2.29,4.597,2.29c1.835,0,3.409-0.783,4.551-2.265c1.044-1.361,1.572-3.251,1.572-5.622V103.962z"/>
8479	<path d="M185.284,90.181c1.958,0,3.498-0.572,4.575-1.7c1.046-1.1,1.575-2.538,1.575-4.276c0-1.726-0.532-3.154-1.58-4.245
8480		c-1.059-1.127-2.601-1.707-4.57-1.707h-23.262c-1.556,0-2.903,0.294-4.005,0.875c-1.221,0.659-2.117,1.686-2.68,3.061
8481		c-0.478,1.162-0.71,2.595-0.71,4.378v38.193c0,2.745,0.57,4.746,1.743,6.118c1.215,1.448,3.121,2.189,5.653,2.189h23.941
8482		c1.96,0,3.507-0.591,4.601-1.757c1.051-1.136,1.579-2.575,1.579-4.288c0-1.769-0.528-3.237-1.568-4.363
8483		c-1.122-1.18-2.667-1.767-4.611-1.767h-18.524v-10.467h16.262c1.962,0,3.482-0.586,4.52-1.743c0.989-1.111,1.488-2.509,1.488-4.162
8484		c0-1.686-0.518-3.086-1.538-4.163c-1.013-1.109-2.525-1.685-4.469-1.685h-16.262v-8.493H185.284z"/>
8485</g>
8486</svg><span class="visually-hidden">TikTok</span>
8487                          </a>
8488                        </li><li class="list-social__item">
8489                          <a href="https://www.youtube.com/channel/UC7Jhmg8iiZfB3GT76ToXi6A" class="link list-social__link" ><svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" style="background-color: #5b667026;border-radius: 100%;">      
8490  <path fill="currentColor" fill-rule="evenodd" d="M11.958 16.23v-4.22l4.058 2.117-4.058 2.102zm8.91-4.951s-.147-1.035-.597-1.491c-.571-.598-1.211-.601-1.505-.636C16.664 9 13.512 9 13.512 9h-.006s-3.153 0-5.254.152c-.294.035-.934.038-1.505.636-.45.456-.597 1.49-.597 1.49S6 12.495 6 13.71v1.14c0 1.215.15 2.43.15 2.43s.147 1.035.597 1.49c.571.599 1.322.58 1.656.643 1.201.115 5.106.15 5.106.15s3.155-.004 5.257-.156c.294-.035.934-.038 1.505-.636.45-.456.597-1.49.597-1.49s.15-1.216.15-2.431v-1.14c0-1.215-.15-2.43-.15-2.43z"></path>    
8491</svg><span class="visually-hidden">YouTube</span>
8492                          </a>
8493                        </li></ul>
8494                    <div class="footer-block__newsletter"><h2 class="footer-block__heading">รับข้อมูลข่าวสาร</h2><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
8495                        <div class="newsletter-form__field-wrapper">
8496                          <div class="field">
8497                            <input
8498                              id="NewsletterForm--footer"
8499                              type="email"
8500                              name="contact[email]"
8501                              class="field__input"
8502                              value=""
8503                              aria-required="true"
8504                              autocorrect="off"
8505                              autocapitalize="off"
8506                              autocomplete="email"
8507                              
8508                              placeholder="อีเมล"
8509                              required
8510                            >
8511                            <label class="field__label" for="NewsletterForm--footer">
8512                              อีเมล
8513                            </label>
8514                            <button type="submit" class="newsletter-form__button field__button" name="commit" id="Subscribe" aria-label="สมัครรับข้อมูล">
8515                              <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
8516  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
8517</svg>
8518
8519                            </button>
8520                          </div></div></form></div>
8521                  </div></div></div></div>
8521<div class="footer__content-bottom">
8522    <div class="footer__content-bottom-wrapper page-width">
8523      <div class="footer__column footer__localization isolate">
8524        <div>
8525          <div class="copyright">
8526          © 2015 - 2026 EIG Dermal Wellness (Thai) Co., Ltd. All Rights Reserved.  Wholly owned and managed by Esthetics International Group Berhad
8527          </div>
8528          <div><a class="company-menu" href="https://www.estheticsgroup.com/about_eig/">เกี่ยวกับ EIG</a><a class="company-menu" href="/pages/privacy-policy">นโยบายความเป็นส่วนตัว</a><a class="company-menu" href="/pages/term-of-use">เงื่อนไขการให้บริการ</a></div>
8529        </div></div>
8530      <div class="footer__column footer__column--info"><div class="footer__payment">
8531            <span class="visually-hidden">วิธีการชำระเงิน</span>
8532            <ul class="list list-payment" role="list">
8533              
8534              
8535                <li class="list-payment__item">
8536                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 
853616.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
8537
8538                </li>
8539                <li class="list-payment__item">
8540                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>
8541
8542                </li>
8543                <li class="list-payment__item">
8544                  <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
8545
8546                </li>
8547                <li class="list-payment__item">
8548                  <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-eghl"><title id="pi-eghl">eGHL</title><path d="M35 0H3a3 3 0 00-3 3v18a3 3 0 003 3h32a3 3 0 003-3V3a3 3 0 00-3-3z" opacity=".07"/><path d="M35 1a2 2 0 012 2v18a2 2 0 01-2 2H3a2 2 0 01-2-2V3a2 2 0 012-2h32" fill="#fff"/><path d="M11.79 10.14H5.14V9.9a1.51 1.51 0 011.52-1.44h6.48v.48a1.23 1.23 0 01-1.35 1.2zm-.07 6.25H5.07v-.2a1.5 1.5 0 011.5-1.44h6.48v.48a1.24 1.24 0 01-1.33 1.16zm.01-3.17l-6.64-.05v-.2a1.51 1.51 0 011.51-1.44h6.48V12a1.26 1.26 0 01-1.35 1.22z" fill="#ce222e"/><path fill="#ffca18" d="M31.17 3.97h1.66V16.4h-1.66z"/><path d="M20.49 8.44v.7a4.17 4.17 0 100 6.65 2.38 2.38 0 01-.67 1.69 2.44 2.44 0 01-4-.6l-1.49.74a4.13 4.13 0 003.74 2.28h.1a4.1 4.1 0 004-4.19V8.44zM18 14.9a2.47 2.47 0 112.47-2.47A2.47 2.47 0 0118 14.9z" fill="#303074"/><path d="M30.34 12.1v4.31h-1.71V12.1a1.94 1.94 0 10-3.88 0v4.28H23V3.95h1.7v5.09a3.56 3.56 0 012-.6 3.66 3.66 0 013.64 3.66z" fill="#259449"/></svg>
8549                </li></ul>
8550          </div></div>
8551    </div>
8552  </div>
8553</footer>
8554
8555
8556
8557
8558</div>
8559
8560    <ul hidden>
8561      <li id="a11y-refresh-page-message">
8561การเลือกตัวเลือกจะส่งผลให้มีการรีเฟรชทั้งหน้า</li>
8562      <li id="a11y-new-window-message">เปิดในหน้าต่างใหม่</li>
8563    </ul>
8564
8565    
8565<script>
8566      window.shopUrl = 'https://dermalogica.co.th';
8567      window.routes = {
8568        cart_add_url: '/cart/add',
8569        cart_change_url: '/cart/change',
8570        cart_update_url: '/cart/update',
8571        cart_url: '/cart',
8572        predictive_search_url: '/search/suggest'
8573      };
8574
8575      window.cartStrings = {
8576        error: `เกิดข้อผิดพลาดระหว่างการอัปเดตตะกร้าสินค้าของคุณ โปรดลองอีกครั้ง`,
8577        quantityError: `คุณสามารถเพิ่มรายการนี้ [quantity] รายการลงในตะกร้าสินค้าของคุณเท่านั้น`
8578      }
8579
8580      window.variantStrings = {
8581        addToCart: `เพิ่มลงในตะกร้าสินค้า`,
8582        soldOut: `ขายหมดแล้ว`,
8583        unavailable: `ไม่พร้อมใช้งาน`,
8584      }
8585
8586      window.accessibilityStrings = {
8587        imageAvailable: `รูปภาพ [index] พร้อมใช้งานในมุมมองแกลเลอรี`,
8588        shareSuccess: `คัดลอกลิงก์ไปยังคลิปบอร์ดแล้ว`,
8589        pauseSlideshow: `หยุดสไลด์โชว์ชั่วคราว`,
8590        playSlideshow: `เล่นสไลด์โชว์`,
8591      }
8592    </script>
8592<script src="//dermalogica.co.th/cdn/shop/t/67/assets/predictive-search.aio.min.js?v=38914491624024870621754032864" defer="defer"></script>
8592<!-- "snippets/swymSnippet.liquid" was not rendered, the associated app was uninstalled -->
8593
8594
8595
8596
8597<script data-cfasync="false" data-no-instant>window.jQuery ||
8598  document.write("
8598<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js'>\x3C/script>")
8599</script>
8599
8600
8601
8602<script type="text/javascript">
8603  
8604  window.saso = {
8605    shop_slug: "dermalogica-thailand",
8606    money_format: "฿{{amount}}",
8607    customer: null,
8608    cart: null,
8609    cart_path: "/cart",
8610  }
8611  window.saso_extras = {}
8612
8613  
8614
8615  
8616  
8617  
8618    
8619    window.saso.collection = {
8620      id: 290351186117
8621    }
8622  
8623  
8624
8625  
8626
8627  
8628
8629  
8630  	window.saso.cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"THB","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}
8631    delete window.saso.cart.note
8632    window.saso.cart_collections = {}
8633    
8634	if (typeof window.saso.cart.items == "object") {
8635    	for (var i=0; i<window.saso.cart.items.length; i++) {
8636        	["sku", "grams", "vendor", "url", "image", "handle", "requires_shipping", "product_type", "product_description"].map(function(a) {
8637          		delete window.saso.cart.items[i][a]
8638        	})
8639    	}
8640    }
8641  
8642
8643  window.saso.page_type = "collection"
8644  if (typeof window.location == "object" && typeof window.location.pathname == "string") {
8645    if (window.location.pathname.indexOf('/checkouts/') > -1) {
8646      window.saso.page_type = "checkout"
8647    }
8648  }
8649</script>
8649
8650
8651<style>
8652/* Magnific Popup CSS */
8653.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.4;filter:alpha(opacity=40)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
8654  .mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
8655  .mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;
8655left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}
8656
8657.mfp-wrap {
8658  z-index: 2147483645;
8659}
8660.mfp-container {
8661	background-color: rgba(0, 0, 0, 0.1) !important;
8662}
8663
8664</style>
8665
8666<link href="//dermalogica.co.th/cdn/shop/t/67/assets/special-offers.scss.css?v=67857398993729406581754032920" rel="stylesheet" type="text/css" media="all" />
8667
8668
8669
8670<script id="saso-volume-discount-tiers" type="text/x-handlebars-template" data-no-instant>
8671<div class="saso-volume-discount-tiers">
8672    <h4>{{{product_message}}}</h4>
8673
8674	<table class="saso-table">
8675    	<thead>
8676			<tr>
8677            	<th>Minimum Qty</th>
8678                <th>{{# if price_type_flat}}Price per item{{/if}}{{# if price_type_percent}}Discount{{/if}}</th>
8679            	<!--<th>&nbsp;</th>-->
8680  			</tr>
8681        </thead>
8682
8683        <tbody>
8684        {{#tiers}}
8685    	<tr>
8686        	<td>{{{quantity}}}+</td>
8687        	<td>{{{price.title}}}<!-- {{{price_flat.title}}} --></td>
8688            <!-- <td><a href="#" class="saso-add-to-cart" data-quantity="{{{quantity}}}">Add to Cart</a></td> -->
8689  		</tr>
8690    	{{/tiers}}
8691        </tbody>
8692    </table>
8693</div>
8694</script>
8694
8695
8696<script id="saso-cross-sell-popup" type="text/x-handlebars-template" data-no-instant>
8697<div class="saso-cross-sell-popup {{#if products.length}}{{else}}saso-cross-sell-popup0{{/if}}">
8698    <span class="saso-message">{{{notifications_message}}}</span>
8699    <br>
8700
8701	<div class="saso-products-container">
8702	<table><tr>
8703    {{#products}}
8704    <td class="saso-product-container" data-product-id="{{id}}" data-variant-id="{{variants.0.id}}">
8705        <div class="saso-image"><a href="/products/{{handle}}" class="saso-crosssell-nav" data-product-id="{{id}}"><img loading="lazy" src="{{image.src}}" /></a></div>
8706        <div class="saso-title">{{{title}}}</div>
8707        <div class="saso-variants-container" style="{{{variants_style}}}">{{{variants_select}}}</div>
8708        <span class="saso-price">{{{variants.0.price}}}</span>
8709        <span class="saso-was-price">{{{variants.0.compare_at_price}}}</span>
8710        <br>
8711        <button type="button" class="saso-add-to-cart saso-crosssell-nav" data-product-id="{{{id}}}" data-variant-id="{{{variants.0.id}}}">Add to Cart</button>
8712    </td>
8713    {{/products}}
8714    </tr></table>
8715    </div>
8716
8717    {{# if click_here}}<a href="{{{click_here}}}" class="saso-click-here"><button type="button" class="saso-click-here">Click here to browse all choices</button></a>{{/if}}
8718
8719    <div class="saso-hide-when-embedded">
8720      <p><a href="#" class="saso-close">No thanks</a></p>
8721    </div>
8722  </div>
8723</script>
8723
8724
8725
8726<script id="saso-bundle-popup" type="text/x-handlebars-template" data-no-instant>
8727<div class="saso-cross-sell-popup saso-bundle-popup">
8728    <span class="saso-message">{{{notifications_message}}}</span>
8729    <br>
8730
8731	<div class="saso-products-container">
8732      {{#products}}
8733
8734      <div class="saso-product-container" data-product-id="{{id}}" data-variant-id="{{variants.0.id}}" data-quantity="{{quantity}}">
8735          <div class="saso-image">
8736          	<a href="/products/{{handle}}" class="saso-crosssell-nav" data-product-id="{{id}}"><img src="{{image.src}}" /></a>
8737            <div class="saso-quantity-container">
8738          	{{{quantityx}}}
8739      		</div>
8740  		  </div>
8741          <div class="saso-product-info">
8742          	<div class="saso-title">{{{title}}}</div>
8743          	<div class="saso-variants-container" style="{{{variants_style}}}">{{{variants_select}}}</div>
8744          	<span class="saso-price">{{{variants.0.price}}}</span>
8745           </div>
8746      </div>
8747      <div class="saso-plus-container">
8748          <div class="saso-plus-container-inner">+</div>
8749      </div>
8750      {{/products}}
8751	</div>
8752
8753      <table><tr class="saso-bundle-row">
8754        <td class="saso-equal-container">
8755            =
8756        </td>
8757        <td class="saso-bundle-price-container">
8758            {{{bundle_price_title}}}
8759        </td>
8760      </tr></table>
8761
8762
8763    <button type="button" class="saso-add-to-cart saso-bundle-add-to-cart">Add entire Bundle to cart</button>
8764    <div class="saso-bundle-success">{{{message_after}}}</div>
8765
8766  </div>
8767</script>
8767
8768
8769
8770
8771
8772<script id="saso-use-discount-code-cart" type="text/x-handlebars-template" data-no-instant>
8773<div class="saso-use-discount-code-cart-container">
8774	<input type="text" class="saso-use-discount-code-cart-code" placeholder="Discount code">
8775	<button type="button" class="saso-use-discount-code-cart-apply btn btn--secondary button">Apply</button>
8776</div>
8777</script>
8777
8778
8779<script id="saso-use-discount-instead" type="text/x-handlebars-template" data-no-instant>
8780<div class="saso-use-discount-instead-container">
8781    <label style="font-weight: normal; cursor: pointer;"><input type="checkbox" id="saso-use-discount-code-instead-check"> I will be using a coupon instead</label>
8782</div>
8783</script>
8783
8784
8785
8786
8787
8788
8789
8790
8791
8792        
8792<script data-cfasync="false">
8793          jQuery(function(){
8794            jQuery(document).on('click', "input[name='checkout']:not(.saso-ignore), input[value='Checkout']:not(.saso-ignore), button[name='checkout']:not(.saso-ignore), [href$='checkout']:not(.saso-ignore), button[value='Checkout']:not(.saso-ignore), input[name='goto_pp'], button[name='goto_pp'], input[name='goto_gc'], button[name='goto_gc']", function(e){
8795              e.preventDefault();
8796
8797              if (typeof sasoCheckout != "function") {
8798              	window.location = "/checkout";
8799              }
8800
8801              jQuery.ajax({
8802                          cache: false,
8803                          contentType: "application/json; charset=utf-8",
8804                          dataType: "json",
8805                          type: "GET",
8806                          url: '/cart.js',
8807                          success: function(res) {
8808                            window.saso.cart = res
8809                            sasoCheckout()
8810                          }
8811                        })
8812
8813            });
8814          });
8815        </script>
8815
8816
8817
8818
8819
8820
8821
8822
8823
8824
8825
8826
8827
8828<div class="nosto_page_type" style="display:none">category</div>
8829<div class="nosto_category" style="display:none">
8830  <span class="category_string">ผลิตภัณฑ์ทั้งหมด</span>
8831  <span class="id">290351186117</span>
8832</div>
8833
8834
8835
8836
8837
8838
8839
8840<div class="nosto_cart" style="display:none">
8841    
8842    
8843    
8844</div>
8845
8846
8847
8848
8849
8850
8851
8852
8853
8854<style> .article--excerpt-tag.skin-aging-tag {color: #d37eb1; background: #fdf4ff;} .article--excerpt-tag.sensitive-tag {color: #d37eb1; background: #fdf4ff;} .article--excerpt-tag.age-smart-tag {color: #d37eb1; background: #fdf4ff;} .article--excerpt-tag.acne-tag {color: #00995c; background: #e6fff5;} .article--excerpt-tag.skin-health-tag {color: #4e6aae; background: #f0f9ff;} .article--excerpt-tag.dryness-tag {color: #d26e15; background: #fef6ee;} .article--excerpt-tag.dehydrated-skin-tag {color: #4e6aae; background: #f0f9ff;} .article--excerpt-tag.news-tag {color: #4c4d4f; background: #e5e7ea;} .article--excerpt-tag.skin-tone-tag {color: #4e6aae; background: #f0f9ff;} .article--excerpt-tag.oiliness-tag {color: #4c4d4f; background: #e5e7ea;} .article--excerpt-tag.exfoliant-tag {color: #0066cc; background: #e6f2ff;} </style>
8855<div id="shopify-block-AdE9ZbXAzR2NiZjEzd__6441254115607727225" class="shopify-block shopify-app-block"><div>
8856  
8857
8858  
8859    <!--
8860    <div class="rh-quiz-list page-width">
8861      <div class="rh-info-box mtop-20 mbot-20">
8862        <p><b>Choose the ID of the Quiz you want to render (automatic popup):</b></p>
8863        <ul>
8864          
8865            <li>Skincare Quiz with ID: <b>MnHY6x</b></li>
8866          
8867        </ul>
8868      </div>
8869    </div>
8870    -->
8871  
8872</div>
8873
8874
8875</div><div id="shopify-block-ANThZazMwNGNyV05Va__18020446634262408591" class="shopify-block shopify-app-block">
8876
8877
8878</div><div id="shopify-block-AVU0zK1p3ZlJNdWpsN__15796953133730294439" class="shopify-block shopify-app-block"><!-- Growave Theme extension Embed section -->
8879
8880    <!-- BEGIN app snippet: socialshopwave-helper-v2 -->
8880<script>
8881  if (!window.gw) {
8882    window.gw = {};
8883  }
8884
8885  if(!window.gw.customizations) {
8886    window.gw.customizations = [];
8887
8888    window.gw.registerWidgetCustomization = (selectWidget, customizeWidget) => {
8889      window.gw.customizations.push([
8890        selectWidget,
8891        customizeWidget
8892      ])
8893    }
8894  }
8895
8896  if (window.gw.browserTimeDiffMs === undefined) {
8897    window.gw.browserTimeDiffMs = 0;
8898  }
8899
8900  if (window.gw.useLegacyAdapter === undefined) {
8901    window.gw.useLegacyAdapter = false;
8902  }
8903</script>
8903
8904
8905
8906
8907<div class="gw-widget-placeholder-LC-wrapper" style="display: block">
8908    <div class="gw-widget-placeholder-LC"></div>
8909</div>
8910<div class="gw-widget-placeholder-RC-wrapper" style="display: block">
8911    <div class="gw-widget-placeholder-RC"></div>
8912</div>
8913<div class="gw-widget-placeholder-BR-wrapper" style="display: block">
8914    <div class="gw-widget-placeholder-BR"></div>
8915</div>
8916<div class="gw-widget-placeholder-BL-wrapper" style="display: block">
8917    <div class="gw-widget-placeholder-BL"></div>
8918</div>
8919
8920
8921
8922
8923
8924
8925
8926
8927  
8928  
8929
8930  
8931    
8932
8933    
8934      
8934<script type="text/json" id="common.critical.Points.th">
8935        {"points_name_singular":"คะแนน","points_name_plural":"จุด"}
8936      </script>
8936
8937    
8938  
8939    
8940
8941    
8942      
8942<script type="text/json" id="reviews.critical.AverageReviewsWidget.th">
8943        {"write_a_review":"เขียนรีวิว","ask_a_question":"ถามคำถาม"}
8944      </script>
8944
8945    
8946  
8947    
8948
8949    
8950      
8950<script type="text/json" id="reviews.critical.ReviewsStarRatingWidget.th">
8951        {"write_a_review":"เขียนรีวิว","ask_a_question":"ถามคำถาม","no_reviews":"ไม่มีรีวิว","review":"ทบทวน"}
8952      </script>
8952
8953    
8954  
8955    
8956
8957    
8958  
8959    
8960
8961    
8962      
8962<script type="text/json" id="reviews.critical.ReviewsDrawerWidget.th">
8963        {"drawer_title":"บทวิจารณ์ของเรา","drawer_button_title":"รีวิว","write_a_review":"เขียนรีวิว","sort_by":"จัดเรียงตาม:","shop_reviews":"รีวิวร้านค้า","product_reviews":"รีวิว"}
8964      </script>
8964
8965    
8966  
8967    
8968
8969    
8970      
8970<script type="text/json" id="reviews.critical.ReviewsPageWidget.th">
8971        {"shop_reviews":"รีวิวร้านค้า","product_reviews":"รีวิวสินค้า","search":"ค้นหา...","customer_reviews_title":"รีวิวของลูกค้า","reviews":"รีวิว","sort_by":"เรียงตาม:","write_a_review":"เขียนรีวิว"}
8972      </script>
8972
8973    
8974  
8975    
8976
8977    
8978      
8978<script type="text/json" id="reviews.critical.ReviewsProductPageWidget.th">
8979        {"ask_a_question":"ถามคำถาม","sort_by":"เรียงตาม:","write_a_review":"เขียนรีวิว","filter_by":"ตัวกรอง","questions_main_title":"คำถาม","reviews":"รีวิว","customer_reviews_title":"รีวิวของลูกค้า","questions":"คำถาม"}
8980      </script>
8980
8981    
8982  
8983    
8984
8985    
8986      
8986<script type="text/json" id="reviews.critical.ReviewsSliderWidget.th">
8987        {"slider_title":"ลูกค้าของเรารักเรา","from_reviews":"จาก {{count}} รีวิว"}
8988      </script>
8988
8989    
8990  
8991    
8992
8993    
8994      
8994<script type="text/json" id="rewards.critical.RewardsPopUpWidget.th">
8995        {"sign_in":"ลงชื่อเข้าใช้","join_now_label":"เข้าร่วมตอนนี้","launcher_label":"รางวัล","join_program":"เข้าร่วมโปรแกรมความภักดีเพื่อเพลิดเพลินกับรางวัลสุดพิเศษ!","have_an_account":"มีบัญชีอยู่แล้วใช่ไหม","customer_balance":"ยอดคงเหลือของคุณ:","points_expiration":"หมดอายุ: {{date}}","welcome_to_program":"ยินดีต้อนรับ"}
8996      </script>
8996
8997    
8998  
8999    
9000
9001    
9002      
9002<script type="text/json" id="rewards.critical.RewardsJoinNowModalWidget.th">
9003        {"description":"ลงทะเบียนเพื่อรับโบนัสที่น่าตื่นเต้น!","join_now_label":"เข้าร่วมตอนนี้","title":"ยินดีต้อนรับเข้าร่วมโปรแกรมความภักดีของเรา!"}
9004      </script>
9004
9005    
9006  
9007    
9008
9009    
9010      
9010<script type="text/json" id="rewards.critical.RewardsVerifyAccountModalWidget.th">
9011        {"description":"ขอบคุณที่เข้าร่วมกับเรา!เราเพิ่งส่งลิงก์ยืนยัน <br /> ไปยังอีเมลของคุณคลิกที่มันและรับรางวัล!🎁","title":"ยืนยันบัญชีของคุณ!"}
9012      </script>
9012
9013    
9014  
9015    
9016
9017    
9018      
9018<script type="text/json" id="rewards.critical.RewardsEarnPointsProductPageWidget.th">
9019        {"earn_points_on_purchase":"รับ {{points}} {{points_name}} จากการซื้อครั้งนี้","learn_more":"เรียนรู้เพิ่มเติม","earn_store_credits_on_purchase":"รับเครดิตร้านค้า {{store_credits}} จากการซื้อครั้งนี้","reward_applied":"ประยุกต์","reward_redeem":"แลกเปลี่ยน","reward_undo":"ยกเลิก","reward_unlocked":"คุณได้ปลดล็อค","sign_in":"ลงชื่อเข้าใช้","sign_in_available_reward":"ลงชื่อเข้าใช้เพื่อค้นหารางวัลที่มีอยู่","spending_rules_fixed_amount_reward":"รางวัล {{amount}}","spending_rules_fixed_percentage_reward":"ส่วนลด {{discount}}%","spending_rules_fixed_store_credit_reward":"เครดิตร้านค้า {{amount}}","spending_rules_flexible_amount_reward":"รางวัล {{amount}}","spending_rules_flexible_percentage_reward":"ส่วนลด {{discount}}%","spending_rules_free_shipping_reward":"ส่วนลดการจัดส่งฟรี","spending_rules_gift_card_reward":"บัตรของขวัญ {{amount}}","spending_rules_product_discount_max_reward":"ส่วนลดสินค้าฟรี","spending_rules_product_discount_variable_reward":"{{discount}}% สำหรับผลิตภัณฑ์นี้","away_from_reward":"คุณอยู่ห่างจากรางวัลของคุณ <strong>{{points_needed}}</strong>"}
9020      </script>
9020
9021    
9022  
9023    
9024
9025    
9026      
9026<script type="text/json" id="wishlist.critical.WishlistPageWidget.th">
9027        {"header_title":"รายการความปรารถนาของฉัน","link_copied_label":"คัดลอกลิงค์","sort_low_to_high_price":"ราคาต่ำ-สูง","sort_z_to_a_product_title":"ชื่อ Z-A","delete_wishlist_button_accessibility_label":"ลบรายการสินค้าที่ต้องการ","sort_hight_to_low_price":"ราคาสูง-ต่ำ","sort_recently_added":"เพิ่งเพิ่ม","sort_a_to_z_product_title":"ชื่อ A-Z","save_wishlist_button_text":"บันทึกรายการความปรารถนาของฉัน","social_share_label":"แบ่งปัน:","add_wishlist_button_text":"เพิ่มรายการใหม่","edit_wishlist_button_accessibility_label":"แก้ไขรายการความปรารถนา","save_wishlist_button_accessibility_label":"บันทึกรายการที่ต้องการ","empty_state_title":"ไม่มีอะไรเพิ่มลงในรายการสินค้าที่ต้องการ","add_to_cart_button_label":"เพิ่มในตะกร้า","show_in_cart_button_label":"แสดงในรถเข็น","sold_out_label":"หมดสต็อก","browse_products":"เรียกดูผลิตภัณฑ์","sort_by":"เรียงตาม:","filter_by":"กรองตาม:","filter_all":"ทั้งหมด","filter_available":"มีให้บริการ"}
9028      </script>
9028
9029    
9030  
9031    
9032
9033    
9034      
9034<script type="text/json" id="wishlist.critical.SharedWishlistPageWidget.th">
9035        {"show_in_cart_button_label":"แสดงในรถเข็น","sold_out_label":"หมดสต็อก","edit_wishlist_button_accessibility_label":"แก้ไขรายการความปรารถนา","title":"รายการความปรารถนาที่ใช้ร่วมกัน","save_wishlist_button_accessibility_label":"บันทึกรายการที่ต้องการ","delete_wishlist_button_accessibility_label":"ลบรายการสินค้าที่ต้องการ","empty_state_title":"ไม่มีอะไรเพิ่มลงในรายการสินค้าที่ต้องการ","browse_products":"เรียกดูผลิตภัณฑ์","add_to_cart_button_label":"เพิ่มในตะกร้า"}
9036      </script>
9036
9037    
9038  
9039    
9040
9041    
9042      
9042<script type="text/json" id="wishlist.critical.WishlistDrawerWidget.th">
9043        {"drawer_button_label":"รายการสินค้าที่ต้องการ","drawer_button_label_gift_registry":"ทะเบียนของขวัญ"}
9044      </script>
9044
9045    
9046  
9047    
9048
9049    
9050      
9050<script type="text/json" id="wishlist.critical.SaveWishlistModalWidget.th">
9051        {"save_wishlist_button_text":"บันทึกรายการความปรารถนาของฉัน","subscribe_for_newsletter":"รับการลดราคาและการอัปเดตสต็อก"}
9052      </script>
9052
9053    
9054  
9055    
9056
9057    
9058      
9058<script type="text/json" id="wishlist.critical.AddToWishlistProductCardWidget.th">
9059        {"remove_from_wishlist_button_accessibility_label":"ลบออกจากรายการสินค้าที่ต้องการ","add_to_wishlist_button_accessibility_label":"เพิ่มในรายการสินค้าที่ต้องการ"}
9060      </script>
9060
9061    
9062  
9063    
9064
9065    
9066      
9066<script type="text/json" id="wishlist.critical.AddToWishlistButtonWidget.th">
9067        {"add_to_wishlist_button_accessibility_label":"เพิ่มในรายการสินค้าที่ต้องการ","remove_from_wishlist_button_accessibility_label":"ลบออกจากรายการสินค้าที่ต้องการ"}
9068      </script>
9068
9069    
9070  
9071    
9072
9073    
9074      
9074<script type="text/json" id="wishlist.critical.AddToWishlistProductPageWidget.th">
9075        {"add_to_wishlist_button_text":"เพิ่มในรายการสินค้าที่ต้องการ","remove_from_wishlist_button_text":"ลบออกจากรายการสินค้าที่ต้องการ","added_to_wishlist_button_text":"เพิ่มเข้าไปในรายการที่ต้องการ"}
9076      </script>
9076
9077    
9078  
9079    
9080
9081    
9082      
9082<script type="text/json" id="wishlist.critical.GoToWishlistPageHeaderWidget.th">
9083        {"open_wishlist_page_button_accessibility_label":"ไปที่หน้ารายการสินค้าที่ต้องการ"}
9084      </script>
9084
9085    
9086  
9087    
9088
9089    
9090      
9090<script type="text/json" id="wishlist.critical.WishlistsWidget.th">
9091        {"add_list_button":"เพิ่มรายการใหม่","main_title":"รายการสินค้าที่ต้องการ","main_title_gift_registry":"ทะเบียนของขวัญ"}
9092      </script>
9092
9093    
9094  
9095    
9096
9097    
9098      
9098<script type="text/json" id="instagram.critical.InstagramGalleryWidget.th">
9099        {"view_on_instagram":"ดูบนอินสตาแกรม","shop_it":"ช้อปเลย","prev":"ก่อนหน้า","next":"ถัดไป","description":"คำอธิบาย","load_more":"โหลดเพิ่มเติม"}
9100      </script>
9100
9101    
9102  
9103    
9104
9105    
9106      
9106<script type="text/json" id="tiktok.critical.TikTokGalleryWidget.th">
9107        {"view_on_tiktok":"ดูบน TikTok","shop_it":"ช้อปเลย","description":"คำอธิบาย","load_more":"โหลดเพิ่มเติม"}
9108      </script>
9108
9109    
9110  
9111    
9112
9113    
9114      
9114<script type="text/json" id="giftRegistry.critical.AddToRegistryProductPageWidget.th">
9115        {"add_to_registry":"เพิ่มลงในรีจิสทรี","added_to_registry":"เพิ่มลงในรีจิสทรี"}
9116      </script>
9116
9117    
9118  
9119
9120
9121
9122
9123
9124
9125
9126  
9127  
9128
9129  
9130    
9131      
9132          
9133              
9133<script id="gift_registry_critical:gift_registry_settings" type="text/json">
9134                  {"isRegistrantAddressRequired":true,"shareChannelTypes":[{"channelName":"copyShareLink","isEnabled":true},{"channelName":"email","isEnabled":true},{"channelName":"pinterest","isEnabled":true},{"channelName":"facebook","isEnabled":true},{"channelName":"twitter","isEnabled":true},{"channelName":"whatsapp","isEnabled":true}]}
9135              </script>
9135 
9136          
9137              
9137<script id="growave_critical:account_UI" type="text/json">
9138                  {"canUseAccountUI":false}
9139              </script>
9139 
9140          
9141              
9141<script id="growave_critical:b2b" type="text/json">
9142                  {"canUseB2B":false}
9143              </script>
9143 
9144          
9145              
9145<script id="growave_critical:checkout_UI" type="text/json">
9146                  {"canUseCheckoutUI":false}
9147              </script>
9147 
9148          
9149              
9149<script id="growave_critical:customer_account_version" type="text/json">
9150                  {"customerAccountVersion":"CLASSIC"}
9151              </script>
9151 
9152          
9153              
9153<script id="growave_critical:nudges_status" type="text/json">
9154                  {"isEnabled":false}
9155              </script>
9155 
9156          
9157              
9157<script id="growave_critical:watermark" type="text/json">
9158                  {"canShowWatermark":false}
9159              </script>
9159 
9160          
9161              
9161<script id="reviews_critical:questions_settings" type="text/json">
9162                  {"isQuestionCaptchaEnabled":false,"isSomeoneAskQuestionTriggerEnabled":true,"isNotificationsAboutQuestionEnabled":true,"customerDisplayNamePolicy":"fullName"}
9163              </script>
9163 
9164          
9165              
9165<script id="reviews_critical:reviews_branding" type="text/json">
9166                  {"reviewsThemeSettings":{"primaryColor":"#1D2939","secondaryColor":"#ffffff"},"reviewsIconSettings":{"starColor":"#FCCA3C","iconType":"default"},"reviewsDrawerSettings":{"drawerPosition":"LC","launcherBackgroundColor":"secondaryColor","launcherFontColor":"#1a1a1a","launcherIconBackgroundColor":"#1a1a1a","device":"hide"},"reviewsWidgetsSettings":{"buttonsColor":"primaryColor","reviewsWidgetLayout":"LL","fontColor":"#ffffff"},"productAvgRatingWidgetSettings":{"widgetVisibility":"show","widgetDisplayStyle":"showTextStarsAndQuestion","showStarsDistributionOnHover":false}}
9167              </script>
9167 
9168          
9169              
9169<script id="reviews_critical:reviews_settings" type="text/json">
9170                  {"canUseTranslation":false,"isReviewTitleEnabled":false,"isReviewTitleRequired":true,"isReviewsVotingEnabled":true,"isReviewsPinningEnabled":true,"isReviewsTranslationEnabled":false,"defaultSortingOption":"mostRelevant","isReviewsMediaEnabled":true,"isUniteReviewsOriginProductEnabled":false,"isReviewEditingEnabled":false,"customerDisplayNamePolicy":"fullName","isVideoReviewsEnabled":false,"isVerifiedBuyerLabelEnabled":true,"isVerifiedBuyerByMerchantLabelEnabled":true,"isImportedLabelEnabled":true,"isIncentivizedLabelEnabled":false,"isProductReviewsSummaryEnabled":false,"isConsentRequired":false,"consentPolicyUrl":null}
9171              </script>
9171 
9172          
9173              
9173<script id="rewards_critical:rewards_branding" type="text/json">
9174                  {"general":{"theme":{"primaryColor":"#1d2939","secondaryColor":"#00baea"},"buttons":{"themeColor":"primaryColor","fontColor":"#ffffff"},"content":{"iconsThemeColor":"primaryColor","linksThemeColor":"primaryColor"},"widget":{"type":"popUpWidget"}},"popUpWidget":{"launcher":{"appearance":{"themeColor":"primaryColor","fontColor":"#ffffff","style":"iconWithText"},"icon":{"type":"default","color":"#ffffff","customUrl":null},"visibility":{"device":"allDevices"},"position":{"placement":"BR","desktop":{"side":45,"bottom":10},"mobile":{"side":20,"bottom":10}}},"popUpContent":{"view":"home","banner":{"programName":"Dermalogica Thailand","themeColor":"primaryColor","fontColor":"#ffffff","image":null}}}}
9175              </script>
9175 
9176          
9177              
9177<script id="rewards_critical:rewards_customers_eligibility" type="text/json">
9178                  {"type":"include","tags":[],"isEnabled":false,"showWidgetsToGuests":false}
9179              </script>
9179 
9180          
9181              
9181<script id="rewards_critical:rewards_pos_settings" type="text/json">
9182                  {"isEnabled":false,"codeType":"barcode_2d","isWalletPassEnabled":false}
9183              </script>
9183 
9184          
9185              
9185<script id="rewards_critical:rewards_programs_status" type="text/json">
9186                  {"pointsProgramEnabled":true,"referralProgramEnabled":false,"tiersProgramEnabled":false,"b2bProgramEnabled":false}
9187              </script>
9187 
9188          
9189              
9189<script id="rewards_critical:rewards_settings" type="text/json">
9190                  {"generalSettings":{"isPointsExpirationEnabled":false,"isApplyDiscountViaButton":false,"isCustomersCanSelfRefund":false,"isRewardsConsentRequired":false,"pointsDecimalPlaces":2,"rewardPageHandle":"reward","isStoreCreditEnabled":false},"referralShareChannels":[{"channelType":"facebookShare","isEnabled":true},{"channelType":"twitterShare","isEnabled":true},{"channelType":"whatsAppShare","isEnabled":true},{"channelType":"facebookMessengerShare","isEnabled":true},{"channelType":"pinterestShare","isEnabled":true},{"channelType":"emailShare","isEnabled":true,"title":"Your friend sent you a reward from {{shop_name}}","message":"Join me in discovering the best of {{shop_name}}. Enjoy your {{reward_type}} by following this link: {{link}} "}]}
9191              </script>
9191 
9192          
9193              
9193<script id="rewards_critical:rewards_storefront_state" type="text/json">
9194                  {"hasFaqs":true}
9195              </script>
9195 
9196          
9197              
9197<script id="rewards_critical:reward_page_availability" type="text/json">
9198                  {"canUseRewardPage":true}
9199              </script>
9199 
9200          
9201              
9201<script id="wishlist_critical:wishlist_branding" type="text/json">
9202                  {"wishlistThemeSettings":{"primaryColor":"#1d2939","secondaryColor":"#00baee"},"wishlistIconSettings":{"heartColor":"#ef3251","backgroundColor":"#ffffff","iconType":"default","customIcons":{"isEnabled":false,"filledImage":null,"outlinedImage":null}},"wishlistButtonSettings":{"borderRadius":2,"color":"primaryColor","fontColor":"#1a1a1a","style":"outlined","isCounterEnabled":true},"wishlistDrawerAndPageSettings":{"device":"allDevices","drawerPosition":"R","launcherBackgroundColor":"#ffffff","launcherFontColor":"#1a1a1a","launcherIconBackgroundColor":"primaryColor","buttonsColor":"primaryColor","buttonsStyle":"outlined","buttonsFontColor":"#1a1a1a","buttonsBorderRadius":2,"linkColor":"secondaryColor"}}
9203              </script>
9203 
9204          
9205              
9205<script id="wishlist_critical:wishlist_settings" type="text/json">
9206                  {"isWishlistEnabled":false,"isDuplicateWishlistEnabled":false,"isWishlistDrawerEnabled":true,"isDisabledForGuests":false,"isSaveWishlistEnabled":true,"isWishlistSocialShareEnabled":true,"wishlistSocialShareChannels":[{"channelName":"copyShareLink","isEnabled":true},{"channelName":"email","isEnabled":true},{"channelName":"facebook","isEnabled":true},{"channelName":"pinterest","isEnabled":true},{"channelName":"twitter","isEnabled":true},{"channelName":"whatsapp","isEnabled":true}],"isCreateDraftOrderFromListEnabled":false,"isListsApprovalByCompanyMembersEnabled":false,"isEditListsByCompanyMembersEnabled":true,"isEditProductQuantityEnabled":false,"isWishlistApprovalRequestNotificationEnabled":false,"isWishlistApprovalCompletedNotificationEnabled":false}
9207              </script>
9207 
9208          
9209      
9210    
9211  
9212
9213
9214
9215
9216
9217
9218
9219
9220
9221
9222
9223
9224<!-- TODO use theme settings from the variables -->
9225
9226
9227<script id="gw-additional-info" type="application/json">
9228  {
9229    "FEATURES": {
9230      "moneyFormat": "฿{{amount}}",
9231      "moneyWithCurrencyFormat": "฿{{amount}}",
9232      "shopCurrency": "THB",
9233      "currencySymbol": "฿",
9234      "availableApps": ["social-login","reviews","rewards","instagram"],
9235      "storefrontApiAccessToken":  "206531463c87f892c5673f2c655c8fe2" ,
9236      "countryIsoCode": "TH",
9237      "languageIsoCode": "TH",
9238      "currencyIsoCode": "THB",
9239      "gwI18nLocale": "th",
9240      "shopName": "Dermalogica Thailand",
9241      "isShadowRootDisabledGlobally": false,
9242      "storefrontLoginUrl": "\/customer_authentication\/login?return_to=%2Fcollections%2Fshop-all-products\u0026locale=th\u0026ui_hint=full\u0026region_country=TH"
9243    },
9244    "GW_CUSTOMER_INFO":  null ,
9245    "GW_PRODUCT_INFO": {
9246      "productId":  null ,
9247      "variantId":  null ,
9248      "defaultVariantId":  null 
9249    },
9250    "GW_SHOP_BRAND_INFO": {
9251      "logoUrl":  null 
9252    }
9253  }
9254</script>
9254
9255
9256<script>
9257  if (window.GW_GROWAVE_LOADED) {
9258    throw new Error("Growave embeds conflict")
9259  }
9260  if (document && document.cookie && document.cookie.includes("GW_DISABLED=true")) {
9261    console.warn("Growave is disabled by cookie")
9262  } else {
9263    window.GW_GROWAVE_LOADED = true;
9264    
9265    
9266    let GW_BUNDLE_URL="https://static.growave.io/growave-build/main.4dce7fdd.js";
9267    const GW_DEV_GROWAVE_BUNDLE_URL = localStorage.getItem("GW_DEV_GROWAVE_BUNDLE_URL");
9268    if (GW_DEV_GROWAVE_BUNDLE_URL) {
9269      GW_BUNDLE_URL = GW_DEV_GROWAVE_BUNDLE_URL;
9270    }
9271    if (!GW_BUNDLE_URL) {
9272      throw new Error("Url for bundle not found!")
9273    }
9274    window.gwWebpackGlobal = window.gwWebpackGlobal || {};
9275    const mainScript = document.createElement("script");
9276    mainScript.defer = true;
9277    mainScript.type="module";
9278    mainScript.src=GW_BUNDLE_URL;
9279    document.body.appendChild(mainScript);
9280  }
9281</script>
9281
9282<!-- END app snippet -->
9283
9284
9285
9286</div><div id="shopify-block-Ac0dMSUpsbFpqTXhoU__1097096201824731535" class="shopify-block shopify-app-block">
9286<script>
9287    
9288
9289    window.kaktusPreOrderAppData = {
9290        product: {
9291            id: ''
9292        },
9293        productQty: ''
9294    }
9295</script>
9295
9296
9297<script async src="https://po.kaktusapp.com/storage/js/kaktus_preorder-dermalogica-thailand.myshopify.com.js?ver=1791446475&shop=dermalogica-thailand.myshopify.com"></script>
9297
9298
9299</div><div id="shopify-block-AdjkraUk3aFVvenQ3d__8605505498557855500" class="shopify-block shopify-app-block bogos-shopify-block">
9300
9301
9302<div id="secomapp_freegifts_version" data-version="3.0"></div>
9303
9304    <!-- BEGIN app snippet: freegifts-snippet --><link href="//cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/glider.min.css" rel="stylesheet" type="text/css" media="all" />
9305<link href="//cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/freegifts-main.min.css" rel="stylesheet" type="text/css" media="all" />
9306
9307
9308
9309
9310
9311
9312
9313
9314
9315
9316
9317
9318<style id="sca_fg_custom_style">
9319    
9320        .freegifts-main-container .fg-section-title, .freegifts-main-container .bogos-slider-info-title { color: #121212; }
9321        .freegifts-main-container .product-title, .freegifts-main-container .bogos-gift-product-title { color: #000000; }
9322        .freegifts-main-container .original-price, .freegifts-main-container .bogos-gift-item-compare-price { color: #121212; }
9323        .freegifts-main-container .gift-price, .freegifts-main-container .bogos-gift-item-price { color: #ea5455; }
9324        .freegifts-main-container .btn-add-to-cart { color: #FFFFFF; background-color: #5D94D6; }
9325        .freegifts-main-container .bogos-slider-offer-badge { background: #FFEF9D }
9326        .freegifts-main-container .bogos-slider-offer-badge.success { background: #CDFEE1 }
9327        .freegifts-main-container .bogos-slider-offer-title { color: #000000 }
9328        .freegifts-main-container .btn-add-to-cart svg path { fill: #FFFFFF; }
9329        .bogos-gift-select-variant-title { color: #005BD3; }
9330        .bogos-gift-select-variant-title-contain::after { border-color: #005BD3; }
9331        
9332        .fg-gift-thumbnail-offer-title { color: #000000; }
9333        .fg-gift-thumbnail-container { border-color: #8A8A8A; }
9334        .fg-gift-thumbnail-offer-time { background-color: #000000; }
9335        #sca-gift-thumbnail .sca-gift-image { width: 100px; max-height: 100px; }
9336
9337        #sca-gift-icon .sca-gift-icon-img { width: 50px; max-height: 50px; }
9338        .sca-gift-icon-collection-page .sca-gift-icon-collection-img { width: 50px; max-height: 50px; }
9339
9340        #sca-promotion-glider { color: #ffffff; background-color: #F72119; }
9341        
9342        
9343        
9344        .bogos-bundles-widget { background-color: #F3F3F3;  }
9345        .bogos-bundles-widget-body .bogos-bundle-item { background-color: #FFFFFF; }
9346        .bogos-bundles-widget .bogos-bundles-widget-title { color: #303030; }
9347        .bogos-bundles-widget .bogos-bundles-widget-description { color: #616161; }
9348        .bogos-bundle-item .bogos-bundle-item-title { color: #303030; }
9349        .bogos-bundle-item .bogos-bundle-item-discount-price, .bogos-bundles-widget .bogos-bundles-total-discount-price { color: #005BD3; }
9350        .bogos-bundle-item .bogos-bundle-item-original-price, .bogos-bundles-widget .bogos-bundles-total-original-price { color: #005BD3; }
9351        .bogos-bundles-widget-footer .bogos-bundles-button-add { color: #FFFFFF; background-color: #303030; }
9352        .bogos-bundles-widget .bogos-bundle-shipping-discount-container { background-color: #DEE6FF; }
9353        .bogos-bundles-widget .bogos-bundle-shipping-discount-title { color: #2332D5; }
9354        
9355        .bogos-bundles-quantity-break-widget { background-color: #F3F3F3;  }
9356        .bogos-bundles-quantity-break-widget-title { color: #303030; }
9357        .bogos-bundles-quantity-break-widget-description { color: #303030; }
9358        .bogos-bundle-quantity-break-item-original-price, .bogos-bundles-quantity-break-origin-price { color: #B5B5B5; }
9359        .bogos-bundles-quantity-break-button-add { background: #303030; color: #FFFFFF; }
9360        .bogos-bundle-quantity-break_item-container { background: #FFFFFF; }
9361        .bogos-bundle-quantity-break-label { background: #303030; color: #FFFFFF; }
9362        .bogos-bundle-quantity-break-tag { background: #F1F1F1; color: #303030; }
9363        .bogos-bundle-quantity-break-sub-title { color: #616161; }
9364        .bogos-bundles-quantity-break-discount-price { color: #303030; }
9365        .bogos-bundle-quantity-break-title { color: #303030; }
9366        .bogos-bundle-quantity-break-item-discount-price { color: #303030; }
9367
9368        .bogos-volume-discount-widget.default-layout { background-color: #F3F3F3;  }
9369        .bogos-volume-discount-widget.default-layout .bogos-volume-discount-widget-title { color: #303030; }
9370        .bogos-volume-discount-widget.default-layout .bogos-volume-discount-widget-description { color: #303030; }
9371        .bogos-volume-discount-widget.default-layout .bogos-volume-discount-item-original-price , .bogos-volume-discount-origin-price { color: #303030; }
9372        .bogos-volume-discount-widget.default-layout .bogos-volume-discount-button-add { background: #303030; color: #FFFFFF; }
9373        .bogos-volume-discount-widget.default-layout .bogos-volume-discount_item-container { background: #FFFFFF; }
9374        .bogos-volume-discount-widget.default-layout .bogos-volume-discount-label { background: #303030; color: #FFFFFF; }
9375        .bogos-volume-discount-widget.default-layout .bogos-volume-discount-tag { background: #F1F1F1; color: #303030; }
9376        .bogos-volume-discount-widget.default-layout .bogos-volume-discount-sub-title { color: #616161; }
9377        .bogos-volume-discount-widget.default-layout .bogos-volume-discount-item-discount-price { color: #303030; }
9378        .bogos-volume-discount-widget.default-layout .bogos-volume-discount-tier-price-primary span { color: #303030; }
9379        .bogos-volume-discount-widget.default-layout .bogos-volume-discount-discount-price { color: #303030; }
9380        .bogos-volume-discount-widget.default-layout .bogos-volume-discount-title { color: #303030; }
9381        .bogos-volume-discount-widget.default-layout .bogos-volume-discount-origin-price, .bogos-volume-discount-widget.default-layout .bogos-volume-discount-item-original-price { color: #B5B5B5; }
9382        .bogos-volume-discount-widget.table-layout .bogos-volume-discount-widget-header { background-color: #F3F3F3; }
9383        .bogos-volume-discount-widget.table-layout .bogos-volume-discount-widget-title { color: #303030; }
9384        .bogos-volume-discount-widget.table-layout .bogos-volume-discount-widget-description { color: #303030; }
9385        .bogos-volume-discount-table-container.line-style .bogos-volume-discount-item { background-color: #FFFFFF; }
9386        .bogos-volume-discount-widget.table-layout, .bogos-volume-discount-widget.table-layout .bogos-volume-discount-item, .bogos-volume-discount-widget-body .bogos-volume-discount-tier-info, .bogos-volume-discount-widget.table-layout .bogos-volume-discount-widget-header { border-color: #E0E0E0; }
9387        .bogos-volume-discount-widget.table-layout .bogos-volume-discount-title { color: #303030; }
9388        .bogos-volume-discount-widget.table-layout .bogos-volume-discount-description { color: #616161; }
9389        .bogos-volume-discount-widget.table-layout .bogos-volume-discount-tag { background-color: #F1F1F1; color: #303030; }
9390        .bogos-volume-discount-widget.table-layout .bogos-volume-discount-tier-discount-text { color: #303030; }
9391        .bogos-volume-discount-widget.table-layout .bogos-volume-discount-tier-label { color: #FFFFFF; background-color: #303030; }
9392        .bogos-volume-discount-widget.table-layout .bogos-volume-discount-tier-discount-price { color: #303030; }
9393        .bogos-volume-discount-widget.table-layout .bogos-volume-discount-tier-price-primary span { color: #303030; }
9394        .bogos-volume-discount-widget.table-layout .bogos-volume-discount-tier-origin-price { color: #FFFFFF; }
9395        .bogos-volume-discount-table-container.is-hidden-line .bogos-volume-discount-tier-info { border-color: transparent; }
9396        .bogos-volume-discount-widget.table-layout .bogos-volume-discount-table-container.zebra-style .bogos-volume-discount-item:nth-child(odd) { background-color: #FFFFFF; }
9397        .bogos-volume-discount-widget.table-layout .bogos-volume-discount-table-container.zebra-style  .bogos-volume-discount-item:nth-child(even) { background-color: #F5F5F5; }
9398        .bogos-volume-discount-widget .bogos-vl-tb-shipping-label { color: #2332D5; }
9399        .bogos-volume-discount-widget .bogos-vl-shipping-label { color: #2332D5; }
9400        .bogos-volume-discount-widget .bogos-vl-shipping-container { background-color: DEE6FF; }
9401        .bogos-volume-discount-widget .bogos-vl-free-gift-label { color: #BB5902 !important; }
9402        .bogos-volume-discount-widget .bogos-vl-free-gift-container { background-color: #FFEECC !important; }
9403        .bogos-volume-discount-widget.default-layout .bogos-vl-subscription-option-title { color: #303030; }
9404        .bogos-volume-discount-widget.default-layout .bogos-vl-subscription-section-title { color: #303030; }
9405        .bogos-volume-discount-widget.default-layout .bogos-vl-subscription-input-c
9405heckbox:checked { background-color: #8051FF; border-color: #8051FF;}
9406        .bogos-volume-discount-widget.default-layout input[type=radio]:checked { background-color: #8051FF; border-color: #8051FF;}
9407        
9408        .bogos-mix-match-widget { background-color: #F3F3F3; ; }
9409        .bogos-mix-match-widget .bogos-mix-item { background-color: #FFFFFF; }
9410        .bogos-mix-match-widget .bogos-mix-match-widget-title { color: #303030; }
9411        .bogos-mix-match-widget .bogos-mix-match-widget-description { color: #616161; }
9412        .bogos-mix-match-widget .bogos-mix-item-title { color: #303030; }
9413        .bogos-mix-match-widget .bogos-mix-item-discount-price { color: #303030; }
9414        .bogos-mix-match-widget .bogos-mix-item-original-price { color: #B5B5B5; }
9415        .bogos-mix-match-widget .bogos-mix-match-button-add { color: #FFFFFF; background-color: #303030; }
9416        .bogos-mix-match-widget .bogos-mix-match-badge-item { background-color: #FFF8DB; }
9417        .bogos-mix-match-widget .bogos-mix-match-badge-item.success { background-color: #CDFEE1; }
9418        .bogos-mix-match-widget .bogos-mix-match-badge-item .bogos-mix-match-badge-title { color: #4F4700; }
9419        .bogos-mix-match-widget .bogos-mix-match-badge-item.success .bogos-mix-match-badge-title { color: #29845A; }
9420        .bogos-mix-match-widget .bogos-mix-match-shipping-discount-container { background-color: #DEE6FF; }
9421        .bogos-mix-match-widget .bogos-mix-match-shipping-discount-title { color: #2332D5; }
9422        
9423        .bogos-bundle-page-container .bogos-bp-steps-bar, .bogos-bundle-page-container .bogos-bp-step-bar-single { background-color: #F3F3F3; }
9424        .bogos-bundle-page-container .bogos-bp-step-title { color: #303030; }
9425        .bogos-bp-steps-container .bogos-bp-step-item.active { border-bottom: solid 3px #303030; }
9426        .bogos-bundle-page-container .bogos-bp-header-title { color: #303030; }
9427        .bogos-bundle-page-container .bogos-bp-header-subtitle { color: #303030; }
9428        .bogos-bundle-page-container .bogos-bp-step-header-title { color: #303030; }
9429        .bogos-bundle-page-container .bogos-bp-step-header-subtitle { color: #616161; }
9430        .bogos-bundle-page-container .bogos-bp-product-title, .bogos-step-item .bogos-step-item-title, .bogos-product-detail-modal .bogos-product-title { color:  #303030; }
9431        .bogos-step-items-container .bogos-step-item-variant-title { color: #616161; }
9432        .bogos-bundle-page-container .bogos-bp-product-price, .bogos-step-item .bogos-step-item-discount-price, .bogos-bp-widget-footer .bogos-bp-total-discount-price {  color:  #303030; }
9433        .bogos-step-item .bogos-step-item-original-price, .bogos-bp-widget-footer .bogos-bp-total-original-price { color:  #808080; }
9434        .bogos-bundle-page-container .bogos-bp-btn-add-product, .bogos-product-detail-modal .bogos-product-add-btn { background-color: #303030; color: #FFFFFF }
9435        .bogos-bp-widget-container .bogos-bp-widget { background-color: #F3F3F3; ; }
9436        .bogos-bp-widget .bogos-bp-widget-title { color: #303030; }
9437        .bogos-bp-widget .bogos-bp-widget-description { color: #303030; }
9438        .bogos-step-items-product-require.success .bogos-step-items-product-require-title { color: #2332D5; }
9439        .bogos-bp-widget .bogos-bp-button-add { background-color: #303030; color: #FFFFFF; }
9440        .bogos-bp-widget-badges-container .bogos-bp-widget-badge-item { background-color: #FFF8DB; }
9441        .bogos-bp-widget-badges-container .bogos-bp-widget-badge-item.success { background-color: #CDFEE1; }
9442        .bogos-bp-widget-badges-container .bogos-bp-widget-badge-title { color: #4F4700; }
9443        .bogos-bp-widget-badge-item.success .bogos-bp-widget-badge-title { color: #29845A; }
9444        .bogos-bp-widget .bogos-bundle-page-shipping-discount-container { background-color: #DEE6FF; }
9445        .bogos-bp-widget .bogos-bundle-page-shipping-discount-title { color: #2332D5; }
9446        
9447        .bogos-fbt-upsell-container { background: #F6F6F6; border-radius: 15px; }
9448        .bogos-fbt-header-title { color: #303030; }
9449        .bogos-fbt-header-description { color: #303030; }
9450        .bogos-fbt-footer-discounted-price { color: #303030; }
9451        .bogos-fbt-footer-original-price { color: #616161; }
9452        .bogos-fbt-footer-button-add { background: #303030; color: #FFFFFF; }
9453        .bogos-fbt-product-title {color: #303030; }
9454        .bogos-fbt-upsell-product-discounted-price {color: #303030; }
9455        .bogos-fbt-upsell-product-original-price {color: #808080; }
9456        .is-cheapest-free-label {color: #FFFFFF ;background-color: #FFAA00;}
9457        .is-cheapest-free {background-color: rgba(255, 170, 0, 0.2);}
9458        .bogos-fbt-this-item {background-color: #D1D1D1;color: #303030;}
9459        .bogos-fbt-upsell-body-item-checkbox {border-color: #303030;}
9460        .bogos-fbt-upsell-body-item-checkbox:checked {border-color: #303030; background-color: #303030;}
9461        .bogos-fbt-shipping-discount-container { background-color: #DEE6FF; }
9462        .bogos-fbt-shipping-discount-title { color: #2332D5; }
9463        .bogos-fbt-upsell-body-stack-meta .bogos-fbt-upsell-img-wrapper, .bogos-fbt-upsell-body-classic-item-img-wrapper .bogos-fbt-upsell-body-classic-item-img {width: 60px; height: 60px;}
9464        .bogos-fbt-upsell-container img.bogos-fbt-upsell-img {border-radius: 7.5px;}
9465
9466        .bogos-cheapest-discount {background-color: #ffffff; border-color: #888888;}
9467        .bogos-cheapest-discount .bogos-cheapest-title { color: #303030; }
9468        .bogos-cheapest-list-product-modal .bogos-cheapest-title { color: #303030; }
9469        .bogos-cheapest-discount .bogos-cheapest-description { color: #616161; }
9470        .bogos-cheapest-product-card .bogos-cheapest-product-title { color: #303030; }
9471        .bogos-cheapest-product-card .bogos-cheapest-product-price { color: #303030; }
9472        .bogos-cheapest-product-card .bogos-cheapest-select-variant-title { color: #303030; }
9473        .bogos-cheapest-product-card .bogos-cheapest-product-add-btn { color: #ffffff; background-color: #303030}
9474        .bogos-cheapest-label-item.active .bogos-cheapest-label { color: #303030; }
9475        .bogos-cheapest-label-item.active #bogos-active-icon path { fill: #3
947503030; }
9476        .bogos-cheapest-label-item.excluded .bogos-cheapest-label { color: #CCCCCC; }
9477        .bogos-cheapest-label-item.excluded #bogos-excluded-icon path { fill: #CCCCCC; }
9478        .bogos-cheapest-label-item:not(.active):not(.excluded) #bogos-uncheck-icon path { fill: #4A4A4A; }
9479        .bogos-cheapest-label-item:not(.active):not(.excluded) .bogos-cheapest-label { color: #303030; }
9480        .bogos-cheapest-discount .bogos-cheapest-label-container:not(:has(.bogos-cheapest-discount-bullet-items)) {background-color: #F6F6F6;}
9481        .bogos-cheapest-discount .bogos-cheapest-discount-bullet-item {color: #808080;}
9482        .bogos-cheapest-discount .bogos-cheapest-products-describe {color: #616161;}
9483        .bogos-cheapest-discount .bogos-cheapest-products-more-btn {color: #303030;}
9484        
9485        .bogos-select-option-custom-item:not(.bogos-option-default):not(.bogos-active):not(has(.sca-d-none)) {background-color: #F0F0F0; color: #303030;}
9486        .bogos-select-option-custom-item:not(.bogos-option-default).bogos-active:not(has(.sca-d-none)) {background-color: #F0F0F0; color: #303030;}
9487        .bogos-select-option-custom-item:not(.bogos-option-default).bogos-active {border: 0.5px solid #303030;}
9488        .bogos-select-option-custom-item.bogos-option-default:not(.bogos-active) .bogos-option-value-title {background-color: #F0F0F0; color: #303030;}
9489        .bogos-select-option-custom-item.bogos-option-default.bogos-active .bogos-option-value-title {background-color: #F0F0F0; color: #303030;}
9490        .bogos-select-option-custom-item.bogos-option-default.bogos-active {border: 0.5px solid #303030;}
9491        .bogos-mix-item-select-variant-option:hover, .bogos-gift-select-variant-option:hover, .bogos-bundle-select-variant-option:hover, .bogos-vl-select-variant-option:hover, .bogos-fbt-variant-item:hover, .bogos-pa-variant-item:hover, .bogos-pa-variant-item.active {background-color: #F0F0F0;}
9492        
9493    
9494    
9495</style>
9495<script id="sca_fg_custom_script" data-cmp-vendor="bogos" data-cmp-ab="0">
9496    
9497    
9498</script>
9498
9499
9500<script src="https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/glider.min.js" defer></script>
vendor: 1 bytes, line 9500
9500
9501<script src="https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/lz-string.min.js" defer></script>
9501
9502
9503<div id="freegifts-main-popup-container" class="freegifts-main-container sca-modal-fg"
9504     data-animation="slideInOutTop"></div>
9505<div id="sca-fg-notifications" class="sca-fg-notifications"></div>
9506
9507<div id="bogos-to-widget-icon-wrap" style="display:none"></div>
9508<div id="bogos-to-widget-iframe" style="visibility:hidden;opacity:0;position:fixed"></div>
9509
9510<div id="sca-fg-today-offer-widget"></div>
9511<div id="sca-fg-today-offer-iframe"></div>
9512
9513<div id="bogos-mix-match-main-collection-popup-container" class="sca-modal-fg"></div>
9514<div id="bogos-main-popup-product-detail-container" data-animation="slideInOutTop"></div>
9515<div id="bogos-main-popup-more-product-container" data-animation="slideInOutTop"></div>
9516
9517<div id="bogos-cart-discount-congrats-msg-wrap"></div>
9518
9519<script type="text/javascript" data-cmp-vendor="bogos" data-cmp-ab="0">
9520    if (typeof Shopify === "undefined") window.Shopify = {};
9521    Shopify.cartItems = [];
9522    Shopify.current_product = {};
9523    Shopify.current_collection = {};
9524    Shopify.products = {};
9525
9526    // current product or collection
9527    Shopify.current_product = {...null};
9528    
9529
9530    Shopify.current_collection = {...{"id":290351186117,"handle":"shop-all-products","updated_at":"2026-10-08T11:29:19+07:00","published_at":"2022-10-02T13:52:50+07:00","sort_order":"created-desc","template_suffix":"","published_scope":"web","title":"ผลิตภัณฑ์ทั้งหมด","body_html":""}};
9531
9532    window.SECOMAPP = window.SECOMAPP || {};
9533    SECOMAPP.fg_codes = [];
9534    SECOMAPP.activateOnlyOnePromoCode = false;
9535
9536    SECOMAPP.localization = [];SECOMAPP.localization.push({
9537        ...{"shop_locale":{"locale":"th","enabled":true,"primary":false,"published":true}},
9538        root_url: "/"
9539    });
9540    
9541    SECOMAPP.fgData = {...{"appearance":{"bundle":{"color":{"theme_color":"neutral","item_name_color":"#303030","title_text_color":"#303030","button_text_color":"#FFFFFF","bundle_price_color":"#005BD3","original_price_color":"#005BD3","description_text_color":"#616161","button_background_color":"#303030","widget_background_color":"#F3F3F3","item_card_background_color":"#FFFFFF","shipping_discount_background":"#DEE6FF","shipping_discount_text_color":"#2332D5"},"others":{"hidden_brand_mark":false},"content":{"button_text":"Add bundle to cart","show_description":true,"total_price_text":"Total bundle price","shipping_icon_path":"images\/shipping-icons\/shipping-icon-1.png","select_variant_text":"Select variant","show_discount_each_item":true,"show_discount_on_button":true,"shopify_shipping_icon_path":"shipping-icon-1.png"}},"gift_icon":{"product_page":{"gift_icon":{"size":"50","status":true},"gift_thumbnail":{"size":"100","title":"Free Gift","status":true}},"gift_icon_path":"images\/fg-icons\/fg-icon-red.png","collection_page":{"size":"50","status":true},"shopify_gift_icon_path":"fg-icon-red.png"},"mix_match":{"color":{"theme_color":"neutral","item_name_color":"#303030","title_text_color":"#303030","button_text_color":"#FFFFFF","bundle_price_color":"#303030","original_price_color":"#B5B5B5","description_text_color":"#616161","button_background_color":"#303030","widget_background_color":"#F3F3F3","default_label_text_color":"#4F4700","success_label_text_color":"#29845A","item_card_background_color":"#FFFFFF","shipping_discount_background":"#DEE6FF","shipping_discount_text_color":"#2332D5","default_label_background_color":"#FFF8DB","success_label_background_color":"#CDFEE1"},"content":{"tier_style":"label","button_text":"Add bundle to cart","out_stock_text":"Out of stock!","mix_item_header":"Mix item {{itemIndex}}","show_description":true,"total_price_text":"Total bundle price","shipping_icon_path":"images\/shipping-icons\/shipping-icon-1.png","select_product_text":"Choose from {{number}} product(s)","select_variant_title":"Variant","select_collection_text":"Choose from {{number}} collection(s)","show_discount_each_item":true,"show_discount_on_button":true,"shopify_shipping_icon_path":"shipping-icon-1.png"}},"fbt_upsell":{"color":{"item_name":"#303030","item_price":"#303030","theme_color":"neutral","widget_title":"#303030","widget_subtitle":"#303030","atc_button_color":"#303030","item_price_after":"#303030","item_price_before":"#808080","total_price_after":"#303030","widget_background":"#F6F6F6","total_price_before":"#616161","atc_button_text_color":"#FFFFFF"},"content":{"button_text":"Add selected items","total_price_text":"Total price","shipping_icon_path":"","shopify_shipping_icon_path":"shipping-icon-1.png"},"general":{"widget_layout":"classic","maximum_display":3,"show_discount_amount":true,"show_discount_each_item":true}},"bundle_page":{"color":{"theme_color":"neutral","step_text_color":"#303030","atc_button_color":"#303030","step_title_color":"#303030","cart_button_color":"#303030","page_heading_color":"#303030","product_title_color":"#303030","required_text_color":"#2332D5","variant_title_color":"#616161","original_price_color":"#808080","side_bar_title_color":"#303030","step_highlight_color":"#303030","atc_button_text_color":"#FFFFFF","cart_button_text_color":"#FFFFFF","discounted_price_color":"#303030","page_sub_heading_color":"#303030","step_description_color":"#616161","default_label_text_color":"#4F4700","success_label_text_color":"#29845A","side_bar_background_color":"#F3F3F3","side_bar_description_color":"#303030","shipping_discount_background":"#DEE6FF","shipping_discount_text_color":"#2332D5","default_step_background_color":"#F3F3F3","default_label_background_color":"#FFF8DB","success_label_background_color":"#CDFEE1"},"content":{"step_text":"Step {{index}}","tier_style":"progress","load_more_text":"Load more","out_stock_text":"Out of stock","read_more_text":"See more","step_icon_path":"images\/step-icons\/step-icon-1.png","atc_button_text":"Add to bundle","blank_step_text":"Add product to this step","cart_button_text":"Add bundle to cart","show_description":true,"total_price_text":"Total bundle price","summary_icon_path":"images\/summary-icons\/summary-icon-1.png","shipping_icon_path":"images\/shipping-icons\/shipping-icon-1.png","summary_title_text":"Your bundle","choose_variant_text":"Choose variant","maximum_quantity_text":"Maximum item reached","required_product_text":"{{number}} item(s) required","shopify_step_icon_path":"step-icon-1.png","summary_description_text":"Choose items from this page to make your own bundle","shopify_summary_icon_path":"summary-icon-1.png","shopify_shipping_icon_path":"shipping-icon-1.png"}},"cart_upsell":{"cart_page":{"color":{"item_name":"#303030","theme_color":"neutral","item_variant":"#616161","widget_title":"#303030","widget_subtitle":"#616161","add_button_color":"#303030","item_price_after":"#303030","card_border_color":"#888888","item_price_before":"#CCCCCC","widget_background":"#F6F6F6","see_more_text_color":"#808080","widget_border_color":"#FFFFFF","badge_off_background":"#FFAA00","badge_off_text_color":"#FFFFFF","add_button_text_color":"#FFFFFF","card_background_color":"#FFFFFF","carousel_button_color":"#808080","combo_status_text_color":"#303030","carousel_button_background":"#FFFFFF"},"content":{"off_text":"OFF","title_align":"left","see_less_text":"See less","see_more_text":"See more","add_button_icon":"plus","add_button_text":"Add","add_button_style":"icon"},"general":{"card_style":"horizon","list_style":"carousel","widget_style":"style_1","widget_radius":12,"product_img_size":80,"enable_img_radius":false,"number_cols_compact":1,"number_rows_compact":2,"carousel_nav_position":"header","number_cols_full_width":2,"number_rows_full_width":1}},"cart_drawer":{"color":{"item_name":"#303030","theme_color":"neutral","item_variant":"#616161","widget_title":"#303030","widget_subtitle":"#616161","add_button_color":"#303030","item_price_after":"#303030","card_border_color":"#888888","item_price_before":"#CCCCCC","widget_background":"#F6F6F6","see_more_text_color":"#808080","widget_border_color":"#FFFFFF","badge_off_background":"#FFAA00","badge_off_text_color":"#FFFFFF","add_button_text_color":"#FFFFFF","card_background_color":"#FFFFFF","carousel_button_color":"#808080","combo_status_text_color":"#303030","carousel_button_background":"#FFFFFF"},"content":{"off_text":"OFF","title_align":"left","see_less_text":"See less","see_more_text":"See more","add_button_icon":"plus","add_button_text":"Add","add_button_style":"text_icon"},"general":{"card_style":"horizon","list_style":"carousel","widget_style":"style_1","widget_radius":12,"product_img_size":80,"enable_img_radius":false,"number_cols_compact":1,"number_rows_compact":2,"carousel_nav_position":"header","number_cols_full_width":1,"number_rows_full_width":2}}},"gift_slider":{"color":{"add_to_cart_color":"#FFFFFF","offer_title_color":"#000000","product_title_color":"#000000","original_price_color":"#121212","variant_select_color":"#005BD3","add_to_cart_btn_color":"#5D94D6","discounted_price_color":"#ea5455","gift_slider_title_color":"#121212","notify_add_gift_active_state_color":"#CDFEE1","notify_add_gift_normal_state_color":"#FFEF9D"},"others":{"hidden_brand_mark":true},"general":{"running_text":null,"show_gift_type":"all_in_one","select_gift_btn":"Select variants","show_pagination":false,"use_old_version":false,"gift_popup_title":"Choose 1 Free Sample","out_of_stock_text":"Out of stock","show_product_title":true,"show_variant_title":false,"add_to_cart_btn_title":"+ Add","number_product_slider":4,"show_gift_for_customer":"by_variants","enable_add_multiple_gifts":false,"number_product_slider_mobile":2}
9541,"pages_display":{"pages":["cart"],"custom":[]},"notify_gift_can_add":{"enable":true,"number_gifts_added":"You have added {{number}} gift product(s)","number_gifts_can_be_added":"You can add {{number}} gift product(s)"},"notify_offer_available":{"text":"🎁 You have qualified for {{qualifiedOffers}} offer(s)!","enable":true},"disable_slider_checkbox":{"text":"Don't show this offer again","time":10,"enable":false}},"cart_discount":{"color":{"widget":{"line_color":"#D0D0D0","theme_color":"blue","open_icon_color":"#616161","tier_text_color":"#303030","title_text_color":"#2332D5","active_icon_color":"#008000","excluded_tier_color":"#cccccc","widget_border_color":"#7B84E6","open_tier_text_color":"#303030","tier_background_color":"#FFFFFF","active_tier_text_color":"#008000","description_text_color":"#616161","widget_background_color":"#FFFFFF"},"congrats":{"theme_color":"blue","background_color":"#EEEFFB","title_text_color":"#2332D5","description_text_color":"#303030"}},"content":{"widget":{"icon":"https:\/\/d33a6lvgbd0fej.cloudfront.net\/bogos-images\/1772523961.png","divide_tiers":false,"widget_style":"style_1","discount_tier_style":"checklist","widget_border_radius":12},"congrats":{"title":"Congratulations!","position":"bottom_right","appear_for":5,"description":"You got {{discount_amount}} off!","border_radius":12}}},"product_add_on":{"color":{"theme_color":"neutral","checkbox_color":"#303030","card_border_color":"#888888","widget_background":"#F6F6F6","product_name_color":"#303030","variant_name_color":"#303030","widget_title_color":"#303030","see_more_text_color":"#808080","widget_border_color":"#FFFFFF","discount_price_color":"#303030","original_price_color":"#CCCCCC","card_background_color":"#F6F6F6","widget_subtitle_color":"#303030"},"content":{"title_align":"left","see_less_text":"See less","see_more_text":"See more","see_more_align":"left","number_cols_compact":1,"number_rows_compact":3,"number_cols_full_width":3,"number_rows_full_width":1},"general":{"card_style":"horizon","widget_style":"style_1","widget_radius":12,"product_img_size":80,"checkbox_position":"left_on_img","enable_img_radius":false}},"quantity_break":{"color":{"tag_color":"#F1F1F1","tier_price":"#303030","tier_title":"#303030","label_color":"#303030","theme_color":"neutral","bundle_price":"#303030","bundle_title":"#303030","tag_text_color":"#303030","label_text_color":"#FFFFFF","tier_description":"#616161","button_text_color":"#FFFFFF","bundle_description":"#303030","bundle_origin_price":"#B5B5B5","button_background_color":"#303030","widget_background_color":"#F3F3F3","item_card_background_color":"#FFFFFF"},"content":{"button_text":"Add bundles to cart","show_description":true,"total_price_text":"Total price","shipping_icon_path":null,"select_variant_text":"Select variant","shopify_shipping_icon_path":"shipping-icon-1.png"}},"select_variant":{"type":"variant","color":{"active_tab_text":"#303030","default_tab_text":"#303030","active_tab_border":"#303030","active_tab_background":"#F0F0F0","active_item_background":"#F0F0F0","default_tab_background":"#F0F0F0"},"config":[],"configs":[]},"checkout_upsell":{"color":{"button_style":"primary","widget_price_color":"base","widget_background_color":"transparent"},"content":{"widget_message":"You may also like","widget_button_text":"Add to cart"},"general":{"widget_layout":"carousel","widget_position ":"left","widget_active_message":true,"widget_active_compare_at_price":true}},"volume_discount":{"table":{"color":{"row_color":"#FFFFFF","tag_color":"#F1F1F1","line_color":"#E0E0E0","theme_color":"neutral","widget_title":"#303030","row_odd_color":"#FFFFFF","widget_header":"#F3F3F3","row_even_color":"#F5F5F5","tag_text_color":"#303030","label_text_color":"#FFFFFF","tier_title_color":"#303030","widget_sub_title":"#303030","discount_text_color":"#303030","original_price_color":"#FFFFFF","discounted_price_color":"#303030","label_background_color":"#303030","tier_description_color":"#616161"},"hide_line":false,"body_style":"line","text_align":"left","discount_text":"{{discountAmount}} OFF","discount_show_as":"discount_text","show_description":true,"show_original_price":true},"content":{"button_text":"Add bundles to cart","total_price_text":"Total price","shipping_icon_path":"","select_variant_text":"Select variant","shopify_shipping_icon_path":"shipping-icon-1.png"},"default":{"color":{"tag_color":"#F1F1F1","tier_price":"#303030","tier_title":"#303030","label_color":"#303030","theme_color":"neutral","bundle_price":"#303030","bundle_title":"#303030","tag_text_color":"#303030","label_text_color":"#FFFFFF","tier_description":"#616161","button_text_color":"#FFFFFF","bundle_description":"#303030","bundle_origin_price":"#B5B5B5","button_background_color":"#303030","widget_background_color":"#F3F3F3","item_card_background_color":"#FFFFFF"},"show_description":true}},"product_discount":{"color":{"countdown_cfg":{"theme_color":"blue","number_color":"#2332D5","title_text_color":"#FFFFFF","number_wrap_color":"#FFFFFF","widget_border_color":"#FFFFFF","description_text_color":"#FFFFFF","widget_background_color":{"angle":"90","value":["#4F5BDD","#A7ADEE"],"final_color":"linear-gradient(90deg, #4F5BDD 0%, #A7ADEE 100%)"}},"price_display":{"number_wrap_color":"#808080","discount_label_color":"#FFBB4E","discount_price_color":"#2332D5","discount_label_text_color":"#000000"}}
9541,"general":{"countdown_cfg":{"status":true,"show_label":false,"time_labels":{"day":"Days","hour":"Hours","minute":"Minutes","second":"Seconds"},"wrap_num_bg":true,"widget_style":"bar","widget_radius":6},"price_display":{"status":true,"discount_label":{"label":"{{discount_amount}} OFF","status":true},"display_discount_price":{"style":"bold","font_size":16},"display_original_price":{"style":"normal","font_size":14,"line_through":true}}}},"cheapest_discount":{"color":{"theme_color":"neutral","see_more_color":"#303030","open_icon_color":"#4A4A4A","active_icon_color":"#303030","bullet_text_color":"#808080","widget_title_color":"#303030","product_price_color":"#303030","product_title_color":"#303030","variant_title_color":"#303030","widget_border_color":"#888888","open_tier_text_color":"#303030","button_add_text_color":"#ffffff","widget_subtitle_color":"#616161","active_tier_text_color":"#303030","tiers_background_color":"#F6F6F6","widget_background_color":"#ffffff","excluded_tier_text_color":"#CCCCCC","product_list_label_color":"#616161","button_add_background_color":"#303030"},"content":{"tier_style":"checklist","see_more_text":"See all","show_see_more":true,"number_products":4,"number_cols_mobile":2,"number_rows_mobile":2,"product_list_label":"Choose from these products to get discount","number_cols_desktop":4,"number_rows_desktop":2,"add_product_btn_text":"Add","show_add_product_btn":true}},"promotion_message":{"text_color":"#ffffff","background_color":"#F72119","show_on_cart_page":true},"thanks_page_upsell":{"color":{"button_style":"primary","widget_price_color":"base","widget_background_color":"transparent"},"content":{"widget_message":"You may also like","widget_button_text":"Add to cart"},"general":{"widget_layout":"carousel","widget_position ":"left","widget_active_message":true,"widget_active_compare_at_price":true}},"bundle_product_page":{"color":{"theme_color":"neutral","quantity_color":"#303030","active_tab_text":"#303030","badge_text_color":"#303030","default_tab_text":"#303030","active_tab_border":"#303030","child_theme_color":"neutral","default_tab_border":"#FFFFFF","product_name_color":"#303030","section_name_color":"#303030","variant_name_color":"#616161","discount_price_color":"#303030","original_price_color":"#808080","section_border_color":"#D0D0D0","active_tab_background":"#F0F0F0","add_item_button_color":"#303030","size_list_label_color":"#303030","badge_background_color":"#FFBB4E","child_label_text_color":"#303030","default_tab_background":"#F0F0F0","total_price_text_color":"#616161","add_bundle_button_color":"#303030","product_card_background":"#F6F6F6","child_product_name_color":"#303030","child_variant_name_color":"#616161","child_widget_title_color":"#303030","child_widget_border_color":"#303030","add_item_button_text_color":"#FFFFFF","add_bundle_button_text_color":"#FFFFFF","child_label_background_color":"#E7E7E7","child_widget_background_color":"#F0F0F0","child_redirect_button_text_color":"#303030"},"content":{"child_label":"Includes in {{number}} bundles","cart_button_text":"Add bundle to cart","total_price_text":"Total bundle price","countdown_message":"Added {{amount_added}} items, {{amount_left}} to go","child_widget_style":"filled_background","show_countdown_on_button":true,"child_show_discount_label":true,"child_redirect_button_label":"Go to bundle","child_products_per_row_mobile":2,"child_products_per_row_desktop":4,"child_show_product_variant_name":true}}},"settings":{"gift_format":"same_as_original_products","auto_add_gift":true,"sale_channels":null,"sync_quantity":false,"barcode_format":"blank","fraud_protection":null,"cal_gift_discount":"current_price","gift_title_format":"gift","using_draft_order":false,"select_one_gift_price":false,"manual_input_inventory":false,"clone_product_metafields":null,"include_compare_at_price":false,"cart_and_checkout_validation":{"type":[],"offer":false,"value":{"max_gifts":1,"min_cart_value":1,"min_cart_quantity":1},"status":true,"values":[],"condition":"and"},"fraud_protection_cancel_order":null,"other_original_product_detail":null,"compare_gift_price_with_product":false,"delete_gift_after_turn_off_offer":true,"not_show_gift_if_already_on_cart":false,"ab_test":{"old_ab_free_fatherday26":0},"barcode":"blank","type_seo":"number_integer","mode_override_checkout":"default","notify_via_email":null,"admin_api_access_token":null,"publications":null},"storefront":{"access_token":"f69b47cebde5231f525ccfa79e8c7320","created_at":"2026-10-05T08:06:46Z"}}};
9542    
9543//liquid code to get customer history and customer tag
9544    
9545    
9546    SECOMAPP.current_template = "collection";
9547    SECOMAPP.pathname = window.location.pathname;
9548    if (SECOMAPP.current_template === "404" && SECOMAPP.pathname?.includes("-sca_clone_freegift")) {
9549        window.location.replace(SECOMAPP.pathname.split("-sca_clone_freegift")[0]);
9550    } else if (SECOMAPP.current_template === "404" && SECOMAPP.pathname?.includes("/collections/sca_fg")) {
9551        window.location.replace(`${Shopify?.routes?.root ?? "/"}collections/all`);
9552    }
9553
9554    SECOMAPP.setCookie = function (e, t, o, n, r) {
9555        let i = new Date;
9556        i.setTime(i.getTime() + 24 * o * 36e5 + 60 * n * 1e3);
9557        let f = "expires=" + i.toUTCString();
9558        document.cookie = e + "=" + t + ";" + f + (r ? ";path=" + r : ";path=/");
9559    };
9560    SECOMAPP.deleteCookie = function (e, t) {
9561        document.cookie = e + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; " + (t ? ";path=" + t : ";path=/")
9562    };
9563    SECOMAPP.getCookie = function (e) {
9564        for (let t = e + "=", o = document.cookie.split(";"), n = 0; n < o.length; n++) {
9565            let r;
9566            for (r = o[n]; " " === r.charAt(0);) r = r.substring(1);
9567            if (0 === r.indexOf(t)) return r.substring(t.length, r.length)
9568        }
9569        return ""
9570    };
9571    SECOMAPP.getQueryString = function (key) {
9572        let e = {};
9573        let t = window.location.search.substring(1).split("&");
9574        let o = 0;
9575        for (; o < t.length; o++) {
9576            let n = t[o].split("=");
9577            if (void 0 === e[n[0]]) e[n[0]] = decodeURIComponent(n[1]);
9578            else if ("string" == typeof e[n[0]]) {
9579                e[n[0]] = [e[n[0]], decodeURIComponent(n[1])]
9580            } else e[n[0]].push(decodeURIComponent(n[1]))
9581        }
9582        return key ? e?.[key] : e;
9583    };
9584
9585    SECOMAPP.offer_codes = [
9586        {param: "freegifts_code", cookie: "sca_fg_codes"},
9587        {param: "bundles_code", cookie: "sca_bundle_codes"},
9588        {param: "upsells_code", cookie: "sca_upsell_codes"},
9589        {param: "discounts_code", cookie: "sca_discount_codes"},
9590    ];
9591    SECOMAPP.offer_codes.forEach(({param, cookie}) => {
9592        SECOMAPP.fg_codes = [];
9593        SECOMAPP.getCookie(cookie) && (SECOMAPP.fg_codes = JSON.parse(SECOMAPP.getCookie(cookie)));
9594        SECOMAPP.current_code = SECOMAPP.getQueryString(param);
9595        SECOMAPP.current_code && !SECOMAPP.fg_codes.includes(SECOMAPP.current_code)
9596        && (function () {
9597            SECOMAPP.activateOnlyOnePromoCode && (SECOMAPP.fg_codes = []);
9598            SECOMAPP.fg_codes.push(SECOMAPP.current_code);
9599            SECOMAPP.setCookie(cookie, JSON.stringify(SECOMAPP.fg_codes));
9600        })();
9601    });
9602
9603    SECOMAPP.customer = {};
9604    SECOMAPP.customer.orders = [];
9605    SECOMAPP.customer.freegifts = [];
9606    SECOMAPP.customer.freegifts_v2 = [];
9607    
9608    SECOMAPP.customer.email = "";
9609    SECOMAPP.customer.first_name = "";
9610    SECOMAPP.customer.last_name = "";
9611    SECOMAPP.customer.tags = Object.values({...null});
9612    SECOMAPP.customer.orders_count = "" - 0;
9613    SECOMAPP.customer.total_spent = "" - 0;
9614    SECOMAPP.customer.b2b = "" - 0;
9615    SECOMAPP.market = {
9616        id: "1342570693" - 0,
9617        handle: "th",
9618    };
9619    
9620
9621    // get class name config from settings_data.json
9622    if (!Shopify.scaHandleConfigValue) {
9623        Shopify.scaHandleConfigValue = {
9624            ...null,
9625            ...null
9626        };
9627    }
9628
9629    // add link proxy
9630    SECOMAPP.freegiftProxy = "/apps/secomapp_freegifts_get_order?ver=3.0";
9631    
9632    SECOMAPP.freegiftProxy = "/apps/secomapp_freegifts_get_order?ver=3.0";
9633    
9634    SECOMAPP.bogosCollectUrl = "https://collect.bogos.io/collect"
9635    SECOMAPP.bogosIntegrationUrl = "https://api.bogos.io/integrations"
9636
9637    // get shop locales
9638    SECOMAPP.shop_locales = Object.values({
9639        ...[{"shop_locale":{"locale":"th","enabled":true,"primary":false,"published":true}}]
9640    });
9641
9642    SECOMAPP.current_locale = { ...{"shop_locale":{"locale":"th","enabled":true,"primary":false,"published":true}} }
9643
9644    
9645    
9646    window.fgGiftIcon = "https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/fg-icon-red_small.png";
9647    window.fgWidgetIconsObj = {
9648        "widget-icon-1.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/widget-icon-1_small.png',
9649        "widget-icon-2.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/widget-icon-2_small.png',
9650        "widget-icon-3.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/widget-icon-3_small.png',
9651        "widget-icon-4.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/widget-icon-4_small.png',
9652        "widget-icon-5.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/widget-icon-5_small.png',
9653        "widget-icon-6.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/widget-icon-6_small.png',
9654        "widget-icon-7.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/widget-icon-7_small.png',
9655        "widget-icon-8.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/widget-icon-8_small.png'
9656    }
9657
9658    window.fgStepIconsObj = {
9659        "step-icon-1.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/step-icon-1_small.png',
9660        "step-icon-2.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/step-icon-2_small.png',
9661        "step-icon-3.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/step-icon-3_small.png',
9662        "step-icon-4.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/step-icon-4_small.png',
9663        "step-icon-5.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/step-icon-5_small.png',
9664        "step-icon-6.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/step-icon-6_small.png',
9665        "step-icon-7.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/step-icon-7_small.png',
9666    }
9667
9668    window.fgSummaryIconsObj = {
9669        "summary-icon-1.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/summary-icon-1_small.png',
9670        "summary-icon-2.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/summary-icon-2_small.png',
9671        "summary-icon-3.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/summary-icon-3_small.png',
9672        "summary-icon-4.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/summary-icon-4_small.png',
9673        "summary-icon-5.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/summary-icon-5_small.png',
9674        "summary-icon-6.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/summary-icon-6_small.png',
9675        "summary-icon-7.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/summary-icon-7_small.png',
9676        "summary-icon-8.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/summary-icon-8_small.png',
9677    }
9678
9679    window.fgShippingIconsObj = {
9680        "shipping-icon-1.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/shipping-icon-1_small.png',
9681        "shipping-icon-2.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/shipping-icon-2_small.png',
9682        "shipping-icon-3.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/shipping-icon-3_small.png',
9683        "shipping-icon-4.png": 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/shipping-icon-4_small.png',
9684    }
9685
9686    // variable from tools
9687    SECOMAPP.variables = {
9688        ...SECOMAPP.variables,
9689        ...null,
9690        ...[],
9691        shipping_product_img: 'https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/shipping_product_small.png'
9692    }
9693
9694    window.fgResource = {
9695        gift: {
9696            js: ["https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/gift.min.js"]
9697        },
9698        bundle: {
9699            js: ["https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/bundle.min.js"],
9700            css: ["https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/bogos.bundle.min.css"]
9701        },
9702        upsell: {
9703            js: ["https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/upsell.min.js"],
9704            css: ["https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/bogos.upsell.min.css"]
9705        },
9706        discount: {
9707            js: ["https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/discount.min.js"],
9708            css: ["https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/bogos.discount.min.css"]
9709        },
9710        "bundle-page": {
9711            js: ["https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/bundle-page.min.js"],
9712            css: ["https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/bogos.bundle-page.min.css"]
9713        },
9714        booster: {
9715            js: ["https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/booster.min.js"],
9716            css: ["https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/bogos.booster.min.css"]
9717        }
9718    }
9719</script>
9719
9720
9721<script defer src="https://static.bogos.io/ZGVybWFsb2dpY2EtdGhhaWxhbmQubXlzaG9waWZ5LmNvbQ==/freegifts_data_1791428738.min.js"></script>
9721
9722<div id="secomapp_freegifts_url" data-url="https://static.bogos.io/ZGVybWFsb2dpY2EtdGhhaWxhbmQubXlzaG9waWZ5LmNvbQ==/freegifts_data_1791428738.min.js"></div>
9723
9724
9725<div id="bogos-gift-script" data-url="https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/gift.min.js"></div> 
9726<div id="bogos-bundle-script" data-url="https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/bundle.min.js"></div>
9727<div id="bogos-upsell-script" data-url="https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/upsell.min.js"></div>
9728<div id="bogos-discount-script" data-url="https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/discount.min.js"></div>
9729<div id="bogos-bundle-page-script" data-url="https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/bundle-page.min.js"></div>
9730<div id="bogos-booster-script" data-url="https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/booster.min.js"></div>
9731<div id="bogos-booster-page-script" data-url="https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/booster-page.min.js"></div>
9732
9733
9734<div id="bogos-bundle-style" data-url="https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/bogos.bundle.min.css"></div>
9735<div id="bogos-upsell-style" data-url="https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/bogos.upsell.min.css"></div>
9736<div id="bogos-discount-style" data-url="https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/bogos.discount.min.css"></div>
9737<div id="bogos-bundle-page-style" data-url="https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/bogos.bundle-page.min.css"></div>
9738<div id="bogos-booster-style" data-url="https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/bogos.booster.min.css"></div>
9739<div id="bogos-booster-page-style" data-url="https://cdn.shopify.com/extensions/01a10aca-fd0f-75eb-bba1-8962568b706e/freegifts-233/assets/bogos.booster-page.min.css"></div>
9740<!-- END app snippet -->
9741
9742
9743<!-- BEGIN app snippet: search -->
9744
9745<!-- END app snippet -->
9746
9747
9748
9749</div>
9749<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
9749
9750</body>
9751</html>
9752
9753
9754

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.