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 – 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"> </div> 1132 <div class="hura-swiper-button swiper-button-next"> </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&width=50 50w, //dermalogica.co.th/cdn/shop/files/dermalogica-logo_215x25_4c804636-350f-4c69-ba99-25d27f9fd153.webp?v=1661772668&width=100 100w, //dermalogica.co.th/cdn/shop/files/dermalogica-logo_215x25_4c804636-350f-4c69-ba99-25d27f9fd153.webp?v=1661772668&width=150 150w, //dermalogica.co.th/cdn/shop/files/dermalogica-logo_215x25_4c804636-350f-4c69-ba99-25d27f9fd153.webp?v=1661772668&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&width=1500" srcset="//dermalogica.co.th/cdn/shop/files/CL_Website_82586ee1-2904-4438-961d-989095661947.jpg?v=1790921620&width=375 375w, //dermalogica.co.th/cdn/shop/files/CL_Website_82586ee1-2904-4438-961d-989095661947.jpg?v=1790921620&width=550 550w, //dermalogica.co.th/cdn/shop/files/CL_Website_82586ee1-2904-4438-961d-989095661947.jpg?v=1790921620&width=750 750w, //dermalogica.co.th/cdn/shop/files/CL_Website_82586ee1-2904-4438-961d-989095661947.jpg?v=1790921620&width=1100 1100w, //dermalogica.co.th/cdn/shop/files/CL_Website_82586ee1-2904-4438-961d-989095661947.jpg?v=1790921620&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&width=1500" srcset="//dermalogica.co.th/cdn/shop/files/CL_website_mobile.jpg?v=1790921415&width=375 375w, //dermalogica.co.th/cdn/shop/files/CL_website_mobile.jpg?v=1790921415&width=550 550w, //dermalogica.co.th/cdn/shop/files/CL_website_mobile.jpg?v=1790921415&width=750 750w, //dermalogica.co.th/cdn/shop/files/CL_website_mobile.jpg?v=1790921415&width=1100 1100w, //dermalogica.co.th/cdn/shop/files/CL_website_mobile.jpg?v=1790921415&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"> à¸à¹à¸ </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"> à¸à¹à¸ </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"> à¸à¹à¸ </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"> à¸à¹à¸ </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"> à¸à¹à¸ </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"> à¸à¹à¸ </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"> à¸à¹à¸ </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"> à¸à¹à¸ </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"> à¸à¹à¸ </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"> à¸à¹à¸ </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"> à¸à¹à¸ </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"> à¸à¹à¸ </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"> à¸à¹à¸ </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"> à¸à¹à¸ </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"> à¸à¹à¸ </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"> à¸à¹à¸ </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">…</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&width=1360" alt="" srcset="//dermalogica.co.th/cdn/shop/files/Current_offer_pop_up.jpg?v=1789359037&width=275 275w, //dermalogica.co.th/cdn/shop/files/Current_offer_pop_up.jpg?v=1789359037&width=550 550w, //dermalogica.co.th/cdn/shop/files/Current_offer_pop_up.jpg?v=1789359037&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&width=5667" alt="" srcset="//dermalogica.co.th/cdn/shop/files/double_cleanse_det.png?v=1787292729&width=275 275w, //dermalogica.co.th/cdn/shop/files/double_cleanse_det.png?v=1787292729&width=550 550w, //dermalogica.co.th/cdn/shop/files/double_cleanse_det.png?v=1787292729&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&width=5667" alt="" srcset="//dermalogica.co.th/cdn/shop/files/free_shipping.png?v=1787292797&width=275 275w, //dermalogica.co.th/cdn/shop/files/free_shipping.png?v=1787292797&width=550 550w, //dermalogica.co.th/cdn/shop/files/free_shipping.png?v=1787292797&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&width=5667" alt="" srcset="//dermalogica.co.th/cdn/shop/files/save_up_to_50.png?v=1787292821&width=275 275w, //dermalogica.co.th/cdn/shop/files/save_up_to_50.png?v=1787292821&width=550 550w, //dermalogica.co.th/cdn/shop/files/save_up_to_50.png?v=1787292821&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&width=5667" alt="" srcset="//dermalogica.co.th/cdn/shop/files/welcome_gift.png?v=1787292842&width=275 275w, //dermalogica.co.th/cdn/shop/files/welcome_gift.png?v=1787292842&width=550 550w, //dermalogica.co.th/cdn/shop/files/welcome_gift.png?v=1787292842&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&width=1360" alt="" srcset="//dermalogica.co.th/cdn/shop/files/Free_trial.png?v=1787292853&width=275 275w, //dermalogica.co.th/cdn/shop/files/Free_trial.png?v=1787292853&width=550 550w, //dermalogica.co.th/cdn/shop/files/Free_trial.png?v=1787292853&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> </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.