PageSourceSearch

https://dermalogica.com.vn/pages/store-locator

html dermalogica.com.vn collected 2026-10-08 08:25:51 UTC 261,543 bytes, 3,595 lines download raw bytes

1
2<!doctype html>
3<html class="no-js" lang="vi">
4  
5  <head><!-- Google Tag Manager -->
6<script>
vendor: 327 bytes, lines 6-10
6(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
7new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
8j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
9'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
10})(window,document,'script','dataLayer','
10GTM-TKWMTXK
vendor: 3 bytes, line 10
10');
10</script>
10
11<!-- End Google Tag Manager --><meta name="google-site-verification" content="cqyntVQZBU8n1GrSTxqBitRyPLlS-OPvrgAFrHDAIis" />
12<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 12-13
12
13<script async src="https://www.googletagmanager.com/gtag/js?id=
13AW-977016070
vendor: 13 bytes, lines 13-14
13">
14</script>
15<script>
16  
vendor: 134 bytes, lines 16-20
16window.dataLayer = window.dataLayer || [];
17  function gtag(){dataLayer.push(arguments);}
18  gtag('js', new Date());
19
20  gtag('config', '
20AW-977016070
vendor: 4 bytes, line 20
20');
21</script>
21
22
23
24
25
26
27
28
29
30
31
32
33    <meta charset="utf-8">
34    <meta http-equiv="X-UA-Compatible" content="IE=edge">
35    <meta name="viewport" content="width=device-width,initial-scale=1">
36    <meta name="theme-color" content="">
37    <link rel="canonical" href="https://dermalogica.com.vn/pages/store-locator">
38    
39    <!-- shopify domains -->
40    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link rel="preconnect" href="https://fonts.googleapis.com">
41    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="dns-prefetch" href="https://cdn.shopify.com" >
42    <link rel="preconnect" href="https://monorail-edge.shopifysvc.com">
43    <link rel="dns-prefetch" href="https://monorail-edge.shopifysvc.com"><link rel="preconnect" href="https://ajax.aspnetcdn.com">
44    <link rel="dns-prefetch" href="https://ajax.aspnetcdn.com">
45    <link rel="preconnect" href="https://cdnjs.cloudflare.com">
46    <link rel="dns-prefetch" href="https://cdnjs.cloudflare.com">
47
48    <!-- Onetrust -->
49    
50<link rel="preload" href="//dermalogica.com.vn/cdn/shop/t/19/assets/base.css?v=160139058402597353311790949498" as="style" >
51    <link rel="preload" href="//dermalogica.com.vn/cdn/shop/t/19/assets/custom-section-style.css?v=156665216863051257651790949498" as="style" >
52
53    <link rel="preload" href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-list-menu.css?v=151968516119678728991713852755" as="style" >
54    <link rel="preload" href="//dermalogica.com.vn/cdn/shop/t/19/assets/custom-base.css?v=171978318326147655191790949498" as="style" >
55    <link rel="preload" href="//dermalogica.com.vn/cdn/shop/t/19/assets/custom-third-party.css?v=76888928788243464731791185373" as="style" >
56    <link rel="preload" href="//dermalogica.com.vn/cdn/shop/t/19/assets/custom-header.css?v=112691771298967970871790949578" as="style" >
57
58    <link rel="preload" href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-slider.css?v=26678786172737760321761548520" as="style" >
59    <link rel="preload" href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-slideshow.css?v=67352343031436539431713852756" as="style" >
60    <link rel="preload" href="//dermalogica.com.vn/cdn/shop/t/19/assets/custom-slideshow.css?v=82128891650081533831713852756" as="style" >
61    <link rel="preload" href="//dermalogica.com.vn/cdn/shop/t/19/assets/section-multicolumn.css?v=138363567467112740511713852757" as="style" >
62
63  
64  
65  
66  
67  
68
69
70    
71
72	
73    <link rel="alternate" href="https://www.dermalogica.co.uk" hreflang="en-gb" />	
74	
75	
76    <link rel="alternate" href="https://www.dermalogica.ie" hreflang="en-ie" />	
77	
78	
79    <link rel="alternate" href="https://www.dermalogica.com.au" hreflang="en-au" />	
80	
81	
82	
83    <link rel="alternate" href="https://www.dermalogica.ca" hreflang="en-ca" />	
84	
85	
86    <link rel="alternate" href="https://www.dermalogica.ca/fr" hreflang="fr-ca" />	
87	
88	
89    <link rel="alternate" href="https://www.dermalogica.com" hreflang="en-us" />	
90	
91	
92    <link rel="alternate" href="https://www.dermalogica.de" hreflang="de-de" />	
93	
94	
95    <link rel="alternate" href="https://www.dermalogica.ch" hreflang="en-ch" />	
96	
97	
98    <link rel="alternate" href="https://www.dermalogica.es" hreflang="es-es" />	
99	
100	
101    <link rel="alternate" href="https://obchod.dermalogica.cz" hreflang="cs-cs" />	
102	
103	
104    <link rel="alternate" href="https://www.dermalogica.com" hreflang="x-default" />	
105	<meta http-equiv="content-language" content="x-default">
106<link rel="icon" type="image/png" href="//dermalogica.com.vn/cdn/shop/files/Untitled_design_14.png?crop=center&height=32&v=1738588893&width=32"><title>Store Locator
107 &ndash; Dermalogica Vietnam</title>
108      <meta name="description" content="  Store Locator is loading from Storemapper store locator app...  ">
109    
110
111    
112<meta property="og:site_name" content="Dermalogica Vietnam">
113<meta property="og:url" content="https://dermalogica.com.vn/pages/store-locator">
114<meta property="og:title" content="Store Locator">
115<meta property="og:type" content="website">
116<meta property="og:description" content="  Store Locator is loading from Storemapper store locator app...  "><meta property="og:image" content="http://dermalogica.com.vn/cdn/shop/files/z4220483523025_a898de9870b3c3810133818f9a032f3d.jpg?v=1738706094">
117  <meta property="og:image:secure_url" content="https://dermalogica.com.vn/cdn/shop/files/z4220483523025_a898de9870b3c3810133818f9a032f3d.jpg?v=1738706094">
118  <meta property="og:image:width" content="1200">
119  <meta property="og:image:height" content="628"><meta name="twitter:card" content="summary_large_image">
120<meta name="twitter:title" content="Store Locator">
121<meta name="twitter:description" content="  Store Locator is loading from Storemapper store locator app...  ">
122
123<script src="//dermalogica.com.vn/cdn/shop/t/19/assets/global.js?v=180451340321367361091790950006" defer="defer"></script>
123
124    
124<script src="//dermalogica.com.vn/cdn/shop/t/19/assets/custom-global.js?v=67194695152136118351791187095" defer="defer"></script>
124<script src="//dermalogica.com.vn/cdn/shop/t/19/assets/hieu-ung-the.js?v=7056646307590365341790949643" defer="defer"></script>
124
125    
125<script async src="https://derm-sync-script.s3.us-east-2.amazonaws.com/dml_bts.min.js"></script>
125
126    
127
128    <!-- START Yotpo -->
129
130
131    
132<script>
133      (function () {
134        var da = false, SK = ['scroll', 'pointerdown', 'touchstart', 'keydown', 'mousemove'];
135        var DS = [
136          'https://cdn-widgetsrepository.yotpo.com/v1/loader/peD5tDkQc0raBTCHpCyiBzCU9RWNnCbzA9ksUepg',
137          '//staticw2.yotpo.com/peD5tDkQc0raBTCHpCyiBzCU9RWNnCbzA9ksUepg/widget.js'
138        ];
139        function napYotpo() {
140          if (da) return; da = true;
141          SK.forEach(function (e) { window.removeEventListener(e, napYotpo, { passive: true }); });
142          DS.forEach(function (u) { var s = document.createElement('script'); s.src = u; s.async = true; document.head.appendChild(s); });
143        }
144        SK.forEach(function (e) { window.addEventListener(e, napYotpo, { passive: true }); });
145        window.addEventListener('load', function () { setTimeout(napYotpo, 6000); });
146      })();
147    </script>
147<!-- END Yotpo -->
147<script src="//dermalogica.com.vn/cdn/shop/t/19/assets/jquery-3.6.1.min.js?v=125460993922723132401790950006" defer="defer"></script>
147<script>
148      (function () {
149        try {
150          var P = window.XMLHttpRequest && XMLHttpRequest.prototype;
151          var d = P && Object.getOwnPropertyDescriptor(P, 'responseText');
152          if (!d || !d.get || !d.configurable) return;
153          Object.defineProperty(P, 'responseText', {
154            configurable: true, enumerable: d.enumerable,
155            get: function () {
156              if (this.responseType === 'json') { try { return this.response == null ? '' : JSON.stringify(this.response); } catch (e) { return ''; } }
157              return d.get.call(this);
158            }
159          });
160        } catch (e) {}
161      })();
162    </script>
162
163
164    
164<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
164<meta name="google-site-verification" content="LnztPl31Qhp8rUX5YKnyeh_eERitishgjF19lLWJkkE">
165<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/50802917581/digital_wallets/dialog">
166<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://dermalogica.com.vn/pages/store-locator">
167<link rel="alternate" hreflang="vi" href="https://dermalogica.com.vn/pages/store-locator">
168<link rel="alternate" hreflang="en" href="https://dermalogica.com.vn/en/pages/store-locator">
169<script async="async" src="/checkouts/internal/preloads.js?locale=vi-VN"></script>
vendor: 1 bytes, line 169
169
170<script id="shopify-features" type="application/json">{"accessToken":"916de0a34740ef7992c806b99eb005bd","betas":["rich-media-storefront-analytics"],"domain":"dermalogica.com.vn","predictiveSearch":true,"shopId":50802917581,"locale":"vi"}</script>
vendor: 1 bytes, line 170
170
171<script>var Shopify = Shopify || {};
172Shopify.shop = "dermalogica-vn.myshopify.com";
173Shopify.locale = "vi";
174Shopify.currency = {"active":"VND","rate":"1.0"};
175Shopify.country = "VN";
176Shopify.theme = {"name":"[HappyPoints] Dermalogica | Production","id":156311355597,"schema_name":"Dawn","schema_version":"6.0.2","theme_store_id":null,"role":"main"};
177Shopify.theme.handle = "null";
178Shopify.theme.style = {"id":null,"handle":null};
179Shopify.cdnHost = "dermalogica.com.vn/cdn";
180Shopify.routes = Shopify.routes || {};
181Shopify.routes.root = "/";
182Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
183Shopify.SignInWithShop = Shopify.SignInWithShop || {};
184Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
185Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 185
185
186<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 186
186
187<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 187
187
188<script>
189  window.Shopify = window.Shopify || {};
190  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
191  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
192  window.Shopify.SignInWithShop.eligible = false;
193</script>
vendor: 1 bytes, line 193
193
194<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 194
194
195<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.vi.esm.js"></script>
vendor: 1 bytes, line 195
195
196<script type="module">
197  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.vi.esm.js");
198
199  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
200
201</script>
vendor: 1 bytes, line 201
201
202<script id="__st">var __st={"a":50802917581,"offset":25200,"reqid":"fc887507-64f6-4279-ab17-958b80b89f70-1791447950","pageurl":"dermalogica.com.vn\/pages\/store-locator","s":"pages-79367471309","u":"612ae464154d","p":"page","rtyp":"page","rid":79367471309};</script>
vendor: 1 bytes, line 202
202
203<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 203
203
204<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:'Được hCaptcha bảo vệ',privacyText:'Quyền riêng tư',termsText:'Điều khoản'},(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 204
204
205<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//dermalogica.com.vn/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 205
205
206<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.com.vn/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>
206<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 206
206
207<script>
208  window.Shopify = window.Shopify || {};
209  window.Shopify.MCP = window.Shopify.MCP || {};
210  window.Shopify.MCP.enabled = true;
211  window.Shopify.MCP.shop = "dermalogica-vn.myshopify.com";
212  window.Shopify.MCP.mcpEndpoint = "https:\/\/dermalogica.com.vn\/api\/mcp";
213  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"]}}];
214</script>
vendor: 1 bytes, line 214
214
215<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.com.vn\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
216</script>
vendor: 1 bytes, line 216
216
217<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.com.vn/cdn/shopifycloud/portable-wallets/latest/portable-wallets.vi.js",t.type="module",document.head.appendChild(t)}};
218</script>
vendor: 1 bytes, line 218
218
219<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
220  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);
221</script>
vendor: 1 bytes, line 221
221
222<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})}}));
223</script>
vendor: 1 bytes, line 223
223
224<script id="sections-script" data-sections="header,footer" defer="defer" src="//dermalogica.com.vn/cdn/shop/t/19/compiled_assets/scripts.js?v=13662804282025885571790949269"></script>
vendor: 1 bytes, line 224
224
225<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
225
226
227
228    <style data-shopify>
229      
230      
231      
232      
233      
234
235      :root {
236        --font-body-family: "Helvetica World", "Helvetica Neue", Helvetica, Arial, sans-serif;
237        --font-body-style: normal;--font-body-weight: 300; /* 01/10 anh Thắng: như web Mỹ/Global (Helvetica 45 Light cho thân bài, 75 Bold để nhấn) */
238        --font-body-weight-bold: 700;
239
240        --font-heading-family: "Helvetica World", "Helvetica Neue", Helvetica, Arial, sans-serif;
241        --font-heading-style: normal;
242        --font-heading-weight: 400;
243
244        --font-body-scale: 1.0;
245        --font-heading-scale: 1.0;
246
247        --color-base-text: 77, 77, 77;
248        --color-shadow: 77, 77, 77;
249        --color-base-background-1: 255, 255, 255;
250        --color-base-background-2: 241, 242, 243;
251        --color-base-solid-button-labels: 241, 242, 243;
252        --color-base-outline-button-labels: 91, 102, 112;
253        --color-base-accent-1: 91, 102, 112;
254        --color-base-accent-2: , , ;
255        --payment-terms-background-color: #ffffff;
256
257        --gradient-base-background-1: #ffffff;
258        --gradient-base-background-2: #f1f2f3;
259        --gradient-base-accent-1: #5b6670;
260        --gradient-base-accent-2: #5d94d6;
261
262        --media-padding: px;
263        --media-border-opacity: 0.05;
264        --media-border-width: 0px;
265        --media-radius: 0px;
266        --media-shadow-opacity: 0.0;
267        --media-shadow-horizontal-offset: 0px;
268        --media-shadow-vertical-offset: 4px;
269        --media-shadow-blur-radius: 5px;
270        --media-shadow-visible: 0;
271
272        --page-width: 160rem;
273        --page-width-margin: 0rem;
274
275        --card-image-padding: 0.0rem;
276        --card-corner-radius: 0.0rem;
277        --card-text-alignment: center;
278        --card-border-width: 0.0rem;
279        --card-border-opacity: 0.1;
280        --card-shadow-opacity: 0.0;
281        --card-shadow-visible: 0;
282        --card-shadow-horizontal-offset: 0.0rem;
283        --card-shadow-vertical-offset: 0.4rem;
284        --card-shadow-blur-radius: 0.5rem;
285
286        --badge-corner-radius: 4.0rem;
287
288        --popup-border-width: 1px;
289        --popup-border-opacity: 0.1;
290        --popup-corner-radius: 0px;
291        --popup-shadow-opacity: 0.0;
292        --popup-shadow-horizontal-offset: 0px;
293        --popup-shadow-vertical-offset: 4px;
294        --popup-shadow-blur-radius: 5px;
295
296        --drawer-border-width: 1px;
297        --drawer-border-opacity: 0.1;
298        --drawer-shadow-opacity: 0.0;
299        --drawer-shadow-horizontal-offset: 0px;
300        --drawer-shadow-vertical-offset: 4px;
301        --drawer-shadow-blur-radius: 5px;
302
303        --spacing-sections-desktop: 0px;
304        --spacing-sections-mobile: 0px;
305
306        --grid-desktop-vertical-spacing: 4px;
307        --grid-desktop-horizontal-spacing: 4px;
308        --grid-mobile-vertical-spacing: 2px;
309        --grid-mobile-horizontal-spacing: 2px;
310
311        --text-boxes-border-opacity: 0.0;
312        --text-boxes-border-width: 0px;
313        --text-boxes-radius: 0px;
314        --text-boxes-shadow-opacity: 0.0;
315        --text-boxes-shadow-visible: 0;
316        --text-boxes-shadow-horizontal-offset: 0px;
317        --text-boxes-shadow-vertical-offset: 4px;
318        --text-boxes-shadow-blur-radius: 5px;
319
320        --buttons-radius: 2px;
321        --buttons-radius-outset: 3px;
322        --buttons-border-width: 1px;
323        --buttons-border-opacity: 1.0;
324        --buttons-shadow-opacity: 0.0;
325        --buttons-shadow-visible: 0;
326        --buttons-shadow-horizontal-offset: 0px;
327        --buttons-shadow-vertical-offset: 12px;
328        --buttons-shadow-blur-radius: 5px;
329        --buttons-border-offset: 0.3px;
330
331        --inputs-radius: 0px;
332        --inputs-border-width: 1px;
333        --inputs-border-opacity: 0.55;
334        --inputs-shadow-opacity: 0.0;
335        --inputs-shadow-horizontal-offset: 0px;
336        --inputs-margin-offset: 0px;
337        --inputs-shadow-vertical-offset: 4px;
338        --inputs-shadow-blur-radius: 5px;
339        --inputs-radius-outset: 0px;
340
341        --variant-pills-radius: 40px;
342        --variant-pills-border-width: 1px;
343        --variant-pills-border-opacity: 0.55;
344        --variant-pills-shadow-opacity: 0.0;
345        --variant-pills-shadow-horizontal-offset: 0px;
346        --variant-pills-shadow-vertical-offset: 4px;
347        --variant-pills-shadow-blur-radius: 5px;
348      }
349
350      *,
351      *::before,
352      *::after {
353        box-sizing: inherit;
354      }
355
356      html {
357        box-sizing: border-box;
358        font-size: calc(var(--font-body-scale) * 62.5%);
359        height: 100%;
360      }body {
361        display: flex;
362        flex-direction: column;
363        min-height: 100%;
364        margin: 0;
365        font-size: 1.5rem;
366        letter-spacing: 0.06rem;
367        line-height: calc(1 + 0.8 / var(--font-body-scale));
368        font-family: var(--font-body-family);
369        font-style: var(--font-body-style);
370        font-weight: var(--font-body-weight);
371      }
372      body > main#MainContent {
373        flex: 1 0 auto;
374      }
375
376      @media screen and (min-width: 750px) {
377        body {
378          font-size: 1.6rem;
379        }
380      }
381    </style>
382<link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-predictive-search.css?v=165644661289088488651713852756" media="print" onload="this.media='all'">
382<script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
383    if (Shopify.designMode) {
384      document.documentElement.classList.add('shopify-design-mode');
385    }
386    </script>
386
387
388  
389  
389<script>
390    window.dsrp = window.dsrp || {};
391    window.dsrp.dsrp_mpb=false;
392    window.dsrp.dsrp_bkas=true;
393  </script>
393
394<!-- BEGIN app block: shopify://apps/t-lab-ai-language-translate/blocks/language_switcher/b5b83690-efd4-434d-8c6a-a5cef4019faf -->
395
396�<!-- BEGIN app snippet: switcher_styling -->
397<style>
398  .tl-switcher-container.hidden {
399      display: none;
400      height: 0;
401      overflow: hidden;
402      opacity: 0;
403  }
404  .tl-switcher-container {
405      position: relative;
406      z-index: 1;
407      line-height: normal;
408  }
409  .tl-switcher-container.desktop {
410      display: inline-flex;
411      align-items: center;
412  }
413  .tl-switcher-container.mobile {
414      display: block;
415  }
416  .tl-custom-position {
417      position: absolute;
418      z-index: 9999;
419      box-shadow: 0 0 10px rgba(0, 0, 0, .15);
420      border-radius: 3px;
421      background-color: #fff;
422  }
423  .tl-wrapper {
424      position: relative;
425  }
426  .tl-dropdown {
427      display: none;
428      position: absolute;
429      top: 100%;
430      left: 0;
431      z-index: 1;
432      min-width: 100%;
433      border-radius: 3px;
434      box-shadow: 0 0 10px rgba(0, 0, 0, .15);
435      background-color: #fff;
436      padding: 16px 15px 17px;
437      font-weight: normal;
438      color: #000;
439  }
440  .tl-dropdown.active {
441      display: block;
442  }
443  .tl-overlay {
444      display: none;
445      position: fixed;
446      top: 0;
447      right: 0;
448      bottom: 0;
449      left: 0;
450      z-index: 9999;
451      background-color: rgba(0, 0, 0, .5);
452      align-items: center;
453      justify-content: center;
454  }
455  .tl-overlay.active {
456      display: flex;
457  }
458  .tl-overlay .tl-inner {
459      display: flex;
460      flex-direction: column;
461      justify-content: center;
462      position: relative;
463      width: 400px;
464      max-width: 95%;
465      min-height: 150px;
466      border-radius: 5px;
467      box-shadow: 0 0 15px rgba(0, 0, 0, .15);
468      background-color: #fff;
469      padding: 25px 5%;
470  }
471  .tl-switcher {
472      position: relative;
473  }
474  .tl-switcher form {
475      margin: 0;
476      overflow: visible;
477  }
478  .tl-select,
479  .tl-selection,
480  .tl-option {
481      display: flex;
482      align-items: center;
483      column-gap: 7px;
484      white-space: nowrap;
485  }
486  .tl-select {
487      border: 1px solid rgba(0, 0, 0, .15);
488      border-radius: 3px;
489      padding: 8px 10px;
490      text-align: left;
491      font-size: 14px;
492      text-transform: capitalize;
493      cursor: pointer;
494  }
495  .tl-select:after {
496      content: "";
497      display: inline-block;
498      width: 7px;
499      height: 7px;
500      margin: 0 5px 0 auto;
501      border-width: 0 1px 1px 0;
502      border-style: solid;
503      border-color: #000;
504      opacity: 0.9;
505      transform: rotate(45deg) translate(0, -40%);
506      transition: 0.3s ease;
507  }
508  .tl-select.open:after {
509      transform: rotate(-135deg) translate(-2px, 0);
510  }
511  .tl-flag {
512      width: 18px;
513      max-width: none;
514      border-radius: 1px;
515      vertical-align: middle;
516      transition: 0.2s ease;
517  }
518  .tl-label {
519      display: inline-block;
520      vertical-align: middle;
521      overflow-x: hidden;
522      text-overflow: ellipsis;
523  }
524  .tl-name {
525      text-transform: capitalize;
526  }
527  .tl-code {
528      text-transform: uppercase;
529  }
530  .tl-selections {
531      display: flex;
532      align-items: center;
533      border: 1px solid rgba(0, 0, 0, .15);
534      border-radius: 3px;
535  }
536  .tl-selections:hover {
537      cursor: pointer;
538  }
539  .tl-selection {
540      padding: 8px 10px;
541  }
542  .tl-selection + .tl-selection {
543      margin-left: -8px;
544  }
545  .tl-invert {
546      filter: invert(100%);
547  }
548  .tl-select:has(.tl-icon):after {
549      display: none;
550  }
551  .tl-close-btn {
552      display: none;
553  }
554  .tl-title {
555      margin: 0 0 7px;
556      text-align: left;
557      font-size: 14px;
558  }
559  .tl-switcher + .tl-title {
560      margin-top: 14px;
561  }
562  .tl-options {
563      display: none;
564      list-style: none;
565      position: absolute;
566      bottom: auto;
567      top: 100%;
568      left: 0;
569      z-index: 1;
570      min-width: 100%;
571      max-height: 170px;
572      margin: 0 0;
573      border-radius: 3px;
574      box-shadow: 0 0 5px 1px rgba(0, 0, 0, .15);
575      overflow-y: auto;
576      background-color: #fff;
577      padding: 6px 1px;
578      text-align: left;
579      font-size: 14px;
580      font-weight: normal;
581      color: #000;
582  }
583  .tl-options.open {
584      display: block;
585  }
586  .tl-option {
587      padding: 5px 10px;
588      text-transform: capitalize;
589      cursor: pointer;
590      transition: 0.2s ease;
591  }
592  .tl-option::before,
593  .tl-option::after {
594      content: none !important;
595  }
596  .tl-select:focus-visible,
597  .tl-option:focus-visible,
598  .tl-selections:focus-visible,
599  .tl-close-btn:focus-visible,
600  .tl-submit-btn:focus-visible {
601      outline: 2px solid #b3b3b3;
602      outline-offset: -2px;
603      /* Blends with the theme text colour where supported, so a dark header keeps
604         a visible ring. The flat grey above stays the fallback. */
605      outline-color: color-mix(in srgb, currentColor 40%, transparent);
606  }
607  .tl-option:hover img {
608      opacity: 0.75;
609  }
610  .tl-btn-container {
611      margin-top: 18px;
612      text-align: center;
613  }
614  .tl-submit-btn {
615      border: none;
616      border-radius: 3px;
617      outline: none;
618      box-shadow: none;
619      background-color: #333;
620      padding: 9px 35px;
621      font-size: 14px;
622      font-weight: bold;
623      color: #fff;
624      text-transform: uppercase;
625      cursor: pointer;
626      transition: 0.2s ease;
627  }
628  .tl-submit-btn:hover {
629      background-color: #222;
630  }
631  .tl-overlay .tl-close-btn {
632      display: block;
633      position: absolute;
634      top: 10px;
635      right: 15px;
636      cursor: pointer;
637  }
638  .tl-overlay .tl-switcher {
639      margin-bottom: 5px;
640  }
641  .tl-overlay .tl-options {
642      padding: 8px 1px;
643  }
644  @supports (-webkit-hyphens:none) {
645      .tl-select,
646      .tl-selection,
647      .tl-option {
648          column-gap: 0;
649      }
650      .tl-select img + .tl-label,
651      .tl-selection img + .tl-label,
652      .tl-option img + .tl-label,
653       div.tl-select:after {
654          margin-left: 7px;
655      }
656  }
657  .tl-switcher-container.tl-custom-position {
658    border-width: 1px;
659    border-style: solid;
660    border-color: #000000;
661    background-color: #ffffff;
662  }
663  .tl-custom-position.top-right {
664    top: 55px;
665    right: 20px;
666    bottom: auto;
667    left: auto;
668  }
669  .tl-custom-position.top-left {
670    top: 55px;
671    right: auto;
672    bottom: auto;
673    left: 20px;
674  }
675  .tl-custom-position.bottom-left {
676    position: fixed;
677    top: auto;
678    right: auto;
679    bottom: 20px;
680    left: 20px;
681  }
682  .tl-custom-position.bottom-right {
683    position: fixed;
684    top: auto;
685    right: 20px;
686    bottom: 20px;
687    left: auto;
688  }
689  .tl-custom-position > div {
690    font-size: 14px;
691    color: #5c5c5c;
692  }
693  .tl-custom-position .tl-label {
694    color: #5c5c5c;
695  }
696  .tl-dropdown.bottom-right,
697  .tl-dropdown.bottom-left {
698    bottom: 100%;
699    top: auto;
700  }
701  .tl-dropdown.top-right,
702  .tl-dropdown.bottom-right {
703    right: 0;
704    left: auto;
705  }
706  .tl-options.bottom-right,
707  .tl-options.bottom-left {
708    bottom: 100%;
709    top: auto;
710  }
711  .tl-options.top-right,
712  .tl-options.bottom-right {
713    right: 0;
714    left: auto;
715  }
716  div:not(.tl-inner) > .tl-switcher .tl-select,
717  div.tl-selections {
718    border-width: 0px;
719  }
720  
721  .tl-label.tl-mobile.tl-code {
722    display: none;
723  }
724  @media all and (max-width: 540px) {
725    .tl-label.tl-mobile.tl-code {
726      display: inline-block;
727    }
728    .tl-label.tl-mobile.tl-name {
729      display: none;
730    }
731  }
732  
733  
734  .tl-label.tl-mobile.tl-code {
735  display: none;
736}
737  
738</style>
739<!-- END app snippet -->
740
741<script type="text/template" id="tl-switcher-template">
742  <div class="tl-switcher-container hidden top-right">
743    
744        <!-- BEGIN app snippet: language_form --><div class="tl-switcher tl-language"><form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/pages/store-locator" />
745    <div class="tl-select" role="button" tabindex="0" aria-haspopup="listbox" aria-expanded="false">
746      �<!-- BEGIN app snippet: language_flag -->
747  <img
748    class="tl-flag"
749    loading="lazy"
750    width="20"
751    height="18"
752    alt="Language switcher country flag for Tiếng Việt"
753    src="https://cdn.shopify.com/extensions/01a0f19a-971b-7f79-878f-357b9347d0a0/content-translation-425/assets/vn.svg"
754  ><!-- END app snippet -->
755            <span class="tl-label tl-mobile tl-code">vi</span>
756            <span class="tl-label tl-mobile tl-name">Tiếng Việt</span>
757      
758    </div>
759    <ul class="tl-options top-right" role="listbox" aria-label="Language">�<!-- BEGIN app snippet: switcher_option --><li
760  class="tl-option active"
761  role="option"
762  tabindex="-1"
763  aria-selected="true"
764  data-value="vi"
765><!-- BEGIN app snippet: language_flag -->
766  <img
767    class="tl-flag"
768    loading="lazy"
769    width="20"
770    height="18"
771    alt="Language dropdown option country flag for Tiếng Việt"
772    src="https://cdn.shopify.com/extensions/01a0f19a-971b-7f79-878f-357b9347d0a0/content-translation-425/assets/vn.svg"
773  ><!-- END app snippet -->
774              <span class="tl-label tl-name">Tiếng Việt</span>�</li>
775<!-- END app snippet -->�<!-- BEGIN app snippet: switcher_option --><li
776  class="tl-option "
777  role="option"
778  tabindex="-1"
779  aria-selected="false"
780  data-value="en"
781><!-- BEGIN app snippet: language_flag -->
782  <img
783    class="tl-flag"
784    loading="lazy"
785    width="20"
786    height="18"
787    alt="Language dropdown option country flag for English"
788    src="https://cdn.shopify.com/extensions/01a0f19a-971b-7f79-878f-357b9347d0a0/content-translation-425/assets/gb.svg"
789  ><!-- END app snippet -->
790              <span class="tl-label tl-name">English</span>�</li>
791<!-- END app snippet -->
792    </ul>
793    <input type="hidden" name="country_code" value="VN">
794    <input type="hidden" name="language_code" value="vi"></form>
795</div>
796<!-- END app snippet -->
797
798      
799    <!-- BEGIN app snippet: hidden_language_list --><div class="tl-languages-unwrap" style="display: none;"><form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/pages/store-locator" />
800    <ul class="tl-options" role="listbox" aria-label="Language">�<!-- BEGIN app snippet: switcher_option --><li
801  class="tl-option active"
802  role="option"
803  tabindex="-1"
804  aria-selected="true"
805  data-value="vi"
806>
807              <span class="tl-label tl-name">Tiếng Việt</span>�</li>
808<!-- END app snippet -->�<!-- BEGIN app snippet: switcher_option --><li
809  class="tl-option "
810  role="option"
811  tabindex="-1"
812  aria-selected="false"
813  data-value="en"
814>
815              <span class="tl-label tl-name">English</span>�</li>
816<!-- END app snippet -->
817    </ul>
818    <input type="hidden" name="country_code" value="VN">
819    <input type="hidden" name="language_code" value="vi"></form>
820</div>
821<!-- END app snippet -->
822  </div>
823</script>
823
824
825<script defer="defer" src="https://cdn.shopify.com/extensions/01a0f19a-971b-7f79-878f-357b9347d0a0/content-translation-425/assets/advanced-switcher-init.js" type="text/javascript"></script>
825
826
827<script>
828  (function () {
829
830    if (typeof window.TranslationLab === 'undefined') {
831      window.TranslationLab = {};
832    }
833
834    window.TranslationLab.CurrencySettings = {
835      themeMoneyFormat: "{{amount_no_decimals_with_comma_separator}}₫",
836      themeMoneyWithCurrencyFormat: "{{amount_no_decimals_with_comma_separator}} VND",
837      format: 'money_with_currency_format',
838      isRtl: false
839    };
840
841    window.TranslationLab.switcherSettings = {
842      switcherMode: 'language',
843      labelType: 'language-code-mobile',
844      showFlags: true,
845      useSwitcherIcon: false,
846      imgFileTemplate: 'https://cdn.shopify.com/extensions/01a0f19a-971b-7f79-878f-357b9347d0a0/content-translation-425/assets/[country-code].svg',
847
848      isModal: false,
849
850      currencyFormatClass: 'span.money, span.tlab-currency-format, .price-item, .price, .price-sale, .price-compare, .product__price, .product__price--sale, .product__price--old, .jsPrice',
851      shopCurrencyCode: "VND" || "VND",
852
853      langCurrencies: [{"languageCode":"en","currencies":[{"code":"VND"}]},{"languageCode":"vi","currencies":[{"code":"VND"}]},{"languageCode":"vi-VN","currencies":[{"code":"VND"}]}],
854
855      currentLocale: 'vi',
856      languageList: [{"iso_code":"vi","display_code":"vi","endonym_name":"Tiếng Việt"},{"iso_code":"en","display_code":"en","endonym_name":"English"}],
857
858      currentCountry: 'VN',
859      availableCountries: [],
860
861      regionLanguages: null,
862
863      countryRegionAndLanguageCombinedSave: false,
864
865      addNoRedirect: false,
866      addLanguageCode: false,
867    };
868
869    function getShopifyThemeName() {
870      if (window.Shopify && window.Shopify.theme && window.Shopify.theme.name) {
871        return window.Shopify.theme.name.toLowerCase();
872      }
873      return null;
874    }
875
876    function find(collection, predicate) {
877      for (var i = 0; i < collection.length; i++) {
878        if (predicate(collection[i])) {
879          return collection[i];
880        }
881      }
882      return null;
883    }
884
885    function getCurrenciesForLanguage(languageCode, languageCurrencies, defaultCurrencyCode) {
886      if (!languageCode || !languageCurrencies) {
887        return {
888          languageCode: '',
889          currencies: [{ code: defaultCurrencyCode }]
890        };
891      }
892      const langCodePart = languageCode.split('-')[0];
893      const langCurrencyMapping = find(languageCurrencies, function(x) { return x.languageCode === languageCode || x.languageCode === langCodePart; });
894      const defaultCurrenciesForLanguage = {
895        languageCode: languageCode,
896        currencies: [{ code: defaultCurrencyCode }]
897      };
898      return langCurrencyMapping ?? defaultCurrenciesForLanguage;
899    }
900
901    function findCurrencyForLanguage(langCurrencies, languageCode, currencyCode, defaultCurrencyCode) {
902      if (!languageCode) return null
903      const langCurrencyMapping = getCurrenciesForLanguage(languageCode, langCurrencies, defaultCurrencyCode);
904      if (!currencyCode)  return langCurrencyMapping.currencies[0];
905      const currency = find(langCurrencyMapping.currencies, function(currency) { return currency.code === currencyCode; });
906      if (!currency) return langCurrencyMapping.currencies[0];
907      return currency;
908    }
909
910    function getCurrentCurrencyCode(languageCurrencies, language, shopCurrencyCode) {
911      const queryParamCurrencyCode = getQueryParam('currency');
912      if (queryParamCurrencyCode) {
913        window.TranslationLab.currencyCookie.write(queryParamCurrencyCode.toUpperCase());
914        deleteQueryParam('currency');
915      }
916
917      const savedCurrencyCode = window.TranslationLab.currencyCookie.read() ?? null;
918      const currencyForCurrentLanguage = findCurrencyForLanguage(languageCurrencies, language.iso_code, savedCurrencyCode, shopCurrencyCode);
919      return currencyForCurrentLanguage ? currencyForCurrentLanguage.code : shopCurrencyCode;
920    }
921
922    function getQueryParam(param) {
923      const queryString = window.location.search;
924      const urlParams = new URLSearchParams(queryString);
925      const paramValue = urlParams.get(param);
926      return paramValue;
927    }
928
929    function deleteQueryParam(param) {
930      const url = new URL(window.location.href);
931      url.searchParams.delete(param);
932      window.history.replaceState({}, '', url.toString());
933    }
934
935    window.TranslationLab.currencyCookie = {
936        name: 'translation-lab-currency',
937        write: function (currency) {
938            window.localStorage.setItem(this.name, currency);
939        },
940        read: function () {
941            return window.localStorage.getItem(this.name);
942        },
943        destroy: function () {
944            window.localStorage.removeItem(this.name);
945        }
946    }
947
948    window.TranslationLab.currencyService = {
949      getCurrenciesForLanguage: getCurrenciesForLanguage,
950      findCurrencyForLanguage: findCurrencyForLanguage,
951      getCurrentCurrencyCode: getCurrentCurrencyCode
952    }
953
954    var switcherOptions = {
955      shopifyThemeName: getShopifyThemeName(),
956      switcherPrototypeSelector: '.tl-switcher-container.hidden',
957      switcherPosition: "custom",
958      headerRefElement: "",
959      headerRelativePosition: "before",
960      mobileRefElement: "",
961      mobileRelativePosition: "before",
962    };
963
964    window.TranslationLab.switcherOptions = switcherOptions;
965
966    if (window.TranslationLab.Switcher) {
967      window.TranslationLab.Switcher.configure(switcherOptions);
968    }
969
970  })();
971</script>
971
972
973
974
975<script defer="defer" src="https://cdn.shopify.com/extensions/01a0f19a-971b-7f79-878f-357b9347d0a0/content-translation-425/assets/advanced-switcher.js" type="text/javascript"></script>
975
976
977
978
979
980<!-- END app block --><!-- BEGIN app block: shopify://apps/t-lab-ai-language-translate/blocks/custom_translations/b5b83690-efd4-434d-8c6a-a5cef4019faf --><!-- BEGIN app snippet: custom_translation_scripts -->
980<script>
981var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(r){for(var n,t=1,e=arguments.length;t<e;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(r[a]=n[a]);return r}).apply(this,arguments)},__spreadArray=this&&this.__spreadArray||function(r,n,t){if(t||2===arguments.length)for(var e,a=0,i=n.length;a<i;a++)!e&&a in n||((e=e||Array.prototype.slice.call(n,0,a))[a]=n[a]);return r.concat(e||Array.prototype.slice.call(n))};(()=>{var C=/\([0-9]+?\)$/,G=/\r?\n|\r|\t|\xa0|\u200B|\u200E|&nbsp;| /g,t=/<\/?[a-z][\s\S]*>/i,p=/^(https?:\/\/|\/\/)[^\s/$.?#].[^\s]*$/i,J=/\{\{\s*([a-zA-Z_]\w*)\s*\}\}/g,g=/\{\{\s*([a-zA-Z_]\w*)\s*\}\}/,tr=/\{\{\s*[a-zA-Z_]\w*\s*\}\}/g,l=/^(https:)?\/\/cdn\.shopify\.com\/(.+)\.(png|jpe?g|gif|webp|svgz?|bmp|tiff?|ico|avif)/i,m=/^(https:)?\/\/cdn\.shopify\.com/i,s=/\b(?:https?|ftp)?:?\/\/?[^\s\/]+\/[^\s]+\.(?:png|jpe?g|gif|webp|svgz?|bmp|tiff?|ico|avif)\b/i,h=/url\(['"]?(.*?)['"]?\)/,d="__label:",n=document.createElement("textarea"),o=new DOMParser,z=new Set(["SCRIPT","IFRAME","OBJECT","EMBED","LINK","META","BASE"]),W=/^(on\w+|srcdoc)$/i,F=/(expression|javascript:|@import|url\s*\()/i,q=new Set(["href","action","formaction","xlink:href"]),er=/^(?:javascript|vbscript|data):/i,ar=document.createElement("template"),O={t:"a",i:"button",u:"div",o:"iframe",l:"img",v:"input",p:"p",g:"picture",m:"section",h:"source",T:"span",S:"textarea",_:"video"},x={M:["src","data-src","data-source","data-href","data-zoom","data-master","data-bg","base-src"],A:"src",k:"data-src",I:["srcset","data-srcset"],R:"srcset",C:"data-srcset",O:["alt"],N:["href","data-href"],D:["href","data-href","data-src","data-zoom"],L:["src","data-src","data-bg"],P:["data-bgset"],H:["data-href"],U:["src"],j:["srcset","data-srcset"],W:["src"],F:["src"],q:["poster"],G:"value",J:"type",$:"value",B:["placeholder"],V:["placeholder"],Y:["data-label","title"],Z:["data-tooltip"],X:"class",K:"href"},k=Array.from(new Set(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([],x.M,!0),x.I,!0),x.F,!0),x.q,!0),x.O,!0),["style"],!1),x.P,!0))),ir=new Set(k),ur=new Set([O.l,O.g,O.i,O.p,O.t,O.v]),or=new Set([O.l,O.g,O.u,O.m,O._]),I=new Set([O.l,O.h]),fr=new Set([O.g,O._]),R=[O.l,O.g,O.h].join(", "),N=[O._,"".concat(O.u,"[data-bg]"),"".concat(O.u,"[data-src]"),"".concat(O.u,"[data-bgset]"),"".concat(O.m,"[data-bg]"),"".concat(O.m,"[data-src]"),"".concat(O.m,"[data-bgset]")].join(", "),u=R+", "+N,cr=16.67,lr=500,D=function(r){return r.nodeType===Node.ELEMENT_NODE},L=function(r){return r.nodeType===Node.TEXT_NODE};function P(r){return r&&"none"!==r&&(r=r.match(h))&&r[1]?r[1]:null}function H(r){r=r.trim();return l.test(r)||s.test(r)}function U(r){return t.test(r)}function j(r){r=r.trim();return"/"===r[0]&&"/"!==r[1]}var $=function(r){return!r||0===r.trim().length};function B(r){return r.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}function V(t){var e=new Map;return{get:function(r){var n;if(e.has(r))return n=e.get(r),e.delete(r),e.set(r,n),n},set:function(r,n){e.has(r)?e.delete(r):e.size>=t&&e.delete(e.keys().next().value),e.set(r,n)}}}function Y(r,n){var t=r.get(n);return t||r.set(n,t=[]),t}function Z(r){return-1===r.indexOf("&")?r:(n.innerHTML=r,n.value)}function v(r){return X(Z(r))}function X(r){return r.trim().replace(C,"").replace(G,"").trim()}var b=1e3;function K(r){var n=r.length>b;return{key:n?gr(r):r,rr:n,nr:r.length}}function Q(r){return K(r.trim().replace(G,"").replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&quot;/g,'"').replace(/&#39;/g,"'").replace(/&amp;/g,"&").trim())}function rr(r){return Q(r).key}var w=/<\s*([a-z][\w:-]*)\b(?:[^>"']|"[^"]*"|'[^']*')*>/gi,f="__IGNORED__";function r(r){return new RegExp("(\\s)(".concat(r,")\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s\"'=<>]+)"),"i")}var a,i,c=[{name:x.X,pattern:r(x.X)},{name:x.K,pattern:r(x.K),tr:O.t}];function sr(r){return r.replace(w,function(r,n){for(var t,e=n.toLowerCase(),a=r,i=0;i<c.length;i++){var u=c[i];void 0!==u.tr&&u.tr!==e||(t=a,u=u.pattern,a=t.replace(u,function(r,n,t){return"".concat(n).concat(t,'="').concat(f,'"')}))}return a})}function dr(r){for(var n,t=[],e=/<\s*(\/?)\s*([a-z][\w:-]*)\b/gi;null!==(n=e.exec(r));)t.push(n[1]+n[2].toLowerCase());return t.join("|")}function vr(r){for(var r=o.parseFromString(r,"text/html"),i=r.body.querySelectorAll("*"),n=function(r){for(var a=i[r],n=Array.from(a.attributes).map(function(r){var n,t,e=r.name.toLowerCase();return{name:e,value:(n=a.localName,t=e,c.some(function(r){return r.name===t&&(void 0===r.tr||r.tr===n)})?f:r.value)}}).sort(function(r,n){return r.name.localeCompare(n.name)||r.value.localeCompare(n.value)});0<a.attributes.length;)a.removeAttribute(a.attributes[0].name);for(var t=0;t<n.length;t++){var e=n[t];a.setAttribute(e.name,e.value)}},t=0;t<i.length;t++)n(t);return r.body.innerHTML}function T(r,n,t){r=r.getAttribute(t);null===r?n.removeAttribute(t):n.setAttribute(t,r)}function pr(r,n){var r=o.parseFromString(r,"text/html"),n=o.parseFromString(n,"text/html"),t=r.body.querySelectorAll("*"),e=n.body.querySelectorAll("*");if(((r,n)=>{if(r.length===n.length){for(var t=0;t<r.length;t++)if(r[t].localName!==n[t].localName)return;return 1}})(t,e))for(var a=0;a<t.length;a++)T(t[a],e[a],x.X);var i=r.body.querySelectorAll(O.t),u=n.body.querySelectorAll(O.t);if(i.length!==u.length)return null;for(a=0;a<i.length;a++)T(i[a],u[a],x.K);return n.body.innerHTML}function nr(r){return r.trim().toLowerCase().replace(/^https:/i,"")}function gr(r){for(var n=5381,t=0;t<r.length;t++)n=(n<<5)+n^r.charCodeAt(t);return(n>>>0).toString(36)}function mr(r,n,t){void 0===t&&(t=20);for(var e=r,a=0;e&&e.parentElement&&a<t;){for(var i=e.parentElement,u=0,o=n;u<o.length;u++)for(var f=o[u],c=0,l=f.er;c<l.length;c++){var s=l[c];switch(s.type){case"class":for(var d=0,v=i.classList;d<v.length;d++){var p=v[d];if(s.value.test(p))return f.label}break;case"id":if(i.id&&s.value.test(i.id))return f.label;break;case"attribute":if(i.hasAttribute(s.name)){if(!s.value)return f.label;var g=i.getAttribute(s.name);if(g&&s.value.test(g))return f.label}}}e=i,a++}return"unknown"}function hr(){var l=/([^\s]+)\.(png|jpe?g|gif|webp|svgz?|bmp|tiff?|ico|avif)$/i,s=/_(\{width\}x*|\{width\}x\{height\}|\d{3,4}x\d{3,4}|\d{3,4}x|x\d{3,4}|pinco|icon|thumb|small|compact|medium|large|grande|original|master)(_crop_\w+)*(@[2-3]x)*(.progressive)*$/i,d=/^(https?|ftp|file):\/\//i;function t(r){var n,t="".concat(r.path).concat(r.ar).concat(null!=(t=r.size)?t:"",".").concat(r.ir);return r.ur&&(t="".concat(r.path).concat(r.ur,"/").concat(r.ar).concat(null!=(n=r.size)?n:"",".").concat(r.ir)),r.host&&(t="".concat(null!=(n=r.protocol)?n:"","//").concat(r.host).concat(t)),r.cr&&(t+=r.cr),t}return{lr:function(r){var n,t=!0,e=(d.test(r)||r.startsWith("//")||(t=!1,r="https://example.com"+r),t);r.startsWith("//")&&(e=!1,r="https:"+r);try{n=new URL(r)}catch(r){return null}var a,i,u,o,f,c,r=n.pathname.split("/").filter(function(r){return r});return r.length<1||(i=r.pop(),a=null!=(a=r.pop())?a:null,null===(i=i.match(l)))?null:(c=i[1],i=i[2],u=c.match(s),o=c,(f=null)!==u&&(o=c.substring(0,u.
981index),f=u[0]),c=0<r.length?"/"+r.join("/")+"/":"/",{protocol:e?n.protocol:null,host:t?n.host:null,path:c,cr:n.search,ur:a,ar:o,size:f,ir:i,version:n.searchParams.get("v"),width:n.searchParams.get("width")})},sr:t,dr:function(r){var n=r.ur?"/".concat(r.ur):"";return"".concat(n,"/").concat(r.ar,".").concat(r.ir)},vr:function(r,n){return t(__assign(__assign({},n),{size:r.size}))}}}function y(p,r){var u={},o={},f=new Map,c=[],l=new Map,s=new Map,d=new Map,v=new Map,i=new Map,a=new Map,t=new Map,g=function(r){return r.toLowerCase().replace(/[\s\W_]+/g,"")},m=new Set(r.pr.map(g)),h=0,b=0,w=0,T=!1,y=!1,S=!0,_=[],M=new Set,A=/\w/;function E(r){if(!u[r])for(var n=0;n<_.length;n++){var t=_[n];if(!(r===t||r.length>t.length))for(var e=t.indexOf(r);-1!==e;){var a=0<e?t[e-1]:null,i=e+r.length<t.length?t[e+r.length]:null;if(!(null!==a&&A.test(a)||null!==i&&A.test(i)))return u[r]=t,void((a=f.get(r))&&(o[r]=X(a)));e=t.indexOf(r,e+1)}}}var k=hr();function I(r,n,t){return r&&n&&!(0<m.size&&m.has(g(r)))&&(t.set(r,n),T=!0)}function R(r){var n=k.dr(r);return["".concat(n,"?v=").concat(r.version||"0").toLowerCase(),n.toLowerCase()]}function H(r){var n=[nr(r)],r=k.lr(r);if(r)for(var t=0,e=R(r);t<e.length;t++){var a=e[t];n.push(a)}return n}var U=16;function C(r,f,c,i,n){if(0!==f.size){var l=new Set,s=[];f.forEach(function(r,n){for(var t=new Set,e=r;e;){var a=c(e);if(-1!==a.indexOf(n))return void s.push(n);if(a.some(function(r){return t.has(r)}))break;for(var i=0,u=a;i<u.length;i++){var o=u[i];t.add(o)}e=(r=>{for(var n=0,t=c(r);n<t.length;n++){var e=t[n];if(l.has(e))return null!=(e=f.get(e))?e:null}return null})(e)}l.add(n)});for(var t=0,e=s;t<e.length;t++){var a=e[t];f.delete(a),null!=n&&n(a,null)}var u=[];f.forEach(function(r,n){for(var t=r,e=U;0<e;e--){var a=i(t);if(!a)break;t=a}t!==r&&u.push([n,t])});for(var o=0,d=u;o<d.length;o++){var v=d[o],a=v[0],v=v[1];f.set(a,v),null!=n&&n(a,v)}(0<s.length||0<u.length)&&p.log("dictionary","Cycles resolved in ".concat(r,". Dropped:"),s,"Collapsed:",u)}}var e=new Map;function j(r,n){r=e.get(r);r&&(null===n?f.delete(r):f.set(r,n))}function z(r,n){var t,e;return $(r)||0===f.size&&0===c.length?null:(t=X(r),S||M.has(t)||!f.has(t)||(M.add(t),E(t)),(e=u[t])&&(p.log("dictionary",'Overlapping text: "'.concat(r,'" related to html: "').concat(e,'"')),n)&&(r=>{if(r&&!D(r.textContent))for(var n=x(r.outerHTML),t=n.gr,e=(n.mr||(t=0),r.parentElement),a=0;e&&a<5;){if(D(e.textContent))return;var i=x(e.outerHTML),u=i.mr,i=i.gr;if(u){if(p.log("dictionary","Ancestor depth ".concat(a,": overlap score=").concat(i.toFixed(3),", base=").concat(t.toFixed(3))),t<i)return 1;if(i<t&&0<t)return}e=e.parentElement,a++}})(n)?(p.log("dictionary",'Skipping text translation for "'.concat(r,'" because an ancestor HTML translation exists')),null):f.get(t)||($(e=r)||0===c.length?null:(e=e.trim(),void 0===(n=N.get(e))&&(n=(r=>{for(var n,t,e=r.replace(/\s+/g,""),a=0;a<c.length;a++){var i=c[a];if(!i.hr||-1!==e.indexOf(i.hr)){var u=r.match(i.br);if(u&&1<u.length){n=i.mr,t=u;break}}}if(n&&t){var o=t.slice(1),f=n.match(J);if(f&&f.length===o.length)return f.reduce(function(r,n,t){return r.replace(n,function(){return o[t]})},n)}return null})(e),N.set(e,n)),n)))}var O=V(500);function x(r){if($(r)||0===l.size)return{mr:null,gr:0};var r=Q(r),t=r.key;if(t.length>b)return{mr:null,gr:0};var e=null,a=0,n=l.get(t);if(null!=n)return{mr:n,gr:1};if(r.rr)return{mr:null,gr:0};n=O.get(t);if(n)return n;l.forEach(function(r,n){-1!==n.indexOf(t)&&(n=t.length/n.length,a<n)&&(a=n,e=r)});r={mr:e,gr:a};return O.set(t,r),r}var N=V(1e3);function D(r){var n=w;if(r&&!(r.length<=n))for(var t=0,e=0;e<r.length;e++){var a=r.charCodeAt(e);if(32!==a&&9!==a&&10!==a&&13!==a&&160!==a&&8203!==a&&8206!==a&&++t>n)return!0}return!1}function W(r){if($(r)||0===l.size)return null;var n=l.get(rr(r));if(null!=n)return n;if(0===s.size)return null;if(-1===r.indexOf("<"))return null;var n=dr(r),t=v.get(n);if(!t||0===t.length)return null;var e,n=sr(r),n=d.get(n);if(n&&0<n.length)return e=n[0].mr,n.some(function(r){return r.mr!==e})?null:pr(r,e);for(var a=vr(r),i=null,u=0;u<t.length;u++){var o=t[u];
981if(null!=o.wr||(o.wr=vr(o.Tr)),a===o.wr){if(i&&i.mr!==o.mr)return null;i=o}}return i?pr(r,i.mr):null}function L(r){if(!$(r)&&0!==i.size){var n=i.get(nr(r));if(n)return n;n=k.lr(r);if(n)for(var t=0,e=R(n);t<e.length;t++){var a=e[t],a=i.get(a);if(a)return a}}return null}function P(r){return!$(r)&&0!==a.size&&null!=(r=a.get(nr(r)))?r:null}function F(r){var n;return!$(r)&&0!==t.size&&null!=(n=null!=(n=t.get(X(r)))?n:t.get(rr(r)))?n:null}function q(){var r={yr:f,Sr:c.map(function(r){return{pattern:r.br.source,mr:r.mr}}),_r:l,Mr:i,Ar:a,Er:t,kr:T,Ir:0<i.size,Rr:h,Cr:o};return JSON.stringify(r,function(r,n){var t;return n instanceof Map?(t={},n.forEach(function(r,n){t[String(n)]=r}),t):n})}return{Or:function(r,n){I(r,n,f)},Nr:function(r,n){if(r&&n&&!(0<m.size&&m.has(g(r)))){var r=r.trim(),t=r.match(J);if(t&&0!==t.length){var e,a=B(r);t.forEach(function(r){a=a.replace(B(r),function(){return"([\\s\\S]*)"})}),a="\\s*"+(a=a.replace(/\s+/g,"\\s+"))+"\\s*";try{e=new RegExp("^"+a+"$")}catch(r){return void p.log("dictionary","Skipping invalid string template pattern",a,String(r))}for(var i=r.split(tr).map(function(r){return r.replace(/\s+/g,"")}),u="",o=0;o<i.length;o++)i[o].length>u.length&&(u=i[o]);c.push({br:e,mr:n,hr:u}),T=!0}}},Dr:function(r,n){var t,e,a;r!==n&&I(e=(t=K(Z(r).trim().replace(G,"").trim())).key,n,l)&&((a=s.get(r))?(a.mr=n,a.wr=void 0):(a={mr:n,Tr:sr(r)},s.set(r,a),Y(d,a.Tr).push(a),Y(v,dr(r)).push(a)),h=Math.max(h,r.length),b=Math.max(b,e.length),w=Math.max(w,t.nr))},Lr:function(r,n){if(I(r,n,i),r=k.lr(r))for(var t=0,e=R(r);t<e.length;t++)I(e[t],n,i)},Pr:function(r,n){I(r,n,a)},Hr:function(r,n,t){I(r,t,a),I(n,t,f),e.set(r,n)},Ur:function(r,n){y=!0,I(r,n,t)},jr:function(){var n,t,e;return C("images",i,H,L),C("links",a,function(r){return[nr(r)]},P,j),p.log("dictionary","Translation dictionaries: ",q),0<l.size&&0<f.size&&(n=Array.from(f.keys()),_=Array.from(l.keys()),S=!1,t=0,(e=function(){for(var r=performance.now();t<n.length;)if(E(n[t++]),8<=performance.now()-r)return void window.setTimeout(e,0);S=!0,p.log("dictionary","appliedTextTranslations: ",function(){return JSON.stringify(o)}),p.log("dictionary","overlappingTexts: ",function(){return JSON.stringify(u)})})()),{kr:T,Ir:0<i.size,zr:y,Wr:D,Fr:z,qr:W,Gr:L,Jr:P,$r:F}}}}function S(r,n,t){function l(r,n){n=r.split(n);return 2===n.length?n[1].trim()?n:[n[0]]:[r]}var s=y(t,n);return r.forEach(function(r){if(r){var f,c=r.name,r=r.value;if(c&&r){if("string"==typeof r)try{f=JSON.parse(r)}catch(r){return void t.log("dictionary","Invalid metafield JSON for "+c,function(){return String(r)})}else f=r;f&&Object.keys(f).forEach(function(e){if(e){var r,n,a=f[e];if(a)if(e!==a)if(c.includes("judge"))r=v(e),s.Ur(r,a);else if(e.startsWith("[img-src]"))n=nr(e.replace("[img-src]","")),s.Lr(n,a);else if(U(e))s.Dr(e,a);else if(H(e))n=nr(e),s.Lr(n,a);else if(r=(r=e).trim(),p.test(r)||m.test(r))n=nr(e),s.Pr(n,a);else if(j(e))n=nr(e),o=v(e),s.Hr(n,o,a);else if(g.test(e))s.Nr(e,a);else if(e.startsWith(d))n=a.replace(d,""),o=e.replace(d,""),s.Or(v(o),n);else{if("product_tags"===c)for(var t=0,i=["_",":"];t<i.length;t++){var u=(r=>{if(e.includes(r)){var n=l(e,r),t=l(a,r);if(n.length===t.length)return n.forEach(function(r,n){r!==t[n]&&(s.Or(v(r),t[n]),s.Or(v("".concat(r,":")),"".concat(t[n],":")))}),{value:void 0}}})(i[t]);if("object"==typeof u)return u.value}var o=v(e);o!==a&&s.Or(o,a)}}})}}}),s.jr()}function _(u,a){var e=[{label:"judge-me",er:[{type:"class",value:/jdgm/i},{type:"class",value:/^jm-review/i},{type:"id",value:/judge-me/i},{type:"attribute",name:"data-widget-name",value:/review_widget/i}]}],f=hr(),n=new Set(a.Br),i=0,o=new WeakMap;function c(r){var n,t=r.parentElement;return t?(n=o.get(t))&&n.Vr===i?n.Yr:(n=mr(r,e,5),o.set(t,{Vr:i,Yr:n}),n):mr(r,e,5)}var l=new WeakMap;function s(r,n,t){r.getAttribute(n)!==t&&r.setAttribute(n,t);var e=l.get(r);e||l.set(r,e={}),e[n]=t}function d(r,n,t){r=l.get(r);return r&&r[n]===t}function v(r,n,t){if(r.hasAttributes())for(var e=0;e<n.length;e++){var a=n[e],i=r.getAttribute(a);!i||d(r,a,i)||(i=t(a,i))&&s(r,a,i)}}function p(r,n,t){v(r,n,function(r,n){return r.includes("href")&&null!=(r=t.Jr(n))?r:t.Fr(n)})}function g(r,n,t){v(r,n,function(r,n){return t.Jr(n)})}function m(r,n,t){v(r,[n],function(r,n){return t.Fr(n)})}function h(r,n,t){for(var e,a,i,u,o,f=0;f<n.length;f++)a=n[f],i=t,o=u=void 0,(o=(e=r).getAttribute(a))&&!d(e,a,o)&&(o=nr(o.split("&")[0]),(u=S(o,i))?s(e,a,u):(u=i.Jr(o))&&s(e,a,u))}function b(r,n,t){for(var e,a,i,u,o=0;o<n.length;o++)a=n[o],i=t,u=void 0,(u=(e=r).getAttribute(a))&&!d(e,a,u)&&(u=((r,n)=>{if(0!==(r=r.split(",").filter(function(r){return r&&""!==r.trim()}).map(y)).length){var t=r[0].url,t=S(t=r[0].version?"".concat(t,"?").concat(r[0].version):t,n);if(t){var u=f.lr(t);if(u)return r.map(function(r){var n,t,e=u,a=r.url,i=f.lr(a);return i&&(a=f.vr(i,e)),r.Zr&&(i=r.Zr.split("&"),n=i.map(function(r){return r.split("=")[0]}),e=a.indexOf("?"),t=-1===e?[]:a.slice(e+1).split("&").filter(function(r){return-1===n.indexOf(r.split("=")[0])}),e=-1===e?a:a.slice(0,e),a="".concat(e,"?").concat(t.concat(i).join("&"))),a=r.size?"".concat(a," ").concat(r.size):a}).join(",")}}})(u,i))&&s(e,a,u)}function w(r,n){for(var t=r.childNodes,e=0;e<t.length;e++){var a=t[e],i=a.localName?n[a.localName]:null;i&&i(a)}}function T(r){return(r=r&&(null==(r=r.split(",")[0])?void 0:r.trim()))&&r.split(/\s+/)[0]||null}function y(r){var r=r.trim().split(/\s+/),n=r[0].split("?"),t=n[0],n=n[1],n=n?n.split("&"):[];
981return{url:t,version:((r,n)=>{for(var t=0;t<r.length;t++)if(n(r[t]))return r[t];return null})(n,function(r){return r.startsWith("v=")}),Zr:n.filter(function(r){return!r.startsWith("v=")}).join("&"),size:r[1]}}function S(r,n){var t=f.lr(r);return null===t?null:(r=n.Gr(r))?null===(r=f.lr(r))?null:f.vr(t,r):(r=f.dr(t),null===(n=n.Gr(r))||null===(r=f.lr(n))?null:f.vr(t,r))}function _(r,n,t){var e,a;if(e=x.D,a=n,v(r,e,function(r,n){return H(n)?a.Gr(n):a.Jr(n)}),t.Xr)for(var i=r,u=x.N,o=t.Kr,f=0;f<u.length;f++){var c,l=u[f],s=i.getAttribute(l);s&&(c=s===o||s.startsWith(o+"/")||s.startsWith(o+"?")||s.startsWith(o+"#"),j(s))&&!c&&(c="".concat(o).concat(s),i.setAttribute(l,c))}}function M(r,n){((r,n)=>{if(r instanceof HTMLImageElement&&!r.getAttribute(x.A))for(var t=[r.currentSrc,r.getAttribute(x.k),T(r.getAttribute(x.R)),T(r.getAttribute(x.C))],e=0;e<t.length;e++){var a=t[e];if(a){a=S(a,n);if(a)return s(r,x.A,a)}}})(r,n),h(r,x.M,n),b(r,x.I,n),p(r,x.O,n)}function A(r,n){h(r,x.U,n),b(r,x.j,n)}function E(r,n){g(r,x.U,n)}function k(r,n){var n=u.Gr(n);return!!n&&(n='url("'.concat(n,'")'),r.style.backgroundImage!==n)&&(r.style.backgroundImage=n,!0)}function I(r){var n,t,e,a,i;switch(r.localName){case O.l:M(r,u);break;case O.g:i=u,w(a=r,((a={})[O.h]=function(r){return A(r,i)},a[O.l]=function(r){return M(r,i)},a));break;case O.u:case O.m:a=u,(e=P((t=r).style.backgroundImage||t.getAttribute("data-bg")||""))&&k(t,e),h(t,x.L,a),b(t,x.P,a),p(t,x.H,a);break;case O._:n=u,g(e=r,x.F,n),h(e,x.q,n),w(e,((e={})[O.h]=function(r){return E(r,n)},e));break;case O.h:((null==(t=r.parentElement)?void 0:t.localName)===O._?E:A)(r,u)}}function R(r,n){n=(r=>{var n=ar;
981try{n.innerHTML=r;for(var t=[],e=document.createTreeWalker(n.content,NodeFilter.SHOW_ELEMENT),a=e.nextNode();a;a=e.nextNode()){var i=a;if(z.has(i.nodeName))t.push(i);else{for(var u,o=i.attributes.length-1;0<=o;--o){var f,c=i.attributes[o].name;W.test(c)?i.removeAttribute(c):q.has(c.toLowerCase())&&(f=(i.attributes[o].value||"").replace(/[\u0000-\u0020]+/g,""),er.test(f))&&i.removeAttribute(c)}i.hasAttribute("style")&&(u=i.getAttribute("style")||"",F.test(u))&&i.removeAttribute("style")}}for(o=0;o<t.length;o++)t[o].remove();return n.innerHTML}finally{n.innerHTML=""}})(n);return r.innerHTML!==n&&(r.innerHTML=n,1)}return{Qr:function(r){return!(!r||!D(r)||n.has((r=r).localName)||r.classList.contains("tl-switcher-container")||(r=r.parentNode)&&["SCRIPT","STYLE"].includes(r.nodeName.toUpperCase()))},rn:function(r){if(L(r)&&null!=(n=r.textContent)&&n.trim()){if(u.zr)if("judge-me"===c(r)){var n=u.$r(r.textContent);if(n)return void(r.textContent=Z(n))}var t=u.Fr(r.textContent,r.parentElement||void 0);t&&(U(t)?(n=r.parentElement)&&1===n.childNodes.length&&R(n,t):(n=r.textContent.trim().replace(C,"").trim(),r.textContent=Z(r.textContent.replace(n,function(){return t}))))}},nn:function(r){if(!!$(r.textContent)||!r.innerHTML)return!1;if(u.zr&&"judge-me"===c(r)){var n=null!=(n=u.$r(r.innerHTML))?n:u.$r(r.textContent);if(n&&R(r,n))return!0}n=u.Wr(r.textContent)?null:u.qr(r.innerHTML);return!(!n||!R(r,n))},tn:function(r){switch(p(r,x.Y,u),r.localName){case O.T:p(r,x.Z,u);break;case O.t:_(r,u,a);break;case O.v:t=u,!(e=(n=r).getAttribute(x.J))||"submit"!==e&&"button"!==e||m(n,x.$,t),p(n,x.B,t);break;case O.S:p(r,x.V,u);break;case O.l:case O.g:case O.u:case O.m:case O._:I(r);break;case O.i:m(r,x.G,u);break;case O.o:g(r,x.W,u)}var n,t,e},en:I,an:k,un:function(r){var n;return!!r&&(n=r.localName,!!or.has(n)||n===O.h&&!!r.parentElement&&fr.has(r.parentElement.localName))},on:function(r){return u.zr||!u.Wr(r.textContent)},zr:function(){return u.zr},fn:function(){i++},Ir:function(){return u.Ir},getImageTranslation:function(r){return S(r,u)}}}function e(n){var t=[],e=0;function a(){0!==e&&(e===t.length?e=t.length=0:64<e&&t.length<=2*e&&(t.splice(0,e),e=0))}
981return{cn:function(r){return!(n<=t.length-e||(a(),t.push(r),0))},ln:function(){var r;return t.length<=e?(a(),null):(r=t[e++],a(),r)},sn:function(){return e<t.length}}}function br(r,t){var n=new Map([["high",0],["normal",1],["deferred",2]]);function u(r){return null!=(r=n.get(r))?r:1}var o=[e(r),e(r),e(r)],f=new WeakMap;function i(r){var n=navigator.scheduling;return n&&"function"==typeof n.isInputPending&&n.isInputPending()||performance.now()-r>=t}function c(){return o[0].sn()||o[1].sn()||o[2].sn()}function l(r,n,t,e){if(void 0===e&&(e=!1),r.sn()){if(!e&&i(n))return!1;e=r.ln();e&&e.isActive&&((n=f.get(e.node))&&n[e.kind]===e&&delete n[e.kind],t(e))}return!0}return{dn:function(r,n,t,e){var a=f.get(r),i=null!=(i=null==a?void 0:a[n])?i:null;return i&&u(e)>=u(i.priority)?"deduped":(t={node:r,kind:n,source:t,priority:e,isActive:!0},o[u(e)].cn(t)?(i&&(i.isActive=!1),a?a[n]=t:f.set(r,((e={})[n]=t,e)),"enqueued"):"dropped")},vn:c,pn:function(r){var n=performance.now();if(c()){for(var t=0;t<o.length;t++)l(o[t],n,r,!0);for(;!i(n);){for(var e=!1,t=0;t<o.length;t++){var a=o[t];if(a.sn()){e=!0;if(!l(a,n,r))return}}if(!e)break}}}}}function wr(v,t){var p=new WeakSet,g=new WeakMap,m=new WeakSet;function e(r,n){return!(!r.isConnected||!v.un(r)||(v.en(r),t.log("media","Processed media attributes immediately",n,r),0))}function a(r,n){for(var t=0;t<r.length;t++)e(r[t],n)}function i(r,n,t){D(r)&&(e(r,n),I.has(r.localName)||a(r.querySelectorAll(t),n))}function n(){if(v.Ir()){for(var r=document.querySelectorAll('[style*="background"]'),n=0;n<r.length;n++)s(r[n]);for(var t=[],e=document.styleSheets,n=0;n<e.length;n++){var a=e[n];if(!p.has(a)){var i=void 0;try{i=a.cssRules}catch(r){p.add(a);continue}var u=g.get(a);if(u&&u.gn===i.length)for(var o=0;o<u.mn.length;o++)t.push(u.mn[o]);else{var f=[];d(i,f),g.set(a,{gn:i.length,mn:f});for(o=0;o<f.length;o++)t.push(f[o])}}}if(0<t.length)for(var c=0;c<t.length;c+=200)for(var l=document.querySelectorAll(t.slice(c,c+200).join(", ")),n=0;n<l.length;n++)s(l[n])}function s(r){var n;m.has(r)||(n=P(getComputedStyle(r).backgroundImage))&&v.an(r,n)&&m.add(r)}function d(r,n){for(var t=0;t<r.length;t++){var e,a=r[t];a.type===CSSRule.STYLE_RULE?((r,n)=>{var t;if(null!=(t=r.style)&&t.backgroundImage&&r.selectorText){try{document.documentElement.matches(r.selectorText)}catch(r){return}n.push(r.selectorText)}})(a,n):(e=void 0,(e=(a=a).type===CSSRule.MEDIA_RULE?(e=a,"function"!=typeof window.matchMedia||window.matchMedia(e.conditionText).matches?e.cssRules:null):"cssRules"in a?a.cssRules:null)&&d(e,n))}}}return{hn:e,bn:function(r,n){i(r,n,u)},wn:function(r,n){i(r,n,N)},Tn:function(r){a(document.querySelectorAll(u),r),n()},yn:n}}function M(p,g,m){var a=br(lr,2*cr),h=new WeakMap,t=new WeakMap,r=null,i=null,u=!1,b=wr(p,m);function o(){null===r&&a.vn()&&(r=requestAnimationFrame(d))}function w(r,n,t,e){if(r&&("subtree"!==n||r.nodeType!==Node.TEXT_NODE||p.Qr(r.parentElement))&&("subtree"===n||r.isConnected)){t=a.dn(r,n,t,e);if("enqueued"!==t)return"dropped"!==t||(u=!0,m.log("messageHandler","Dropped work item, queue full:",n,r),!1);"subtree"===n&&D(r)&&"deferred"===e&&i&&i.observe(r),o()}return!0}function T(r,n){return r.nodeType===Node.TEXT_NODE?w(r,"characterData",n,"high"):!p.Qr(r)||w(r,"subtree",n,ur.has(r.localName)?"high":i?"deferred":"normal")}function e(){if(document.body){for(var r=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT),n=[],t=r.nextNode();t;t=r.nextNode())n.push(t);for(var e,a=0;a<n.length;a++)L(e=n[a])&&e.isConnected&&p.Qr(e.parentElement)&&null!=(e=e.textContent)&&e.trim()&&f(n[a])}}function f(r){var n;!p.Qr(r.parentElement)||h.has(r)&&r.textContent===h.get(r)||(n=r.textContent,p.rn(r),r.textContent!==n&&h.set(r,null!=(n=r.textContent)?n:""))}var c=new WeakMap;function l(r){for(var n=r.childNodes,t=!0,e=0;e<n.length;e++)T(n[e],"continuation")||(t=!1);return t}function n(r){r=r.node;if(i&&D(r)&&i.unobserve(r),r.isConnected)if(r.nodeType===Node.TEXT_NODE)f(r);else if(p.Qr(r))if(m.log("messageHandler","Processing element:",r),p.Qr(r)){if(p.tn(r),!(r!==document.body&&p.on(r)))return void(n=r.textContent,n="".concat(r.childNodes.length,":").concat(n?gr(n):""),c.get(r)===n||l(r)&&c.set(r,n));var n=r.innerHTML;t.get(r)!==n&&(p.nn(r)?r.innerHTML!==n&&t.set(r,r.innerHTML):(m.log("messageHandler","Child nodes:",r.childNodes),l(r)))}}function s(r){switch(r.kind){case"subtree":n(r);break;
981case"attributes":p.Qr(r.node)&&p.tn(r.node);break;case"mediaAttributes":b.hn(r.node,r.source);break;case"mediaSubtree":b.wn(r.node,r.source);break;case"characterData":!g.Sn&&"mutation"===r.source||f(r.node)}}function d(){try{a.pn(s)}finally{r=null,o()}}"undefined"!=typeof IntersectionObserver&&(i=new IntersectionObserver(function(r){for(var n=0;n<r.length;n++){var t=r[n];t.isIntersecting&&(null!=i&&i.unobserve(t.target),w(t.target,"subtree","intersection","high"))}},{rootMargin:"300px"}));var v=["class","id","data-widget-name"],y=new Set(v),S=p.zr(),_={subtree:!0,childList:!0,attributes:!0,attributeFilter:g._n?void 0:S?k.concat(v):k,characterData:g.Sn},M=new WeakMap;var A=new MutationObserver(function(r){m.log("observer","Observer:",r);for(var n=0;n<r.length;n++){var t=r[n];switch(t.type){case"childList":S&&p.fn();for(var e=t.addedNodes,a=0;a<e.length;a++){o=u=i=void 0;var i=e[a];if(D(i))if(I.has(i.localName)||i.localName===O.g)b.bn(i,"mutation");else{for(var u=i.querySelectorAll(R),o=0;o<u.length;o++)b.hn(u[o],"mutation");(p.un(i)||i.querySelector(N))&&w(i,"mediaSubtree","mutation","high")}if(T(e[a],"mutation"),g.Mn&&D(e[a])&&e[a].shadowRoot){var f=e[a].shadowRoot;A.observe(f,_);for(var c=0;c<f.childNodes.length;c++)T(f.childNodes[c],"mutation")}}break;case"attributes":S&&t.attributeName&&y.has(t.attributeName)&&p.fn();var l=t.target;if(p.Qr(l)){var s=l;if(t.attributeName&&ir.has(t.attributeName)&&p.un(s)){if("style"===t.attributeName){var d=s.style.backgroundImage||"";if(M.get(s)===d)break;M.set(s,d)}b.hn(s,"mutation");break}g._n&&s&&w(s,"attributes","mutation","normal")}break;case"characterData":if(g.Sn){var v=t.target;if(v&&v.nodeType===Node.TEXT_NODE){if(h.has(v)&&v.textContent===h.get(v))break;w(v,"characterData","mutation","high")}}}}}),E=(A.observe(document.documentElement,_),!1);return{An:function(){if(e(),document.body)for(var r=document.createTreeWalker(document.body,NodeFilter.SHOW_ELEMENT),n=r.nextNode();n;n=r.nextNode()){var t=n;p.Qr(t)&&p.tn(t)}!document.body||E&&!u||(u=!1,w(document.body,"subtree","page-load","high")),E?b.yn():(b.Tn("page-load"),E=!0)}}}void 0===window.TranslationLab&&(window.TranslationLab={}),window.TranslationLab.CustomTranslations=(a=(()=>{var a;try{a=window.localStorage.getItem("tlab_debug_mode")||null}catch(r){a=null}return{log:function(r,n){for(var t=[],e=2;e<arguments.length;e++)t[e-2]=arguments[e];!a||"observer"===r&&"all"===a||("all"===a||a===r||"custom"===r&&"custom"===a)&&(r=t.map(function(r){if("function"==typeof r)try{return r()}catch(r){return"Error generating parameter: ".concat(r.message)}return r}),console.log.apply(console,[n].concat(r)))}}})(),i=null,{init:function(r,n){var t,e;r&&!r.isPrimaryLocale&&r.translationsMetadata&&r.translationsMetadata.length&&(0<(n=((r,n,t,e)=>{function a(r,n){for(var t=[],e=2;e<arguments.length;e++)t[e-2]=arguments[e];for(var a=0,i=t;a<i.length;a++){var u=i[a];if(u&&void 0!==u[r])return u[r]}return n}var i=null;try{i=window.localStorage.getItem("tlab_feature_options")}catch(r){e.log("dictionary","localStorage unavailable for tlab_feature_options",String(r))}var u=null;if(i)try{u=JSON.parse(i)}catch(r){e.log("dictionary","Invalid tlab_feature_options JSON",String(r))}var t=a("useMessageHandler",!0,u,i=t),o=a("localizeUrls",!1,u,i),f=a("processShadowRoot",!1,u,i),c=a("attributesMutations",!1,u,i),l=a("processCharacterData",!1,u,i),s=a("excludedTemplates",[],u,i),u=a("phraseIgnoreList",[],u,i);return e.log("dictionary","useMessageHandler:",t),e.log("dictionary","localizeUrls:",o),e.log("dictionary","processShadowRoot:",f),e.log("dictionary","attributesMutations:",c),e.log("dictionary","processCharacterData:",l),e.log("dictionary","excludedTemplates:",s),e.log("dictionary","phraseIgnoreList:",u),{Br:["html","head","meta","script","noscript","style","link","canvas","svg","g","path","ellipse","br","hr"],locale:r,Kr:n,kn:t,Xr:o,Mn:f,_n:c,Sn:l,En:s,pr:u}})(r.locale,r.Kr,n,a)).En.length&&n.En.includes(r.template)||n.kn&&(r=S(r.translationsMetadata,n,a),t=i=_(r,n),r.kr)&&(e=M(t,n,a),r=function(){e.An(),window.setTimeout(function(){return e.An()},500)},"loading"===document.readyState?window.addEventListener("DOMContentLoaded",r,{once:!0}):r(),"complete"!==document.readyState)&&window.addEventListener("load",function(){return e.An()},{once:!0}))},getImageTranslation:function(r){return a.log("dictionary","translationManager: ",i),i?i.getImageTranslation(r):null}})})();
982</script>
982<!-- END app snippet -->
982<script>
983 (function() {
984  var ctx = {
985   locale: "vi",
986   isPrimaryLocale: true,
987   rootUrl: "",
988   translationsMetadata: [],
989   template: "page",
990  };
991  var settings = null;
992  TranslationLab.CustomTranslations.init(ctx, settings);
993 })();
994</script>
994
995
996
997<!-- END app block --><!-- BEGIN app block: shopify://apps/bloy-loyalty-rewards/blocks/bloy-popup/97e8894d-00f0-41a9-b986-49828146257c -->
998
999
1000
1001
1002
1003
1004
1005<!-- BEGIN app snippet: bloy-guest-consent --><!-- END app snippet -->
1006
1007
1008
1009    
1010    
1010<script>
1011        (function () {
1012            var TARGETS = /\/(bloy-points-caculator)\.css(\?|$)/;
1013            function defer(node) {
1014                if (node.tagName !== 'LINK' || node.rel !== 'stylesheet') return;
1015                if (!TARGETS.test(node.href) || node.media === 'print' || node.sheet) return;
1016                node.media = 'print';
1017                var restore = function () { node.media = 'all'; };
1018                node.addEventListener('load', restore);
1019                node.addEventListener('error', restore);
1020            }
1021            var observer = new MutationObserver(function (mutations) {
1022                for (var i = 0; i < mutations.length; i++) {
1023                    var added = mutations[i].addedNodes;
1024                    for (var j = 0; j < added.length; j++) defer(added[j]);
1025                }
1026            });
1027            observer.observe(document.head, { childList: true });
1028            document.addEventListener('DOMContentLoaded', function () {
1029                observer.disconnect();
1030                // Anything still on media="print" here already finished parsing — make sure it applies.
1031                var links = document.querySelectorAll('link[rel="stylesheet"][media="print"]');
1032                for (var k = 0; k < links.length; k++) {
1033                    if (TARGETS.test(links[k].href) && links[k].sheet) links[k].media = 'all';
1034                }
1035            });
1036        })();
1037    </script>
1037
1038
1039
1040
1041
1042    <link class="BLOY-style__link" rel="stylesheet" href="https://cdn.shopify.com/extensions/01a11a70-9874-7b16-bbe3-05f0252d2150/bloy-loyalty-771/assets/bloy-popup.css" media="print" onload="this.media='all'">
1043    <noscript><link class="BLOY-style__link" rel="stylesheet" href="https://cdn.shopify.com/extensions/01a11a70-9874-7b16-bbe3-05f0252d2150/bloy-loyalty-771/assets/bloy-popup.css"></noscript>
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
1055
1056    
1057
1058
1059
1060
1061
1062
1063<script src="https://cdn.shopify.com/extensions/01a11a70-9874-7b16-bbe3-05f0252d2150/bloy-loyalty-771/assets/popup.bloy.js" defer></script>
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073<script>
1074    var BloyUser = {
1075        id: "",
1076        email: null,
1077        token: "bl1.dermalogica-vn.myshopify.com.20261008.dce8b5e9f90bb2b6b9a0a435cd4b7f96d13dd84ee9516db7d511ccae48ee30cc",
1078        tags: null,
1079        shop_custom_wte_visit_store: {},
1080        first_name: null,
1081    };
1082    var BloyConfigs = {"shop_id":"6a93f1339a62ae9cd6cae74e","shop_name":"Dermalogica Vietnam","currencyFormat":"{{amount_no_decimals_with_comma_separator}}₫","watermark":null,"version":2,"watermarkV2":false,"autoTranslate":false,"defaultLanguageStoreFront":"en","excludeCustomerTags":["dealer","dealer-standard","b2b-hang1-35","b2b-hang2-40"],"popupVersion":2};
1083    var BloyVIPProgram = { status: true };
1084    BloyConfigs.customize = {"v":1789989898191,"features":{"earnRedeemDecimal":true,"disableReferralRewards":true},"hidden":[],"forced":[]};
1085    BloyConfigs.baseCurrency = "VND";
1086    var BloyLoyalty = {"status":true};
1087    var BloyPopupDesign = {
1088        theme: {"backgrounds":{"header":{"backgroundType":"solid","solidColor":"#E8E7E7","image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0508\/0291\/7581\/files\/bloy-header-1788859597452-749766094.png?v=1788859599"},"popup":{"backgroundType":"solid","solidColor":"#F0F0F0","image":""}},"border":"square","popupBorderRadius":12,"btnBorderRadius":24,"extendedColors":{"buttonColor":"#5B6670","headerTextColor":"#4A4E4D","buttonTextColor":"#FFFFFF","textColor":"#303030","iconColor":"#5B6670"},"layout":"popup","drawerSide":"right","customCss":"\/* eGURU 08\/09\/2026 — bo nut X o goc tren phai cua popup.\n   Anh Thang chot: dong popup bang cach bam lai nut o goc duoi trai,\n   nut do se doi tu logo \"d\" sang dau X khi popup dang mo (lam o theme). *\/\n.BLOY-popup__action--close { display: none !important; }\n\/* Link trong popup an theo tong Dermalogica, thay vi mau tim mac dinh\n   cua trinh duyet. Popup la khoi rieng nen quet chung moi the \u003ca\u003e la du. *\/\na { color: #5B6670 !important; }\na:hover { color: #4A4E4D !important; }\n\/* Nut \"Quay lai\" o dau man con: BLOY to chu TRANG co dinh, ma header nay\n   la anh nen sang nen chu chim han. To lai bang mau chu header. *\/\n.BLOY-popup__action--back,\n.BLOY-popup__action--back * { color: #4A4E4D !important; }\n.BLOY-popup__action--back svg { stroke: #4A4E4D !important; }","font":"auto","homeSectionOrder":[]},
1089        widget: {"status":true,"title":"Điểm thưởng","icon":"icon_1","customIcon":"","widgetColor":"#000000","textColor":"#FFFFFF","titleAsPointsBalance":false,"desktopDisplay":"icon_text","mobileDisplay":"icon_text","placement":"bottom_left","mobileBottomSpacing":0,"mobileSideSpacing":0,"desktopBottomSpacing":0,"desktopSideSpacing":0,"borderRadius":12,"sideSpacingCustomize":20,"bottomSpacingCustomize":20,"includeDevices":["desktop","mobile"],"pageSetting":"show_all","includeVisibilityPages":[],"includeVisibilityURLs":[],"excludeVisibilityPages":[],"excludeVisibilityURLs":[],"border":"square"},
1090    };
1091    var BloyCurrentLocale = {
1092        language: null
1093    };
1094    var BloyCart = {"status":false,"showOnPage":"cart","hideLoginRequired":false,"textColor":"#303030","backgroundColor":"#E8ECFF","buttonBackgroundColor":"#001584","buttonTextColor":"#FFFFFF","showVipTierProgress":false};
1095    var BloyLTO = {"status":false,"showOnPage":"lto","hideLoginRequired":false,"textColor":"#303030","backgroundColor":"#E8ECFF","buttonBackgroundColor":"#001584","buttonTextColor":"#FFFFFF","showVipTierProgress":false};
1096    var BloyOrderBooster = {"status":false,"showOnPage":"order_booster","textColor":"#001584","backgroundColor":"#E8ECFF","fontSize":"14","showVipTierProgress":false,"progressBarColor":"#001584","progressBarBackgroun
1096dColor":"#E8E8E8"};
1097    var BloyReminder = {
1098        accountCreationEncouragement: {},
1099        pointRedemptionReminder: {}
1100    };
1101    var BloyShopInfo = {
1102        permanentDomain: "dermalogica-vn.myshopify.com",
1103        publishedLocales: ["vi","en"],
1104        requestLocaleIsoCode: "vi",
1105        countryIsoCode: "VN"
1106    };
1107    var BloyGuestReferralOnly = window.BloyGuestReferralOnly || false;
1108</script>
1108
1109
1110
1111<style>
1112    
1113    
1114
1115    :root {
1116        --bloy-primary-color: #5B6670;
1117        --bloy-subdued-color: #F5F2FD;
1118        --bloy-text-color: #303030;
1119        --bloy-secondary-color: #616161;
1120        --bloy-bg-body-color: #D6D6D6;
1121        --bloy-bg-header-color: #010249;
1122        --bloy-disabled-color: #807D87;
1123        --bloy-popup-header-color: #E8E7E7;
1124        --bloy-popup-background-color: #F0F0F0;
1125        --bloy-header-image: url(https://cdn.shopify.com/s/files/1/0508/0291/7581/files/bloy-header-1788859597452-749766094.png?v=1788859599);
1126        --bloy-popup-image: url(https://cdn.shopify.com/s/files/1/0814/3742/5912/files/popup_background.png?v=1782897382);
1127        --bloy-popup-border-radius: 12px;
1128        --bloy-popup-btn-border-radius: 24px;
1129        --bloy-header-text-color: #4A4E4D;
1130        --bloy-btn-text-color: #FFFFFF;
1131        --bloy-icon-color: #5B6670;
1132        --bloy-widget-color: #000000;
1133        --bloy-widget-text-color: #FFFFFF;
1134    }
1135</style>
1136
1137
1138<!-- END app block --><!-- BEGIN app block: shopify://apps/rt-zalo-live-chat/blocks/app-embed/ba84895b-0508-4506-b33b-2596dad12c53 -->
1139
1140<script>
1141  window.roarJs = window.roarJs || {};
1142
1143  window.roarJs.ZaloConfig = {
1144    metafields: {
1145      shop: "dermalogica-vn.myshopify.com",
1146      settings: 
1147        
1148          {"enabled":"1","param":{"type":"number","oaid":"0911370011","number":"4095151952924761276","message":"Hi! How can we help you?","autopopup":"0"},"position":{"horizontal":{"value":"right","unit":"px","offset":"20"},"vertical":{"value":"bottom","unit":"px","offset":"99"}},"style":{"gradient":"custom","pattern":"0","custom":{"color":"#ffffff","background":"#008fe5"},"width":"60","avatar":"0","avatar_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/0184\/4255\/1360\/files\/whatsapp_avatar-1.png?v=1565171330"},"pending":{"enabled":"1","number":"1","color":"#ffffff","background":"#dd0000"},"mobile":{"enabled":"1","horizontal":{"value":"right","unit":"px","offset":"20"},"vertical":{"value":"bottom","unit":"px","offset":"115"},"width":"46"},"only1":"true"}
1149        
1150      ,
1151      moneyFormat: "{{amount_no_decimals_with_comma_separator}}₫"
1152    }
1153  };
1154</script>
1154
1155
1156<script src="https://cdn.shopify.com/extensions/019f800d-6e69-7282-a0c8-2283f3dcae38/zalo-live-chat-5/assets/zalo.js" defer></script>
1156
1157
1158
1159<!-- END app block --><link href="https://cdn.shopify.com/extensions/019f800d-6e69-7282-a0c8-2283f3dcae38/zalo-live-chat-5/assets/zalo.css" rel="stylesheet" type="text/css" media="all">
1160<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1161<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: 50802917581,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};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 1161
1161
1162<script>
1163  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1164</script>
vendor: 1 bytes, line 1164
1164
1165<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}
1165).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: 50802917581,storefrontBaseUrl: "https://dermalogica.com.vn",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://dermalogica.com.vn/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"399999181","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-7EXVCWZDXR\\\",\\\"AW-977016070\\\",\\\"GT-T9LQW3P7\\\",\\\"G-PWXNRPXWWZ\\\"],\\\"target_country\\\":\\\"VN\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-0V7KEJ6PY8\\\",\\\"AW-977016070\\\/Ee98COTtuMgaEIaq8NED\\\",\\\"G-PWXNRPXWWZ\\\",\\\"G-7EXVCWZDXR\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-0V7KEJ6PY8\\\",\\\"AW-977016070\\\/qdz-CMrruMgaEIaq8NED\\\",\\\"G-PWXNRPXWWZ\\\",\\\"G-7EXVCWZDXR\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-0V7KEJ6PY8\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-0V7KEJ6PY8\\\",\\\"AW-977016070\\\/x_x4CNPruMgaEIaq8NED\\\",\\\"MC-V34XSHT0RG\\\",\\\"G-PWXNRPXWWZ\\\",\\\"G-7EXVCWZDXR\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-0V7KEJ6PY8\\\",\\\"AW-977016070\\\/hER_CMfruMgaEIaq8NED\\\",\\\"MC-V34XSHT0RG\\\",\\\"G-PWXNRPXWWZ\\\",\\\"G-7EXVCWZDXR\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-0V7KEJ6PY8\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-0V7KEJ6PY8\\\",\\\"AW-977016070\\\/NpLrCNDruMgaEIaq8NED\\\",\\\"MC-V34XSHT0RG\\\",\\\"G-PWXNRPXWWZ\\\",\\\"G-7EXVCWZDXR\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-0V7KEJ6PY8\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-0V7KEJ6PY8\\\",\\\"AW-977016070\\\/sB6GCOftuMgaEIaq8NED\\\",\\\"G-PWXNRPXWWZ\\\",\\\"G-7EXVCWZDXR\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-0V7KEJ6PY8\\\",\\\"AW-977016070\\\/8j-aCM3ruMgaEIaq8NED\\\",\\\"G-PWXNRPXWWZ\\\",\\\"G-7EXVCWZDXR\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-0V7KEJ6PY8\\\"}],\\\"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":"234029261","configuration":"{\"pixelCode\":\"CGU1LTRC77U5JA8G9S1G\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"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"}
1165,{"id":"120815821","configuration":"{\"pixel_id\":\"725544792189537\",\"pixel_type\":\"facebook_pixel\"}","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":"45416653","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"RetentionX"},{"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 Vietnam","paymentSettings":{"currencyCode":"VND"},"myshopifyDomain":"dermalogica-vn.myshopify.com","countryCode":"VN","storefrontUrl":"https:\/\/dermalogica.com.vn"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"6054700449997","handle":"daily-microfoliant","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"37452962955469","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://dermalogica.com.vn/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"156311355597","themePublished":"true","eventMetadataId":"196ebdd6-003c-40a4-bce9-786784576842","pageType":"page","resourceId":"79367471309","shopId":"50802917581","storefrontBaseUrl":"https:\/\/dermalogica.com.vn","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\",{}]]"});})();</script>
1165<script>
1166  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1167  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1168  window.ShopifyAnalytics.meta.currency = 'VND';
1169  var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":79367471309,"requestId":"fc887507-64f6-4279-ab17-958b80b89f70-1791447950"}};
1170  for (var attr in meta) {
1171    window.ShopifyAnalytics.meta[attr] = meta[attr];
1172  }
1173</script>
vendor: 1 bytes, line 1173
1173
1174<script class="analytics">
1175  (function () {
1176    var customDocumentWrite = function(content) {
1177      var jquery = null;
1178
1179      if (window.jQuery) {
1180        jquery = window.jQuery;
1181      } else if (window.Checkout && window.Checkout.$) {
1182        jquery = window.Checkout.$;
1183      }
1184
1185      if (jquery) {
1186        jquery('body').append(content);
1187      }
1188    };
1189
1190    var hasLoggedConversion = function(token) {
1191      if (token) {
1192        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1193      }
1194      return false;
1195    }
1196
1197    var setCookieIfConversion = function(token) {
1198      if (token) {
1199        var twoMonthsFromNow = new Date(Date.now());
1200        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1201
1202        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1203      }
1204    }
1205
1206    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1207    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1208    if (trekkie.integrations) {
1209      return;
1210    }
1211    trekkie.methods = [
1212      'identify',
1213      'page',
1214      'ready',
1215      'track',
1216      'trackForm',
1217      'trackLink'
1218    ];
1219    trekkie.factory = function(method) {
1220      return function() {
1221        var args = Array.prototype.slice.call(arguments);
1222        args.unshift(method);
1223        trekkie.push(args);
1224        if (method == 'track' || method == 'page') {
1225          var pageUrl;
1226          try {
1227            pageUrl = window.location.href;
1228          } catch (e) {}
1229          var pageReferrer;
1230          try {
1231            pageReferrer = document.referrer;
1232          } catch (e) {}
1233          try {
1234            if (window.__TREKKIE_SHIM_QUEUE == null) {
1235              window.__TREKKIE_SHIM_QUEUE = [];
1236            }
1237            window.__TREKKIE_SHIM_QUEUE.push({
1238              from: 'trekkie-stub',
1239              method: method,
1240              args: args.slice(1),
1241              pageContext: {
1242                url: pageUrl,
1243                referrer: pageReferrer
1244              }
1245            });
1246          } catch (e) {
1247            // no-op
1248          }
1249        }
1250        return trekkie;
1251      };
1252    };
1253    for (var i = 0; i < trekkie.methods.length; i++) {
1254      var key = trekkie.methods[i];
1255      trekkie[key] = trekkie.factory(key);
1256    }
1257    trekkie.load = function(config) {
1258      trekkie.config = config || {};
1259      trekkie.config.initialDocumentCookie = document.cookie;
1260      var first = document.getElementsByTagName('script')[0];
1261var script = document.createElement('script');
1262script.type = 'text/javascript';
1263script.onerror = function(e) {
1264  var scriptFallback = document.createElement('script');
1265  scriptFallback.type = 'text/javascript';
1266  scriptFallback.onerror = function(error) {
1267          var Monorail = {
1268      produce: function produce(monorailDomain, schemaId, payload) {
1269        var currentMs = new Date().getTime();
1270        var event = {
1271          schema_id: schemaId,
1272          payload: payload,
1273          metadata: {
1274            event_created_at_ms: currentMs,
1275            event_sent_at_ms: currentMs
1276          }
1277        };
1278        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1279      },
1280      sendRequest: function sendRequest(endpointUrl, payload) {
1281        // Try the sendBeacon API
1282        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1283          var blobData = new window.Blob([payload], {
1284            type: 'text/plain'
1285          });
1286
1287          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1288            return true;
1289          } // sendBeacon was not successful
1290
1291        } // XHR beacon
1292
1293        var xhr = new XMLHttpRequest();
1294
1295        try {
1296          xhr.open('POST', endpointUrl);
1297          xhr.setRequestHeader('Content-Type', 'text/plain');
1298          xhr.send(payload);
1299        } catch (e) {
1300          console.log(e);
1301        }
1302
1303        return false;
1304      },
1305      isIos12: function isIos12() {
1306        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1307      }
1308    };
1309    Monorail.produce('monorail-edge.shopifysvc.com',
1310      'trekkie_storefront_load_errors/1.1',
1311      {shop_id: 50802917581,
1312      theme_id: 156311355597,
1313      app_name: "storefront",
1314      context_url: window.location.href,
1315      source_url: "//dermalogica.com.vn/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"});
1316
1317  };
1318  scriptFallback.async = true;
1319  scriptFallback.src = '//dermalogica.com.vn/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
1320  first.parentNode.insertBefore(scriptFallback, first);
1321};
1322script.async = true;
1323script.src = '//dermalogica.com.vn/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
1324first.parentNode.insertBefore(script, first);
1325
1326    };
1327    trekkie.load(
1328      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":50802917581,"isMerchantRequest":null,"themeId":156311355597,"themeCityHash":"14864807567803502727","contentLanguage":"vi","currency":"VND","eventMetadataId":"196ebdd6-003c-40a4-bce9-786784576842"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1329    );
1330
1331    var loaded = false;
1332    trekkie.ready(function() {
1333      if (loaded) return;
1334      loaded = true;
1335
1336      window.ShopifyAnalytics.lib = window.trekkie;
1337
1338      var originalDocumentWrite = document.write;
1339      document.write = customDocumentWrite;
1340      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1341      document.write = originalDocumentWrite;
1342
1343      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1344      var token = match? match[1]: undefined;
1345      if (!hasLoggedConversion(token)) {
1346        setCookieIfConversion(token);
1347        
1348      }
1349    });
1350
1351    window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":79367471309,"requestId":"fc887507-64f6-4279-ab17-958b80b89f70-1791447950","shopifyEmitted":true});
1352
1353    var eventsListenerScript = document.createElement('script');
1354    eventsListenerScript.async = true;
1355    eventsListenerScript.src = "//dermalogica.com.vn/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1356    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1357})();</script>
1357
1358  
1358<script>
1359  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
1360    window.ga = function ga() {
1361      (window.ga.q = window.ga.q || []).push(arguments);
1362      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1363        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
1364      }
1365      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.");
1366    };
1367    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1368      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
1369    }
1370  }
1371</script>
vendor: 1 bytes, line 1371
1371
1372<script
1373  defer
1374  src="https://dermalogica.com.vn/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.0.min.js"
1375  data-application="storefront-renderer"
1376  data-shop-id="50802917581"
1377  data-render-region="gcp-us-central1"
1378  data-page-type="page"
1379  data-theme-instance-id="156311355597"
1380  data-theme-name="Dawn"
1381  data-theme-version="6.0.2"
1382  data-monorail-region="shop_domain"
1383  data-resource-timing-sampling-rate="10"
1384  data-shs="true"
1385  data-shs-beacon="true"
1386  data-shs-export-with-fetch="true"
1387  data-shs-logs-sample-rate="1"
1388  data-shs-beacon-endpoint="https://dermalogica.com.vn/api/collect"
1389></script>
1389
1390<meta name="shopify-y" content="60220df3-ae99-41f4-86be-39dd66770a52" data-expiration="1823005550000"><meta name="shopify-s" content="86ed3ec7-d837-44eb-8691-fbfa0b0bd8cd" data-expiration="1791449750000"><meta name="new-cookie-storage-activated" content="t">
1391</head><link href="//dermalogica.com.vn/cdn/shop/t/19/assets/app.css?v=152005010155643530141790949498" rel="stylesheet" type="text/css" media="all" />
1392<link href="//dermalogica.com.vn/cdn/shop/t/19/assets/base.css?v=160139058402597353311790949498" rel="stylesheet" type="text/css" media="all" />
1393<link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/custom-third-party.css?v=76888928788243464731791185373">
1394<link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/custom-base.css?v=171978318326147655191790949498"><link href="//dermalogica.com.vn/cdn/shop/t/19/assets/custom-card_pills.css?v=180171958291728444251790949761" rel="stylesheet" type="text/css" media="all" />
1395<link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/custom-section-style.css?v=156665216863051257651790949498">
1396<link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/section-multicolumn.css?v=138363567467112740511713852757"><body class="gradient template-page tpl- template-page__exo-booster eguru-an-refer eguru-an-nut">
1397<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 1397-1398
1397
1398<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1398GTM-TKWMTXK
vendor: 83 bytes, lines 1398-1399
1398"
1399height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1400<!-- End Google Tag Manager (noscript) -->
1401
1402    
1403    
1404
1405    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
1406      Chuyển đến nội dung
1407    </a><div class="gxt" id="GioXemTruoc" role="dialog" aria-label="Giỏ hàng" aria-hidden="true"
1408  data-chu-tam-tinh="Tạm tính"
1409  data-chu-sp="sản phẩm"
1410  data-chu-trong="Giỏ hàng của bạn đang trống."
1411  data-chu-xoa="Xoá"
1412  data-chu-giam="Giảm số lượng của "
1413  data-chu-tang="Tăng số lượng của ">
1414  <div class="gxt__ds" data-gxt-ds></div>
1415  <div class="gxt__chan">
1416    <p class="gxt__tong" data-gxt-tong></p>
1417    <button type="button" class="gxt__nut gxt__nut--vien" data-gxt-dong>Tiếp tục mua sắm</button>
1418    <a class="gxt__nut gxt__nut--dac" href="/cart">Xem giỏ hàng</a>
1419  </div>
1420</div>
1421<script>
1422  (function () {
1423    var khung = document.getElementById('GioXemTruoc');
1424    if (!khung) return;
1425    var ds = khung.querySelector('[data-gxt-ds]'), tong = khung.querySelector('[data-gxt-tong]');
1426    var goc = (window.Shopify && Shopify.routes && Shopify.routes.root) || '/';
1427    var coChuot = window.matchMedia && window.matchMedia('(hover: hover) and (pointer: fine)').matches;
1428    var hen = null, dangMo = false;
1429    function tien(xu) { return new Intl.NumberFormat('vi-VN').format(Math.round(xu / 100)) + '₫'; }
1430    /* Bản VI viết hoa chữ đầu tên sản phẩm như trên trang (snippets/hoa-dau, chốt 07/09); bản EN giữ chữ thường của brand */
1431    var laVi = document.documentElement.lang.indexOf('en') !== 0;
1432    function hoaDau(t) { t = t || ''; return laVi ? t.charAt(0).toUpperCase() + t.slice(1) : t; }
1433    function esc(t) { var d = document.createElement('div'); d.textContent = t == null ? '' : t; return d.innerHTML; }
1434    function icon() { return document.getElementById('cart-icon-bubble'); }
1435    /* 02/10 21:45 — QUÀ TẶNG KÈM của agency (properties _Free Gift / _Gift For / _Gift Base Quantity, như assets/cart.js):
1436       dòng quà không cho sửa/xoá trong khung; đổi hay xoá món chính thì quà đi theo (base × số món, 0 = xoá). */
1437    function laQua(it) { var p = it.properties || {}; return p['_Free Gift'] === 'true' || p['_Dealer Gift'] === 'Yes'; }
1438    function dongBoQua(gio, vid) {
1439      var soMon = 0, capNhat = {}, can = false;
1440      (gio.items || []).forEach(function (it) { if (!laQua(it) && String(it.variant_id) === String(vid)) soMon += it.quantity; });
1441      (gio.items || []).forEach(function (it) {
1442        var p = it.properties || {};
1443        if (p['_Free Gift'] !== 'true' || String(p['_Gift For']) !== String(vid)) return;
1444        var muc = (parseInt(p['_Gift Base Quantity'] || '1', 10) || 1) * soMon;
1445        if (it.quantity !== muc) { capNhat[it.key] = muc; can = true; }
1446      });
1447      if (!can) return Promise.resolve(gio);
1448      return fetch(goc + 'cart/update.js', { method: 'POST', headers: { 'Content-Type': 'application/json', Accept: 'application/json' }, body: JSON.stringify({ updates: capNhat }) })
1449        .then(function (r) { return r.json(); });
1450    }
1451    function soTinhTien(gio) { return (gio.items || []).reduce(function (t, it) { return t + (laQua(it) ? 0 : it.quantity); }, 0); }
1452    function layGio() { return fetch(goc + 'cart.js', { headers: { Accept: 'application/json' } }).then(function (r) { return r.json(); }); }
1453
1454    function capNhatSo(gio, nay) {
1455      var ic = icon(); if (!ic) return;
1456      var b = ic.querySelector('.cart-count-bubble');
1457      var en = document.documentElement.lang.indexOf('en') === 0;
1458      /* 03/10 anh Thắng: số trên icon = số món CÓ TÍNH TIỀN (không đếm quà tặng kèm) */
1459      var so = soTinhTien(gio);
1460      if (!so) { if (b) b.remove(); return; }
1461      if (!b) { b = document.createElement('div'); b.className = 'cart-count-bubble'; ic.appendChild(b); }
1462      b.innerHTML = '<span aria-hidden="true">' + (so < 100 ? so : '') + '</span><span class="visually-hidden">' +
1463        so + (en ? (so > 1 ? ' items' : ' item') : ' mặt hàng') + '</span>';
1464      if (nay) { ic.classList.remove('gio-nay'); void ic.offsetWidth; ic.classList.add('gio-nay'); }
1465    }
1466    function ve(gio) {
1467      var c = khung.dataset;
1468      if (!gio.item_count) {
1469        ds.innerHTML = '<p class="gxt__trong">' + esc(c.chuTrong) + '</p>';
1470        tong.innerHTML = '';
1471        khung.classList.add('is-trong');
1472        return;
1473      }
1474      khung.classList.remove('is-trong');
1475      ds.innerHTML = gio.items.map(function (it) {
1476        var anh = it.image ? it.image + (it.image.indexOf('?') > -1 ? '&' : '?') + 'width=160' : '';
1477        var bt = it.variant_title && it.variant_title !== 'Default Title' ? '<span class="gxt__bt">' + esc(it.variant_title) + '</span>' : '';
1478        var mien = it.final_line_price === 0 && it.original_line_price > 0;
1479        var qua = laQua(it);
1480        return '<div class="gxt__dong' + (qua ? ' gxt__dong--qua' : '') + '" data-key="' + esc(it.key) + '" data-vid="' + it.variant_id + '">' +
1481          (anh ? '<a class="gxt__anh" href="' + esc(it.url) + '" tabindex="-1"><img src="' + esc(anh) + '" alt="" width="64" height="64" loading="lazy"></a>' : '<span class="gxt__anh"></span>') +
1482          '<div class="gxt__chu"><a class="gxt__ten" href="' + esc(it.url) + '">' + esc(hoaDau(it.product_title)) + '</a>' + bt +
1483          (qua ? '<div class="gxt__sl gxt__sl--qua"><span>× ' + it.quantity + '</span></div></div>' :
1484          '<div class="gxt__sl"><button type="button" data-gxt-sl="-1" aria-label="' + esc(c.chuGiam) + '">−</button><span>' + it.quantity + '</span><button type="button" data-gxt-sl="1" aria-label="' + esc(c.chuTang) + '">+</button></div></div>') +
1485          '<div class="gxt__phai"><span class="gxt__gia">' + (mien ? '0₫' : tien(it.final_line_price)) + '</span>' +
1486          (qua ? '' : '<button type="button" class="gxt__xoa" data-gxt-xoa aria-label="' + esc(c.chuXoa) + '"><svg viewBox="0 0 16 16" aria-hidden="true"><path d="M3 4h10M6 4V2.8h4V4M5 4l.6 9h4.8l.6-9" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></button>') + '</div>' +
1487          '</div>';
1488      }).join('');
1489      tong.innerHTML = '<span>' + esc(c.chuTamTinh) + ' (' + soTinhTien(gio) + ' ' + esc(c.chuSp) + ')</span><strong>' + tien(gio.total_price) + '</strong>';
1490    }
1491    function datViTri() {
1492      var ic = icon(); if (!ic) return;
1493      var r = ic.getBoundingClientRect();
1494      khung.style.top = Math.round(r.bottom + 8) + 'px';
1495      khung.style.right = Math.max(12, Math.round(document.documentElement.clientWidth - r.right - 8)) + 'px';
1496    }
1497    function mo() {
1498      clearTimeout(hen);
1499      if (dangMo) return;
1500      if (location.pathname.replace(/\/$/, '').slice(-5) === '/cart') return;
1501      dangMo = true; datViTri();
1502      khung.classList.add('is-mo'); khung.setAttribute('aria-hidden', 'false');
1503      layGio().then(ve);
1504    }
1505    function dong() {
1506      dangMo = false; khung.classList.remove('is-mo'); khung.setAttribute('aria-hidden', 'true');
1507    }
1508    function henDong() { clearTimeout(hen); hen = setTimeout(dong, 250); }
1509
1510    if (coChuot) {
1511      document.addEventListener('mouseover', function (e) {
1512        if (e.target.closest && (e.target.closest('#cart-icon-bubble') || e.target.closest('#GioXemTruoc'))) mo();
1513      });
1514      document.addEventListener('mouseout', function (e) {
1515        var t = e.relatedTarget;
1516        if (e.target.closest && (e.target.closest('#cart-icon-bubble') || e.target.closest('#GioXemTruoc')) && !(t && t.closest && (t.closest('#cart-icon-bubble') || t.closest('#GioXemTruoc')))) henDong();
1517      });
1518    }
1519    khung.addEventListener('click', function (e) {
1520      if (e.target.closest('[data-gxt-dong]')) { dong(); return; }
1521      var dongEl = e.target.closest('.gxt__dong'); if (!dongEl) return;
1522      var key = dongEl.getAttribute('data-key'), vid = dongEl.getAttribute('data-vid');
1523      var sl = e.target.closest('[data-gxt-sl]'), xoa = e.target.closest('[data-gxt-xoa]');
1524      if (!sl && !xoa) return;
1525      var hien = parseInt(dongEl.querySelector('.gxt__sl span').textContent, 10) || 0;
1526      var moi = xoa ? 0 : Math.max(0, hien + parseInt(sl.getAttribute('data-gxt-sl'), 10));
1527      dongEl.classList.add('is-cho');
1528      fetch(goc + 'cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json', Accept: 'application/json' }, body: JSON.stringify({ id: key, quantity: moi }) })
1529        .then(function (r) { return r.json(); })
1530        .then(function (gio) { return gio && gio.items ? dongBoQua(gio, vid) : gio; })
1531        .then(function (gio) { if (gio && gio.items) { ve(gio); capNhatSo(gio, false); } else { dongEl.classList.remove('is-cho'); } })
1532        .catch(function () { dongEl.classList.remove('is-cho'); });
1533    });
1534    document.addEventListener('keydown', function (e) { if (e.key === 'Escape' && dangMo) dong(); });
1535    window.addEventListener('scroll', function () { if (dangMo) datViTri(); }, { passive: true });
1536
1537    /* 03/10: mở trang / quay lại bằng nút Back (trang lấy từ bộ nhớ trình duyệt) → số trên icon lấy lại từ giỏ thật */
1538    window.addEventListener('pageshow', function () { layGio().then(function (gio) { capNhatSo(gio, false); }).catch(function () {}); });
1539    /* Thêm vào giỏ ở bất kỳ đâu → cập nhật số + nảy (không chuyển trang) */
1540    document.addEventListener('gio:da-them', function () {
1541      layGio().then(function (gio) { capNhatSo(gio, true); if (dangMo) ve(gio); });
1542    });
1543  })();
1544</script>
1544
1545<div class="gdl" id="GioDoiLoai" role="dialog" aria-modal="true" aria-labelledby="GioDoiLoaiTieuDe" aria-describedby="GioDoiLoaiMoTa" hidden
1546  data-tieu-de-dv="Giỏ hàng đang có liệu trình đặt lịch" data-tieu-de-sp="Giỏ hàng đang có sản phẩm lẻ">
1547  <div class="gdl__nen" data-gdl-giu></div>
1548  <div class="gdl__hop">
1549    <h2 class="gdl__tieu-de" id="GioDoiLoaiTieuDe"></h2>
1550    <p class="gdl__mo-ta" id="GioDoiLoaiMoTa">Liệu trình đặt lịch và sản phẩm lẻ được thanh toán thành hai đơn riêng. Xoá các món đang có trong giỏ để thêm món này?</p>
1551    <ul class="gdl__ds" role="list" data-gdl-ds></ul>
1552    <p class="gdl__bao" data-gdl-bao aria-live="polite"></p>
1553    <div class="gdl__nut">
1554      <button type="button" class="gdl__chinh" data-gdl-tiep>Xoá và thêm món mới</button>
1555      <button type="button" class="gdl__phu" data-gdl-giu>Giữ giỏ hiện tại</button>
1556    </div>
1557  </div>
1558</div>
1559<style>
1560  .gdl { position: fixed; inset: 0; z-index: 2147483646; display: grid; place-items: center; padding: 1.6rem; color: #5B6770; }
1561  .gdl[hidden] { display: none !important; }
1562  /* .gdl .gdl__nen: base.css ẩn mọi div:empty — lớp nền tối là div rỗng nên phải ép hiện */
1563  .gdl .gdl__nen { display: block; position: absolute; inset: 0; background: rgba(31, 41, 51, .45); }
1564  .gdl__hop { position: relative; width: min(44rem, 100%); max-height: calc(100vh - 3.2rem); overflow-y: auto; padding: 2.8rem 2.4rem 2.4rem; border-radius: 1.2rem; background: #fff; box-shadow: 0 1.6rem 4.8rem rgba(31, 41, 51, .25); }
1565  .gdl__tieu-de { margin: 0 0 1rem; font-size: 2rem; line-height: 1.3; font-weight: 700; color: #5B6770; letter-spacing: 0; }
1566  .gdl__mo-ta { margin: 0; font-size: 1.5rem; line-height: 1.55; }
1567  .gdl__ds { list-style: none; margin: 1.4rem 0 0; padding: 0; border-top: 1px solid #DDE2E7; }
1568  .gdl__ds li { display: flex; align-items: center; gap: 1.2rem; padding: 1rem 0; border-bottom: 1px solid #DDE2E7; font-size: 1.4rem; }
1569  .gdl__ds img { flex: none; width: 4.8rem; height: 4.8rem; object-fit: cover; border-radius: .4rem; background: #EEF1F4; }
1570  .gdl__ds span { flex: 1 1 auto; min-width: 0; }
1571  .gdl__ds b { flex: none; font-weight: 400; }
1572  .gdl__bao { margin: 1rem 0 0; font-size: 1.4rem; min-height: 0; }
1573  .gdl__bao:empty { display: none; }
1574  .gdl__nut { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; }
1575  .gdl .gdl__chinh, .gdl .gdl__phu { flex: 1 1 16rem; min-height: 4.6rem; padding: 0 1.6rem; border-radius: .4rem; font: inherit; font-size: 1.5rem; cursor: pointer; }
1576  .gdl .gdl__chinh { border: 1px solid #5B6770; background: #5B6770; color: #fff; }
1577  .gdl .gdl__chinh:hover { background: #47525B; }
1578  .gdl .gdl__phu { border: 1px solid #5B6770; background: #fff; color: #5B6770; }
1579  .gdl .gdl__chinh[disabled], .gdl .gdl__phu[disabled] { opacity: .55; cursor: default; }
1580  .gdl button:focus-visible { outline: 2px solid #5B6770; outline-offset: 2px; }
1581</style>
1582<script>
1583  (function () {
1584    if (window.__egGioDoiLoai || !window.fetch) return;
1585    window.__egGioDoiLoai = true;
1586    var hop = document.getElementById('GioDoiLoai');
1587    if (!hop) return;
1588    var goc = (window.Shopify && Shopify.routes && Shopify.routes.root) || '/';
1589    var CAU = /thanh to[aá]n ri[eê]ng|checked out separately/i;
1590    var fetchGoc = window.fetch;
1591    var dangHoi = false;
1592
1593    function laThem(input, init) {
1594      var url = typeof input === 'string' ? input : (input && input.url) || '';
1595      var m = (init && init.method) || (input && input.method) || 'GET';
1596      return /\/cart\/add(\.js)?(\?|$)/.test(url) && String(m).toUpperCase() === 'POST';
1597    }
1598    function tien(xu) { return new Intl.NumberFormat('vi-VN').format(Math.round(xu / 100)) + '₫'; }
1599    /* Bản VI viết hoa chữ đầu tên sản phẩm như trên trang (chốt 07/09); bản EN giữ chữ thường của brand */
1600    var laVi = document.documentElement.lang.indexOf('en') !== 0;
1601    function hoaDau(t) { t = t || ''; return laVi ? t.charAt(0).toUpperCase() + t.slice(1) : t; }
1602    function esc(t) { var d = document.createElement('div'); d.textContent = t == null ? '' : t; return d.innerHTML; }
1603
1604    function hoi(gio) {
1605      return new Promise(function (traLoi) {
1606        var c = hop.dataset;
1607        var coDv = gio.items.some(function (it) { return it.requires_shipping === false; });
1608        hop.querySelector('.gdl__tieu-de').textContent = coDv ? c.tieuDeDv : c.tieuDeSp;
1609        hop.querySelector('[data-gdl-ds]').innerHTML = gio.items.map(function (it) {
1610          var anh = it.image ? '<img src="' + esc(it.image + (it.image.indexOf('?') > -1 ? '&' : '?') + 'width=120') + '" alt="" width="48" height="48" loading="lazy">' : '';
1611          return '<li>' + anh + '<span>' + esc(hoaDau(it.product_title)) + (it.quantity > 1 ? ' × ' + it.quantity : '') + '</span><b>' + (it.final_line_price ? tien(it.final_line_price) : '') + '</b></li>';
1612        }).join('');
1613        var bao = hop.querySelector('[data-gdl-bao]'); bao.textContent = '';
1614        var nutTiep = hop.querySelector('[data-gdl-tiep]');
1615        var truoc = document.activeElement;
1616        hop.hidden = false;
1617        nutTiep.disabled = false;
1618        nutTiep.focus({ preventScroll: true });
1619        function xong(v) {
1620          hop.hidden = true;
1621          hop.removeEventListener('click', bam); document.removeEventListener('keydown', phim, true);
1622          if (truoc && truoc.focus) try { truoc.focus({ preventScroll: true }); } catch (e) {}
1623          traLoi(v);
1624        }
1625        function bam(e) {
1626          if (e.target.closest('[data-gdl-giu]')) xong(false);
1627          else if (e.target.closest('[data-gdl-tiep]')) xong(true);
1628        }
1629        function phim(e) { if (e.key === 'Escape') { e.stopPropagation(); xong(false); } }
1630        hop.addEventListener('click', bam); document.addEventListener('keydown', phim, true);
1631      });
1632    }
1633
1634    window.fetch = function (input, init) {
1635      var p = fetchGoc.apply(this, arguments);
1636      if (dangHoi || !laThem(input, init)) return p;
1637      var self = this, args = arguments;
1638      return p.then(function (res) {
1639        if (res.status < 400 || res.status > 499) return res;
1640        return res.clone().text().then(function (txt) {
1641          if (!CAU.test(txt) || dangHoi) return res;
1642          dangHoi = true;
1643          return fetchGoc(goc + 'cart.js', { headers: { Accept: 'application/json' } })
1644            .then(function (r) { return r.json(); })
1645            .then(function (gio) {
1646              if (!gio.items || !gio.items.length) return res;
1647              return hoi(gio).then(function (dongY) {
1648                if (!dongY) return res;
1649                return fetchGoc(goc + 'cart/clear.js', { method: 'POST', headers: { Accept: 'application/json' } })
1650                  .then(function () { return fetchGoc.apply(self, args); });
1651              });
1652            })
1653            .catch(function () { return res; });
1654        }).then(function (kq) { dangHoi = false; return kq; }, function () { dangHoi = false; return res; });
1655      });
1656    };
1657  })();
1658</script>
1658
1659<section id="shopify-section-newsletter-popup" class="shopify-section"><input class="js-enabled-newsletter" type="hidden" value="false">
1660 
1660<script>
1661  /* 28/08 — THEM CHOT CHAN NULL.
1662     Khoi script nay nam NGOAI khoi dieu kien dung <newsletter-popup> ben tren,
1663     nen no chay ca khi popup bi tat. Luc do #ContactNewsletterPopup khong ton tai
1664     va dong duoi nem:
1665     (Luu y nguoi sua sau: DUNG viet cu phap the Liquid trong chu thich JS o day —
1666      Liquid doc tep truoc JS nen no coi do la the that va bao loi cu phap.)
1667       TypeError: Cannot read properties of null (reading 'addEventListener')
1668     Loi do giet ca khoi script, do duoc tren MOI trang cua ban le.
1669     Cac o ben trong cung phai kiem: form co thi cac o van co the vang. */
1670  (function () {
1671    var form = document.getElementById('ContactNewsletterPopup');
1672    if (!form) return;
1673    form.addEventListener('submit', function () {
1674      var oPhone = form.querySelector('input[name="contact[phone]"]');
1675      var oLoai = form.querySelector('select[name="contact[request_type]"]');
1676      var oGhiChu = document.getElementById('customer_note');
1677      if (!oGhiChu) return;
1678      oGhiChu.value = 'Phone: ' + (oPhone ? oPhone.value : '')
1679        + ' | Request Type: ' + (oLoai ? oLoai.value : '');
1680    });
1681  })();
1682</script>
1682
1683</section>
1684    <div id="shopify-section-announcement-bar" class="shopify-section"><link href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-slider.css?v=26678786172737760321761548520" rel="stylesheet" type="text/css" media="all" />
1685<link href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-slideshow.css?v=67352343031436539431713852756" rel="stylesheet" type="text/css" media="all" />
1686<link href="//dermalogica.com.vn/cdn/shop/t/19/assets/custom-slideshow.css?v=82128891650081533831713852756" rel="stylesheet" type="text/css" media="all" />�<style data-shopify>#shopify-section-announcement-bar p {
1687    margin: 0;
1688  }</style><slideshow-component class="announcement-bar cs-bg-primary-light slider-mobile-gutter" role="region" aria-roledescription="" aria-label="">
1689  <button type="button" class="slider-button slider-button--prev cs-text-white" name="previous" aria-label="Trang chiếu trước" aria-controls="Slider-announcement-bar"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1690  <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">
1691</svg>
1692</button>
1693  <div class="slideshow banner grid grid--1-col slider slider--everywhere"
1694    id="Slider-announcement-bar"
1695    aria-live="polite"
1696    aria-atomic="true"
1697    data-autoplay="true"data-speed="3"
1698  ><div class="slideshow__slide grid__item grid--1-col slider__slide"
1699          id="Slide-announcement-bar-1"
1700          
1701          role="group"
1702          aria-roledescription=""
1703          aria-label="1 trong số 2"
1704          tabindex="-1"
1705        ><div class="announcement-bar__message h4 cs-text-white">
1706                  <p>Miễn phí giao hàng cho đơn từ <strong>1.100.000</strong></p>
1707                </div></div><div class="slideshow__slide grid__item grid--1-col slider__slide"
1708          id="Slide-announcement-bar-2"
1709          
1710          role="group"
1711          aria-roledescription=""
1712          aria-label="2 trong số 2"
1713          tabindex="-1"
1714        ><div class="announcement-bar__message h4 cs-text-white">
1715                  <p>Gặp gỡ chuyên gia và phân tích da bằng công nghệ AI <a href="/pages/face-mapping-1" title="Face mapping"><span style="text-decoration:underline">tìm hiểu thêm</span></a></p>
1716                </div></div></div>
1717  <button type="button" class="slider-button slider-button--next cs-text-white" name="next" aria-label="Trang chiếu sau" aria-controls="Slider-announcement-bar"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1718  <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">
1719</svg>
1720</button>
1721</slideshow-component>
1722
1723
1724</div>
1725<div id="shopify-section-header" class="shopify-section section-header"><link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-list-menu.css?v=151968516119678728991713852755" >
1726<link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-search.css?v=96455689198851321781713852756" media="print" onload="this.media='all'">
1727<link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-menu-drawer.css?v=182311192829367774911713852755" media="print" onload="this.media='all'">
1728<link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-cart-notification.css?v=82733039868918257771713852755" media="print" onload="this.media='all'">
1729<link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-cart-items.css?v=10907164135813340131790956727" media="print" onload="this.media='all'"><link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-price.css?v=59888271946109704821790949498" media="print" onload="this.media='all'">
1730  <link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-loading-overlay.css?v=167310470843593579841713852755" media="print" onload="this.media='all'"><link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-mega-menu.css?v=11509512667749045131790949498" media="print" onload="this.media='all'">
1731  <noscript><link href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-mega-menu.css?v=11509512667749045131790949498" rel="stylesheet" type="text/css" media="all" /></noscript><noscript><link href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-list-menu.css?v=151968516119678728991713852755" rel="stylesheet" type="text/css" media="all" /></noscript>
1732<noscript><link href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-search.css?v=96455689198851321781713852756" rel="stylesheet" type="text/css" media="all" /></noscript>
1733<noscript><link href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-menu-drawer.css?v=182311192829367774911713852755" rel="stylesheet" type="text/css" media="all" /></noscript>
1734<noscript><link href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-cart-notification.css?v=82733039868918257771713852755" rel="stylesheet" type="text/css" media="all" /></noscript>
1735<noscript><link href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-cart-items.css?v=10907164135813340131790956727" rel="stylesheet" type="text/css" media="all" /></noscript>
1736
1737<link href="//dermalogica.com.vn/cdn/shop/t/19/assets/custom-header.css?v=112691771298967970871790949578" rel="stylesheet" type="text/css" media="all" />
1738<style data-shopify>.header {
1739    padding-top: 10px;
1740    padding-bottom: 10px;
1741  }
1742
1743  .section-header {
1744    margin-bottom: 0px;
1745  }
1746
1747  @media screen and (min-width: 750px) {
1748    .section-header {
1749      margin-bottom: 0px;
1750    }
1751  }
1752
1753  @media screen and (min-width: 990px) {
1754    .header {
1755      padding-top: 20px;
1756      padding-bottom: 20px;
1757    }
1758  }
1759
1760  /* --- Custom --- */
1761  .header__heading-logo {
1762    max-width: 210px;
1763  }</style>
1763<script src="//dermalogica.com.vn/cdn/shop/t/19/assets/details-disclosure.js?v=153497636716254413831713852756" defer="defer"></script>
vendor: 1 bytes, line 1763
1763
1764<script src="//dermalogica.com.vn/cdn/shop/t/19/assets/details-modal.js?v=4511761896672669691713852756" defer="defer"></script>
vendor: 1 bytes, line 1764
1764
1765<script src="//dermalogica.com.vn/cdn/shop/t/19/assets/cart-notification.js?v=31179948596492670111713852755" defer="defer"></script>
1765<svg xmlns="http://www.w3.org/2000/svg" class="hidden">
1766  <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
1767    <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"/>
1768  </symbol>
1769
1770  <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
1771    <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">
1772  </symbol>
1773</svg><sticky-header class="header-wrapper color-background-1 gradient header-wrapper--border-bottom">
1774  <header class="header header--top-center page-width page-width--full header--has-menu"><header-drawer data-breakpoint="tablet">
1775        <details id="Details-menu-drawer-container" class="menu-drawer-container">
1776          <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu">
1777            <span>
1778              <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">
1779  <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">
1780</svg>
1781
1782              <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">
1783  <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">
1784</svg>
1785
1786            </span>
1787          </summary>
1788          <div id="menu-drawer" class="gradient menu-drawer motion-reduce" tabindex="-1">
1789            <div class="menu-drawer__inner-container">
1790              <div class="menu-drawer__navigation-container">
1791                <nav class="menu-drawer__navigation">
1792                  <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><details id="Details-menu-drawer-menu-item-1">
1793                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
1794                              Mua hàng
1795                              <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">
1796  <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">
1797</svg>
1798
1799                              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1800  <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">
1801</svg>
1802
1803                            </summary>
1804                            <div id="link-Mua hàng" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1">
1805                              <div class="menu-drawer__inner-submenu">
1806                                <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
1807                                  <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">
1808  <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">
1809</svg>
1810
1811                                  Mua hàng
1812                                </button>
1813                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1813<details id="Details-menu-drawer-submenu-Nổi-bật-1">
1814                                          <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1815                                            Nổi bật
1816                                            <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">
1817  <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">
1818</svg>
1819
1820                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1821  <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">
1822</svg>
1823
1824                                          </summary>
1825                                          <div id="childlink-Nổi bật" class="menu-drawer__submenu has-submenu gradient motion-reduce">
1826                                            <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
1827                                              <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">
1828  <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">
1829</svg>
1830
1831                                              Nổi bật
1832                                            </button>
1833                                            <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1834                                                  <a href="/collections/all" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1835                                                    Tất cả sản phẩm
1836                                                  </a>
1837                                                </li><li>
1838                                                  <a href="/collections/new-arrivals" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1839                                                    Sản phẩm mới
1840                                                  </a>
1841                                                </li><li>
1842                                                  <a href="/collections/best-sellers" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1843                                                    Bán chạy nhất
1844                                                  </a>
1845                                                </li><li>
1846                                                  <a href="/collections/award-winners" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1847                                                    Đạt giải thưởng
1848                                                  </a>
1849                                                </li><li>
1850                                                  <a href="/collections/skin-kits-b%E1%BB%99-kit" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1851                                                    Bộ sản phẩm
1852                                                  </a>
1853                                                </li><li>
1854                                                  <a href="/pages/kh%E1%BB%9Fi-d%E1%BA%A7u-v%E1%BB%9Bi-minisize" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1855                                                    Dung tích du lịch
1856                                                  </a>
1857                                                </li><li>
1858                                                  <a href="/collections/jumbos" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1859                                                    Dung tích lớn
1860                                                  </a>
1861                                                </li></ul>
1862                                          </div>
1863                                        </details></li><li>
1863<details id="Details-menu-drawer-submenu-Danh-mục-2">
1864                                          <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1865                                            Danh mục
1866                                            <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">
1867  <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">
1868</svg>
1869
1870                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1871  <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">
1872</svg>
1873
1874                                          </summary>
1875                                          <div id="childlink-Danh mục" class="menu-drawer__submenu has-submenu gradient motion-reduce">
1876                                            <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
1877                                              <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">
1878  <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">
1879</svg>
1880
1881                                              Danh mục
1882                                            </button>
1883                                            <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1884                                                  <a href="/collections/cleansers" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1885                                                    Sữa rửa mặt
1886                                                  </a>
1887                                                </li><li>
1888                                                  <a href="/collections/exfoliant" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1889                                                    Tẩy da chết
1890                                                  </a>
1891                                                </li><li>
1892                                                  <a href="/collections/masque" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1893                                                    Mặt nạ
1894                                                  </a>
1895                                                </li><li>
1896                                                  <a href="/collections/toner" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1897                                                    Nước cân bằng
1898                                                  </a>
1899                                                </li><li>
1900                                                  <a href="/collections/facial-oils-and-serums" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1901                                                    Dầu dưỡng và tinh chất
1902                                                  </a>
1903                                                </li><li>
1904                                                  <a href="/collections/eye-treatments" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1905                                                    Điều trị mắt
1906                                                  </a>
1907                                                </li><li>
1908                                                  <a href="/collections/targeted-treatment" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1909                                                    Điều trị tập trung
1910                                                  </a>
1911                                                </li><li>
1912                                                  <a href="/collections/moisturizers" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1913                                                    Dưỡng ẩm
1914                                                  </a>
1915                                                </li><li>
1916                                                  <a href="/collections/spf" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1917                                                    Chống nắng
1918                                                  </a>
1919                                                </li><li>
1920                                                  <a href="/collections/body" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1921                                                    Chăm sóc cơ thể
1922                                                  </a>
1923                                                </li></ul>
1924                                          </div>
1925                                        </details></li><li>
1925<details id="Details-menu-drawer-submenu-Vấn-đề-về-da-3">
1926                                          <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1927                                            Vấn đề về da
1928                                            <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">
1929  <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">
1930</svg>
1931
1932                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1933  <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">
1934</svg>
1935
1936                                          </summary>
1937                                          <div id="childlink-Vấn đề về da" class="menu-drawer__submenu has-submenu gradient motion-reduce">
1938                                            <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
1939                                              <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">
1940  <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">
1941</svg>
1942
1943                                              Vấn đề về da
1944                                            </button>
1945                                            <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
1946                                                  <a href="/collections/signs-of-skin-aging" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1947                                                    Lão hoá
1948                                                  </a>
1949                                                </li><li>
1950                                                  <a href="/collections/active-clearing" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1951                                                    Mụn
1952                                                  </a>
1953                                                </li><li>
1954                                                  <a href="/collections/sensitivity-and-redness" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1955                                                    Nhạy cảm
1956                                                  </a>
1957                                                </li><li>
1958                                                  <a href="/collections/uneven-skin-tone-1" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1959                                                    Thâm nám
1960                                                  </a>
1961                                                </li><li>
1962                                                  <a href="/collections/dryness-and-dehydration" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1963                                                    Da khô và thiếu nước
1964                                                  </a>
1965                                                </li><li>
1966                                                  <a href="/collections/oilliness" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1967                                                    Dầu nhờn
1968                                                  </a>
1969                                                </li><li>
1970                                                  <a href="/collections/dull-and-lackluster-skin" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1971                                                    Xỉn màu và kém rạng rỡ
1972                                                  </a>
1973                                                </li><li>
1974                                                  <a href="/collections/uneven-skin-tone" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1975                                                    Không đều màu
1976                                                  </a>
1977                                                </li></ul>
1978                                          </div>
1979                                        </details></li><li>
1979<details id="Details-menu-drawer-submenu-Hệ-thống-Franchise-4">
1980                                          <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
1981                                            Hệ thống Franchise
1982                                            <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">
1983  <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">
1984</svg>
1985
1986                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
1987  <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">
1988</svg>
1989
1990                                          </summary>
1991                                          <div id="childlink-Hệ thống Franchise" class="menu-drawer__submenu has-submenu gradient motion-reduce">
1992                                            <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
1993                                              <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">
1994  <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">
1995</svg>
1996
1997                                              Hệ thống Franchise
1998                                            </button>
1999                                            <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
2000                                                  <a href="/collections/daily-skin-health" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2001                                                    Daily Skin Health
2002                                                  </a>
2003                                                </li><li>
2004                                                  <a href="/collections/age-smart" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2005                                                    Age Smart
2006                                                  </a>
2007                                                </li><li>
2008                                                  <a href="/collections/active-clearing" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2009                                                    Active Clearing
2010                                                  </a>
2011                                                </li><li>
2012                                                  <a href="/collections/biolumin-c" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2013                                                    BioLumin-C
2014                                                  </a>
2015                                                </li><li>
2016                                                  <a href="/collections/dynamic-franchise" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2017                                                    Dynamic Skin
2018                                                  </a>
2019                                                </li><li>
2020                                                  <a href="/collections/multivitamin-franchise" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2021                                                    MultiVitamin Power
2022                                                  </a>
2023                                                </li><li>
2024                                                  <a href="/collections/powerbright" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2025                                                    PowerBright
2026                                                  </a>
2027                                                </li><li>
2028                                                  <a href="/collections/phyto-franchise" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2029                                                    Phyto Nature
2030                                                  </a>
2031                                                </li><li>
2032                                                  <a href="/collections/ultracalming" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2033                                                    UltraCalming
2034                                                  </a>
2035                                                </li></ul>
2036                                          </div>
2037                                        </details></li>
2038                                  
2039
2040                                        
2041
2042                                        
2043                                        
2044                                          <div class="menucallout menucallout-mobile">
2045
2046                                            
2047                                              <a href="/products/daily-microfoliant">
2048                                            
2049                                              
2050                                              
2051                                                <img loading="lazy" src="//dermalogica.com.vn/cdn/shop/files/3_46e4664a-7c25-4c27-9893-085927879ab0_300x.png?v=1743569122" alt="">
2052                                              
2053
2054                                              
2055                                                <h3 class="menucallout__title">shop daily microfoliant ➔</h3>
2056                                              
2057
2058                                            
2059                                              </a>
2060                                            
2061
2062                                          </div>
2063                                        
2064
2065                                        
2066                                        </ul>
2067                              </div>
2068                            </div>
2069                          </details></li>
2070                      
2071<li>
2071<details id="Details-menu-drawer-menu-item-2">
2072                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
2073                              Ưu đãi tháng
2074                              <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">
2075  <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">
2076</svg>
2077
2078                              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
2079  <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">
2080</svg>
2081
2082                            </summary>
2083                            <div id="link-Ưu đãi tháng" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1">
2084                              <div class="menu-drawer__inner-submenu">
2085                                <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
2086                                  <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">
2087  <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">
2088</svg>
2089
2090                                  Ưu đãi tháng
2091                                </button>
2092                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a href="/collections/special-deal" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2093                                          Làn da không tì vết
2094                                        </a></li><li><a href="/collections/best-seller" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2095                                          Bán chạy nhất
2096                                        </a></li><li><a href="/pages/dealer-program" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2097                                          Bổ sung khoảng trống
2098                                        </a></li>
2099                                  
2100
2101                                        
2102
2103                                        
2104                                        
2105                                        
2106
2107                                        
2108                                        </ul>
2109                              </div>
2110                            </div>
2111                          </details></li>
2112                      
2113<li><a href="/collections/skin-treatments" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
2114                            Điều trị chuyên nghiệp
2115                          </a></li>
2116                      
2117<li><a href="/pages/face-mapping-1" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
2118                            Gặp gỡ chuyên gia
2119                          </a></li>
2120                      
2121<li><details id="Details-menu-drawer-menu-item-5">
2122                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
2123                              Sự kiện
2124                              <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">
2125  <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">
2126</svg>
2127
2128                              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
2129  <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">
2130</svg>
2131
2132                            </summary>
2133                            <div id="link-Sự kiện" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1">
2134                              <div class="menu-drawer__inner-submenu">
2135                                <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
2136                                  <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">
2137  <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">
2138</svg>
2139
2140                                  Sự kiện
2141                                </button>
2142                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a href="https://dermalogica.com.vn/pages/biolumin-c-heat-aging-event" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2143                                          Đánh bại lão hoá do nhiệt
2144                                        </a></li><li><a href="https://dermalogica.com.vn/pages/stabilizing-repair-serum-launching-event" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2145                                          Khoa học phục hồi làn da
2146                                        </a></li>
2147                                  
2148
2149                                        
2150
2151                                        
2152                                        
2153                                        
2154
2155                                        
2156                                        </ul>
2157                              </div>
2158                            </div>
2159                          </details></li>
2160                      
2161<li>
2161<details id="Details-menu-drawer-menu-item-6">
2162                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
2163                              Chương trình đặc quyền
2164                              <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">
2165  <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">
2166</svg>
2167
2168                              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
2169  <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">
2170</svg>
2171
2172                            </summary>
2173                            <div id="link-Chương trình đặc quyền" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1">
2174                              <div class="menu-drawer__inner-submenu">
2175                                <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
2176                                  <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">
2177  <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">
2178</svg>
2179
2180                                  Chương trình đặc quyền
2181                                </button>
2182                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a href="/pages/refer-a-friend" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2183                                          Giới thiệu bạn bè
2184                                        </a></li>
2185                                  <li>
2186      <a href="/pages/membership" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">Thành viên</a>
2187    </li><li>
2188      <a href="/pages/point-rewards" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">Tích điểm</a>
2189    </li><li>
2190      <a href="/pages/birthday" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">Quà sinh nhật</a>
2191    </li><li>
2192      <a href="/pages/replenish" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">Chăm sóc tiếp nối</a>
2193    </li>
2194
2195                                        
2196
2197                                        
2198                                        
2199                                        
2200
2201                                        
2202                                        </ul>
2203                              </div>
2204                            </div>
2205                          </details></li>
2206                      
2207<li><details id="Details-menu-drawer-menu-item-7">
2208                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
2209                              Về chúng tôi
2210                              <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">
2211  <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">
2212</svg>
2213
2214                              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
2215  <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">
2216</svg>
2217
2218                            </summary>
2219                            <div id="link-Về chúng tôi" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1">
2220                              <div class="menu-drawer__inner-submenu">
2221                                <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
2222                                  <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">
2223  <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">
2224</svg>
2225
2226                                  Về chúng tôi
2227                                </button>
2228                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
2228<details id="Details-menu-drawer-submenu-Câu-chuyện-1">
2229                                          <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2230                                            Câu chuyện
2231                                            <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">
2232  <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">
2233</svg>
2234
2235                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
2236  <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">
2237</svg>
2238
2239                                          </summary>
2240                                          <div id="childlink-Câu chuyện" class="menu-drawer__submenu has-submenu gradient motion-reduce">
2241                                            <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
2242                                              <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">
2243  <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">
2244</svg>
2245
2246                                              Câu chuyện
2247                                            </button>
2248                                            <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
2249                                                  <a href="/pages/our-story-1" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2250                                                    Câu chuyện của chúng tôi
2251                                                  </a>
2252                                                </li><li>
2253                                                  <a href="/pages/test-sustainability" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2254                                                    Tính bền vững
2255                                                  </a>
2256                                                </li><li>
2257                                                  <a href="/pages/social-impact" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2258                                                    Sức ảnh hưởng xã hội
2259                                                  </a>
2260                                                </li></ul>
2261                                          </div>
2262                                        </details></li><li><details id="Details-menu-drawer-submenu-Bài-viết-2">
2263                                          <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2264                                            Bài viết
2265                                            <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">
2266  <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">
2267</svg>
2268
2269                                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
2270  <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">
2271</svg>
2272
2273                                          </summary>
2274                                          <div id="childlink-Bài viết" class="menu-drawer__submenu has-submenu gradient motion-reduce">
2275                                            <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
2276                                              <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">
2277  <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">
2278</svg>
2279
2280                                              Bài viết
2281                                            </button>
2282                                            <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
2283                                                  <a href="/blogs/living-skin" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2284                                                    Lão hóa
2285                                                  </a>
2286                                                </li><li>
2287                                                  <a href="#" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2288                                                    Mụn
2289                                                  </a>
2290                                                </li><li>
2291                                                  <a href="/blogs/living-skin" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2292                                                    Sắc tố
2293                                                  </a>
2294                                                </li><li>
2295                                                  <a href="/blogs/living-skin" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
2296                                                    Nhạy cảm
2297                                                  </a>
2298                                                </li></ul>
2299                                          </div>
2300                                        </details></li>
2301                                  
2302
2303                                        
2304
2305                                        
2306                                        
2307                                        
2308
2309                                        
2310                                        
2311                                          <div class="menucallout menucallout-mobile">
2312
2313                                            
2314                                              <a href="/products/daily-microfoliant">
2315                                            
2316                                              
2317                                              
2318                                                <img loading="lazy" src="//dermalogica.com.vn/cdn/shop/files/1_79af8539-2291-4acb-91ce-e2a242559e88_300x.png?v=1743569117" alt="">
2319                                              
2320
2321                                              
2322                                                <h3 class="menucallout__title">Daily Microfoliant</h3>
2323                                              
2324
2325                                            
2326                                              </a>
2327                                            
2328
2329                                          </div></ul>
2330                              </div>
2331                            </div>
2332                          </details></li>
2333                      
2334
2335
2336                  </ul>
2337                </nav>
2338                <div class="menu-drawer__utility-links">
2339                  <div class="login_wrapper" onclick="window.location.href='/customer_authentication/login?return_to=%2Fpages%2Fstore-locator&locale=vi&ui_hint=full&region_country=VN';"><span class="signIn">Đăng nhập</span>
2340                  </div>
2341                  
2342<ul class="list list-social list-unstyled" role="list"><li class="list-social__item">
2343                        <a href="https://www.facebook.com/dermalogicavietnam" class="list-social__link link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewB
2343ox="0 0 18 18">
2344  <path fill="currentColor" d="M16.42.61c.27 0 .5.1.69.28.19.2.28.42.28.7v15.44c0 .27-.1.5-.28.69a.94.94 0 01-.7.28h-4.39v-6.7h2.25l.31-2.65h-2.56v-1.7c0-.4.1-.72.28-.93.18-.2.5-.32 1-.32h1.37V3.35c-.6-.06-1.27-.1-2.01-.1-1.01 0-1.83.3-2.45.9-.62.6-.93 1.44-.93 2.53v1.97H7.04v2.65h2.24V18H.98c-.28 0-.5-.1-.7-.28a.94.94 0 01-.28-.7V1.59c0-.27.1-.5.28-.69a.94.94 0 01.7-.28h15.44z">
2345</svg>
2346<span class="visually-hidden">Facebook</span>
2347                        </a>
2348                      </li><li class="list-social__item">
2349                        <a href="https://www.instagram.com/dermalogica_vn/?fbclid=IwZXh0bgNhZW0CMTAAAR1K_FnL0-W6dGIOtbWbDZeKQRs4Ex0bDBaT6jeZ08vvQ_bw10nlvCskp6s_aem_qN1XonR_xUIKXSUPtgaCwQ" class="list-social__link link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 18 18">
2350  <path fill="currentColor" d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z"/>
2351  <path fill="currentColor" d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z">
2352</svg>
2353<span class="visually-hidden">Instagram</span>
2354                        </a>
2355                      </li><li class="list-social__item">
2356                        <a href="https://www.tiktok.com/@dermalogicavn" class="list-social__link link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-tiktok" width="16" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
2357  <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">
2358</svg>
2359<span class="visually-hidden">TikTok</span>
2360                        </a>
2361                      </li><li class="list-social__item">
2362                        <a href="https://www.youtube.com/@dermalogicavietnamofficial" class="list-social__link link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" viewBox="0 0 100 70">
2363  <path d="M98 11c2 7.7 2 24 2 24s0 16.3-2 24a12.5 12.5 0 01-9 9c-7.7 2-39 2-39 2s-31.3 0-39-2a12.5 12.5 0 01-9-9c-2-7.7-2-24-2-24s0-16.3 2-24c1.2-4.4 4.6-7.8 9-9 7.7-2 39-2 39-2s31.3 0 39 2c4.4 1.2 7.8 4.6 9 9zM40 50l26-15-26-15v30z" fill="currentColor">
2364</svg>
2365<span class="visually-hidden">YouTube</span>
2366                        </a>
2367                      </li></ul>
2368                </div>
2369              </div>
2370            </div>
2371          </div>
2372        </details><details-modal class="header__search header__search-left">
2373            <details>
2374              <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Tìm kiếm">
2375                <span>
2376                  <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" role="presentation">
2377                    <use href="#icon-search">
2378                  </svg>
2379                  <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false" role="presentation">
2380                    <use href="#icon-close">
2381                  </svg>
2382                </span>
2383              </summary>
2384              <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Tìm kiếm">
2385                <div class="modal-overlay"></div>
2386                <div class="search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="Đang tải..."><form action="/search" method="get" role="search" class="search search-modal__form">
2387                      <div class="field">
2388                        <input class="search__input field__input"
2389                          id="Search-In-Modal-1"
2390                          type="search"
2391                          name="q"
2392                          value=""
2393                          placeholder="Tìm kiếm"role="combobox"
2394                            aria-expanded="false"
2395                            aria-owns="predictive-search-results-list"
2396                            aria-controls="predictive-search-results-list"
2397                            aria-haspopup="listbox"
2398                            aria-autocomplete="list"
2399                            autocorrect="off"
2400                            autocomplete="off"
2401                            autocapitalize="off"
2402                            spellcheck="false">
2403                        <label class="field__label" for="Search-In-Modal-1">Tìm kiếm</label>
2404                        <input type="hidden" name="options[prefix]" value="last">
2405                        <button class="search__button field__button" aria-label="Tìm kiếm">
2406                          <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
2407                            <use href="#icon-search">
2408                          </svg>
2409                        </button>
2410                      </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
2411                          <div class="predictive-search__loading-state">
2412                            <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
2413                              <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
2414                            </svg>
2415                          </div>
2416                        </div>
2417
2418                        <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="Đóng">
2419                    <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation">
2420                      <use href="#icon-close">
2421                    </svg>
2422                  </button>
2423                </div>
2424              </div>
2425            </details>
2426          </details-modal></header-drawer><a href="/" class="header__heading-link link link--text focus-inset" title="Visit our Homepage"><style>
2427                .company_logo {
2428                  max-width: 210px;
2429                  width: 100%;
2430                  height: auto;
2431                }
2432              </style><img src="https://cdn.shopify.com/s/files/1/0422/8857/8713/files/dermalogica-logo.svg?v=1658756270" alt="Dermalogica Vietnam" class="company_logo" width="210" height="22" /></a><nav class="header__inline-menu">
2433          <ul class="list-menu list-menu--inline" role="list"><li><header-menu>
2434                    <details id="Details-HeaderMenu-1" class="mega-menu">
2435                      <summary class="header__menu-item list-menu__item link focus-inset">
2436                        <span>Mua hàng</span>
2437                        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
2438  <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">
2439</svg>
2440
2441                      </summary>
2442                      
2443                      
2444                        <div id="MegaMenu-Content-1" class="mega-menu__content gradient motion-reduce global-settings-popup" tabindex="-1">
2445                          <ul class="mega-menu__list page-width" role="list"><li>
2446                                <a href="#" class="mega-menu__link mega-menu__link--level-2 link">
2447                                  Nổi bật
2448                                </a><ul class="list-unstyled" role="list"><li>
2449                                        <a href="/collections/all" class="mega-menu__link link">
2450                                          Tất cả sản phẩm
2451                                        </a>
2452                                      </li><li>
2453                                        <a href="/collections/new-arrivals" class="mega-menu__link link">
2454                                          Sản phẩm mới
2455                                        </a>
2456                                      </li><li>
2457                                        <a href="/collections/best-sellers" class="mega-menu__link link">
2458                                          Bán chạy nhất
2459                                        </a>
2460                                      </li><li>
2461                                        <a href="/collections/award-winners" class="mega-menu__link link">
2462                                          Đạt giải thưởng
2463                                        </a>
2464                                      </li><li>
2465                                        <a href="/collections/skin-kits-b%E1%BB%99-kit" class="mega-menu__link link">
2466                                          Bộ sản phẩm
2467                                        </a>
2468                                      </li><li>
2469                                        <a href="/pages/kh%E1%BB%9Fi-d%E1%BA%A7u-v%E1%BB%9Bi-minisize" class="mega-menu__link link">
2470                                          Dung tích du lịch
2471                                        </a>
2472                                      </li><li>
2473                                        <a href="/collections/jumbos" class="mega-menu__link link">
2474                                          Dung tích lớn
2475                                        </a>
2476                                      </li></ul></li><li>
2477                                <a href="#" class="mega-menu__link mega-menu__link--level-2 link">
2478                                  Danh mục
2479                                </a><ul class="list-unstyled" role="list"><li>
2480                                        <a href="/collections/cleansers" class="mega-menu__link link">
2481                                          Sữa rửa mặt
2482                                        </a>
2483                                      </li><li>
2484                                        <a href="/collections/exfoliant" class="mega-menu__link link">
2485                                          Tẩy da chết
2486                                        </a>
2487                                      </li><li>
2488                                        <a href="/collections/masque" class="mega-menu__link link">
2489                                          Mặt nạ
2490                                        </a>
2491                                      </li><li>
2492                                        <a href="/collections/toner" class="mega-menu__link link">
2493                                          Nước cân bằng
2494                                        </a>
2495                                      </li><li>
2496                                        <a href="/collections/facial-oils-and-serums" class="mega-menu__link link">
2497                                          Dầu dưỡng và tinh chất
2498                                        </a>
2499                                      </li><li>
2500                                        <a href="/collections/eye-treatments" class="mega-menu__link link">
2501                                          Điều trị mắt
2502                                        </a>
2503                                      </li><li>
2504                                        <a href="/collections/targeted-treatment" class="mega-menu__link link">
2505                                          Điều trị tập trung
2506                                        </a>
2507                                      </li><li>
2508                                        <a href="/collections/moisturizers" class="mega-menu__link link">
2509                                          Dưỡng ẩm
2510                                        </a>
2511                                      </li><li>
2512                                        <a href="/collections/spf" class="mega-menu__link link">
2513                                          Chống nắng
2514                                        </a>
2515                                      </li><li>
2516                                        <a href="/collections/body" class="mega-menu__link link">
2517                                          Chăm sóc cơ thể
2518                                        </a>
2519                                      </li></ul></li><li>
2520                                <a href="#" class="mega-menu__link mega-menu__link--level-2 link">
2521                                  Vấn đề về da
2522                                </a><ul class="list-unstyled" role="list"><li>
2523                                        <a href="/collections/signs-of-skin-aging" class="mega-menu__link link">
2524                                          Lão hoá
2525                                        </a>
2526                                      </li><li>
2527                                        <a href="/collections/active-clearing" class="mega-menu__link link">
2528                                          Mụn
2529                                        </a>
2530                                      </li><li>
2531                                        <a href="/collections/sensitivity-and-redness" class="mega-menu__link link">
2532                                          Nhạy cảm
2533                                        </a>
2534                                      </li><li>
2535                                        <a href="/collections/uneven-skin-tone-1" class="mega-menu__link link">
2536                                          Thâm nám
2537                                        </a>
2538                                      </li><li>
2539                                        <a href="/collections/dryness-and-dehydration" class="mega-menu__link link">
2540                                          Da khô và thiếu nước
2541                                        </a>
2542                                      </li><li>
2543                                        <a href="/collections/oilliness" class="mega-menu__link link">
2544                                          Dầu nhờn
2545                                        </a>
2546                                      </li><li>
2547                                        <a href="/collections/dull-and-lackluster-skin" class="mega-menu__link link">
2548                                          Xỉn màu và kém rạng rỡ
2549                                        </a>
2550                                      </li><li>
2551                                        <a href="/collections/uneven-skin-tone" class="mega-menu__link link">
2552                                          Không đều màu
2553                                        </a>
2554                                      </li></ul></li><li>
2555                                <a href="#" class="mega-menu__link mega-menu__link--level-2 link">
2556                                  Hệ thống Franchise
2557                                </a><ul class="list-unstyled" role="list"><li>
2558                                        <a href="/collections/daily-skin-health" class="mega-menu__link link">
2559                                          Daily Skin Health
2560                                        </a>
2561                                      </li><li>
2562                                        <a href="/collections/age-smart" class="mega-menu__link link">
2563                                          Age Smart
2564                                        </a>
2565                                      </li><li>
2566                                        <a href="/collections/active-clearing" class="mega-menu__link link">
2567                                          Active Clearing
2568                                        </a>
2569                                      </li><li>
2570                                        <a href="/collections/biolumin-c" class="mega-menu__link link">
2571                                          BioLumin-C
2572                                        </a>
2573                                      </li><li>
2574                                        <a href="/collections/dynamic-franchise" class="mega-menu__link link">
2575                                          Dynamic Skin
2576                                        </a>
2577                                      </li><li>
2578                                        <a href="/collections/multivitamin-franchise" class="mega-menu__link link">
2579                                          MultiVitamin Power
2580                                        </a>
2581                                      </li><li>
2582                                        <a href="/collections/powerbright" class="mega-menu__link link">
2583                                          PowerBright
2584                                        </a>
2585                                      </li><li>
2586                                        <a href="/collections/phyto-franchise" class="mega-menu__link link">
2587                                          Phyto Nature
2588                                        </a>
2589                                      </li><li>
2590                                        <a href="/collections/ultracalming" class="mega-menu__link link">
2591                                          UltraCalming
2592                                        </a>
2593                                      </li></ul></li>
2594                                  
2595
2596                                  
2597                                  
2598                                    
2599                                    <div class="menucallout">
2600
2601                                      
2602                                        <a href="/products/daily-microfoliant">
2603                                      
2604                                        
2605                                        
2606                                          <img loading="lazy" src="//dermalogica.com.vn/cdn/shop/files/3_46e4664a-7c25-4c27-9893-085927879ab0_300x.png?v=1743569122" alt="">
2607                                        
2608
2609                                        
2610                                          <h3 class="menucallout__title">shop daily microfoliant ➔</h3>
2611                                        
2612
2613                                      
2614                                        </a>
2615                                      
2616
2617                                    </div>
2618                                  
2619
2620                                  
2621                                  </ul>
2622                        </div>
2623                                           
2624                    </details>
2625                  </header-menu></li>
2626              
2627<li><header-menu>
2628                    <details id="Details-HeaderMenu-2" >
2629                      <summary class="header__menu-item list-menu__item link focus-inset">
2630                        <span>Ưu đãi tháng</span>
2631                        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
2632  <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">
2633</svg>
2634
2635                      </summary>
2636                      
2637                      
2638                        <ul id="HeaderMenu-MenuList-2" class="header__submenu list-menu list-menu--disclosure gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1"><li><a href="/collections/special-deal" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
2639                                  Làn da không tì vết
2640                                </a></li><li><a href="/collections/best-seller" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
2641                                  Bán chạy nhất
2642                                </a></li><li><a href="/pages/dealer-program" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
2643                                  Bổ sung khoảng trống
2644                                </a></li>
2645                          
2646                        </ul>
2647                                           
2648                    </details>
2649                  </header-menu></li>
2650              
2651<li><a href="/collections/skin-treatments" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset">
2652                    <span>Điều trị chuyên nghiệp</span>
2653                  </a></li>
2654              
2655<li><a href="/pages/face-mapping-1" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset">
2656                    <span>Gặp gỡ chuyên gia</span>
2657                  </a></li>
2658              
2659<li><header-menu>
2660                    <details id="Details-HeaderMenu-5" >
2661                      <summary class="header__menu-item list-menu__item link focus-inset">
2662                        <span>Sự kiện</span>
2663                        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
2664  <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">
2665</svg>
2666
2667                      </summary>
2668                      
2669                      
2670                        <ul id="HeaderMenu-MenuList-5" class="header__submenu list-menu list-menu--disclosure gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1"><li><a href="https://dermalogica.com.vn/pages/biolumin-c-heat-aging-event" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
2671                                  Đánh bại lão hoá do nhiệt
2672                                </a></li><li><a href="https://dermalogica.com.vn/pages/stabilizing-repair-serum-launching-event" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
2673                                  Khoa học phục hồi làn da
2674                                </a></li>
2675                          
2676                        </ul>
2677                                           
2678                    </details>
2679                  </header-menu></li>
2680              
2681<li><header-menu>
2682                    <details id="Details-HeaderMenu-6" >
2683                      <summary class="header__menu-item list-menu__item link focus-inset">
2684                        <span>Chương trình đặc quyền</span>
2685                        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
2686  <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">
2687</svg>
2688
2689                      </summary>
2690                      
2691                      
2692                        <ul id="HeaderMenu-MenuList-6" class="header__submenu list-menu list-menu--disclosure gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1"><li><a href="/pages/refer-a-friend" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
2693                                  Giới thiệu bạn bè
2694                                </a></li>
2695                          <li>
2696      <a href="/pages/membership" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Thành viên</a>
2697    </li><li>
2698      <a href="/pages/point-rewards" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Tích điểm</a>
2699    </li><li>
2700      <a href="/pages/birthday" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Quà sinh nhật</a>
2701    </li><li>
2702      <a href="/pages/replenish" class="header__menu-item list-menu__item link link--text focus-inset caption-large">Chăm sóc tiếp nối</a>
2703    </li>
2704                        </ul>
2705                                           
2706                    </details>
2707                  </header-menu></li>
2708              
2709<li><header-menu>
2710                    <details id="Details-HeaderMenu-7" class="mega-menu">
2711                      <summary class="header__menu-item list-menu__item link focus-inset">
2712                        <span>Về chúng tôi</span>
2713                        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
2714  <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">
2715</svg>
2716
2717                      </summary>
2718                      
2719                      
2720                        <div id="MegaMenu-Content-7" class="mega-menu__content gradient motion-reduce global-settings-popup" tabindex="-1">
2721                          <ul class="mega-menu__list page-width" role="list"><li>
2722                                <a href="/pages/our-story" class="mega-menu__link mega-menu__link--level-2 link">
2723                                  Câu chuyện
2724                                </a><ul class="list-unstyled" role="list"><li>
2725                                        <a href="/pages/our-story-1" class="mega-menu__link link">
2726                                          Câu chuyện của chúng tôi
2727                                        </a>
2728                                      </li><li>
2729                                        <a href="/pages/test-sustainability" class="mega-menu__link link">
2730                                          Tính bền vững
2731                                        </a>
2732                                      </li><li>
2733                                        <a href="/pages/social-impact" class="mega-menu__link link">
2734                                          Sức ảnh hưởng xã hội
2735                                        </a>
2736                                      </li></ul></li><li>
2737                                <a href="#" class="mega-menu__link mega-menu__link--level-2 link">
2738                                  Bài viết
2739                                </a><ul class="list-unstyled" role="list"><li>
2740                                        <a href="/blogs/living-skin" class="mega-menu__link link">
2741                                          Lão hóa
2742                                        </a>
2743                                      </li><li>
2744                                        <a href="#" class="mega-menu__link link">
2745                                          Mụn
2746                                        </a>
2747                                      </li><li>
2748                                        <a href="/blogs/living-skin" class="mega-menu__link link">
2749                                          Sắc tố
2750                                        </a>
2751                                      </li><li>
2752                                        <a href="/blogs/living-skin" class="mega-menu__link link">
2753                                          Nhạy cảm
2754                                        </a>
2755                                      </li></ul></li>
2756                                  
2757
2758                                  
2759                                  
2760                                  
2761
2762                                  
2763                                  
2764                                    
2765                                    <div class="menucallout">
2766
2767                                      
2768                                        <a href="/products/daily-microfoliant">
2769                                      
2770                                        
2771                                        
2772                                          <img loading="lazy" src="//dermalogica.com.vn/cdn/shop/files/1_79af8539-2291-4acb-91ce-e2a242559e88_300x.png?v=1743569117" alt="">
2773                                        
2774
2775                                        
2776                                          <h3 class="menucallout__title">Daily Microfoliant</h3>
2777                                        
2778
2779                                      
2780                                        </a>
2781                                      
2782
2783                                    </div></ul>
2784                        </div>
2785                                           
2786                    </details>
2787                  </header-menu></li>
2788              
2789
2790          </ul>
2791        </nav><div class="header__icons">
2792      <details-modal class="header__search header__search-right">
2793        <details>
2794          <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Tìm kiếm">
2795            <span>
2796              <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" role="presentation">
2797                <use href="#icon-search">
2798              </svg>
2799              <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false" role="presentation">
2800                <use href="#icon-close">
2801              </svg>
2802            </span>
2803          </summary>
2804          <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Tìm kiếm">
2805            <div class="modal-overlay"></div>
2806            <div class="search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="Đang tải..."><form action="/search" method="get" role="search" class="search search-modal__form">
2807                  <div class="field">
2808                    <input class="search__input field__input"
2809                      id="Search-In-Modal"
2810                      type="search"
2811                      name="q"
2812                      value=""
2813                      placeholder="Tìm kiếm"role="combobox"
2814                        aria-expanded="false"
2815                        aria-owns="predictive-search-results-list"
2816                        aria-controls="predictive-search-results-list"
2817                        aria-haspopup="listbox"
2818                        aria-autocomplete="list"
2819                        autocorrect="off"
2820                        autocomplete="off"
2821                        autocapitalize="off"
2822                        spellcheck="false">
2823                    <label class="field__label" for="Search-In-Modal">Tìm kiếm</label>
2824                    <input type="hidden" name="options[prefix]" value="last">
2825                    <button class="search__button field__button" aria-label="Tìm kiếm">
2826                      <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
2827                        <use href="#icon-search">
2828                      </svg>
2829                    </button>
2830                  </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
2831                      <div class="predictive-search__loading-state">
2832                        <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
2833                          <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
2834                        </svg>
2835                      </div>
2836                    </div>
2837
2838                    <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="Đóng">
2839                <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation">
2840                  <use href="#icon-close">
2841                </svg>
2842              </button>
2843            </div>
2844          </div>
2845        </details>
2846      </details-modal><a href="/customer_authentication/login?return_to=%2Fpages%2Fstore-locator&locale=vi&ui_hint=full&region_country=VN" class="header__icon header__icon--account link focus-inset small-hide" style="text-decoration:none;"aria-label="Đăng nhập">
2847          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-account" fill="none" viewBox="0 0 18 19">
2848  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
2849</svg>
2850
2851          
2852        </a>
2853      
2854<div class="login_wrapper  small-hide" onclick="window.location.href='/customer_authentication/login?return_to=%2Fpages%2Fstore-locator&locale=vi&ui_hint=full&region_country=VN';">
2855          <span class="signIn">Đăng nhập</span>
2856          </div>
2857          
2858<a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg class="icon icon-cart-empty" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none">
2859  <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/>
2860</svg>
2861<span class="visually-hidden">Giỏ hàng</span></a>
2862    </div>
2863  </header></sticky-header>
2864
2865<script type="application/ld+json">
2866  {
2867    "@context": "http://schema.org",
2868    "@type": "Organization",
2869    "name": "Dermalogica Vietnam",
2870    
2871    "sameAs": [
2872      "",
2873      "https:\/\/www.facebook.com\/dermalogicavietnam",
2874      "",
2875      "https:\/\/www.instagram.com\/dermalogica_vn\/?fbclid=IwZXh0bgNhZW0CMTAAAR1K_FnL0-W6dGIOtbWbDZeKQRs4Ex0bDBaT6jeZ08vvQ_bw10nlvCskp6s_aem_qN1XonR_xUIKXSUPtgaCwQ",
2876      "https:\/\/www.tiktok.com\/@dermalogicavn",
2877      "",
2878      "",
2879      "https:\/\/www.youtube.com\/@dermalogicavietnamofficial",
2880      ""
2881    ],
2882    "url": "https:\/\/dermalogica.com.vn\/pages\/store-locator"
2883  }
2884</script>
2884<script>
2885  let items = document.querySelector(".header__inline-menu").querySelectorAll("details");
2886  items.forEach(item => {
2887    item.addEventListener("mouseover", () => {
2888      item.setAttribute("open", true);
2889      item.querySelector("ul").addEventListener("mouseleave", () => {
2890        item.removeAttribute("open");
2891      });
2892    item.addEventListener("mouseleave", () => {
2893      item.removeAttribute("open");
2894    });
2895  });
2896  
2897  });
2898</script>
2898
2899
2900
2901</div>
2902<main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
2903    <!-- Title Header Include - Only used on some page -->
2904      
2905    
2906 
2907      <!-- Title Header Include - Only used on some page -->
2908
2909      <section id="shopify-section-template--20366887715021__main" class="shopify-section section"><link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/section-main-page.css?v=848677459125201531713852757" media="print" onload="this.media='all'">
2910<link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-rte.css?v=178727918335216436171713852756" media="print" onload="this.media='all'">
2911
2912<script src="//dermalogica.com.vn/cdn/shop/t/19/assets/custom-atc-handling.js?v=31817076865817667981790956744" defer="defer"></script>
2912
2913
2914<noscript><link href="//dermalogica.com.vn/cdn/shop/t/19/assets/section-main-page.css?v=848677459125201531713852757" rel="stylesheet" type="text/css" media="all" /></noscript>
2915<noscript><link href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-rte.css?v=178727918335216436171713852756" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.section-template--20366887715021__main-padding {
2916    padding-top: 15px;
2917    padding-bottom: 15px;
2918  }
2919
2920  @media screen and (min-width: 750px) {
2921    .section-template--20366887715021__main-padding {
2922      padding-top: 20px;
2923      padding-bottom: 20px;
2924    }
2925  }
2926
2927  
2928    #shopify-section-template--20366887715021__main .main-page-title {
2929      text-align: center;
2930      justify-content: center;
2931    }
2932  
2933</style><div class="page-width page-width--narrow  section-template--20366887715021__main-padding">
2934  
2935
2936  
2937    <div class="rte">
2938      <style><!--
2939h1.page-title{
2940display:none;
2941}
2942	
2943.rte .tabs{
2944margin-top:0px;
2945}
2946
2947.storemapper-popup .tabs{
2948display:none !important;
2949}	
2950
2951.tabs > .tab:nth-of-type(1) > label + .content > *{
2952opacity: 1;
2953transform: translateX(0);
2954transition: all 0.6s ease;
2955}
2956	
2957.tabs > .tab:nth-of-type(2) > label + .content, .tabs > .tab:nth-of-type(3) > label + .content, .tabs > .tab:nth-of-type(4) > label + .content{
2958opacity: 0;
2959transform: translateX(0);
2960transition: all 0.6s ease;
2961}
2962	
2963.tabs > .tab:nth-of-type(2) > [type="radio"]:checked ~ label + .content, .tabs > .tab:nth-of-type(3) > [type="radio"]:checked ~ label + .content, .tabs > .tab:nth-of-type(4) > [type="radio"]:checked ~ label + .content{
2964opacity: 1;
2965transform: translateX(0);
2966background-color:white;
2967}
2968
2969#storemapper #storemapper-list li.storemapper-selected .content {
2970top:40px;
2971background-color: #eef4fb;
2972}
2973	
2974--></style>
2975<p> </p>
2976<!-- Storemapper code starts here -->
2977<div id="storemapper" style="width:100%;">
2978  <p>Store Locator is loading from <a href="https://www.storemapper.co">Storemapper store locator app</a>...</p>
2979</div>
2980<script data-storemapper-start="2021,03,08" data-storemapper-id="9921">
2981  (function() {var script = document.createElement('script');
2982    script.type  = 'text/javascript';script.async = true;
2983    script.src = 'https://www.storemapper.co/js/widget.js';
2984    var entry = document.getElementsByTagName('script')[0];
2985    entry.parentNode.insertBefore(script, entry);}
2986  ());
2987</script>
2987
2988<!-- Storemapper code ends here -->
2989
2990                    
2991<p> </p>
2992    </div>
2993  
2994</div>
2995
2996
2997</section>
2998    </main><div id="shopify-section-footer" class="shopify-section">
2999<link href="//dermalogica.com.vn/cdn/shop/t/19/assets/section-footer.css?v=31396931540589851481761546552" rel="stylesheet" type="text/css" media="all" />
3000<link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-newsletter.css?v=103472482056003053551713852756" media="print" onload="this.media='all'">
3001<link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-list-menu.css?v=151968516119678728991713852755" media="print" onload="this.media='all'">
3002<link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-list-payment.css?v=69253961410771838501713852755" media="print" onload="this.media='all'">
3003<link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-list-social.css?v=52211663153726659061713852755" media="print" onload="this.media='all'">
3004<link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-rte.css?v=178727918335216436171713852756" media="print" onload="this.media='all'">
3005<link rel="stylesheet" href="//dermalogica.com.vn/cdn/shop/t/19/assets/disclosure.css?v=646595190999601341713852756" media="print" onload="this.media='all'">
3006<link href="//dermalogica.com.vn/cdn/shop/t/19/assets/custom-footer.css?v=57170798602963276651790949578" rel="stylesheet" type="text/css" media="all" />
3007
3008<noscript><link href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-newsletter.css?v=103472482056003053551713852756" rel="stylesheet" type="text/css" media="all" /></noscript>
3009<noscript><link href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-list-menu.css?v=151968516119678728991713852755" rel="stylesheet" type="text/css" media="all" /></noscript>
3010<noscript><link href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-list-payment.css?v=69253961410771838501713852755" rel="stylesheet" type="text/css" media="all" /></noscript>
3011<noscript><link href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-list-social.css?v=52211663153726659061713852755" rel="stylesheet" type="text/css" media="all" /></noscript>
3012<noscript><link href="//dermalogica.com.vn/cdn/shop/t/19/assets/component-rte.css?v=178727918335216436171713852756" rel="stylesheet" type="text/css" media="all" /></noscript>
3013<noscript><link href="//dermalogica.com.vn/cdn/shop/t/19/assets/disclosure.css?v=646595190999601341713852756" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.footer {
3014    margin-top: 15px;
3015  }
3016
3017  .section-footer-padding {
3018    padding-top: 27px;
3019    padding-bottom: 27px;
3020  }
3021
3022  @media screen and (min-width: 750px) {
3023    .footer {
3024      margin-top: 20px;
3025    }
3026
3027    .section-footer-padding {
3028      padding-top: 36px;
3029      padding-bottom: 36px;
3030    }
3031  }</style><footer class="footer color-background-2 gradient section-footer-padding">
3032  <div class="footer-block grid__item grid__item_newsletter nl_mobile">
3033    <div class="footer-block--newsletter"></div>
3034  </div><div class="footer__content-top page-width"><div class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--5-col-tablet "><div class="footer-block grid__item footer-block--menu" ><h2 class="footer-block__heading">Tài khoản
3035      </h2><ul class="footer-block__details-content list-unstyled"><li>
3036                <a href="/account/login" class="link link--text list-menu__item list-menu__item--link">
3037                  Tài khoản của tôi
3038                </a>
3039              </li><li>
3040                <a href="/pages/point-rewards" class="link link--text list-menu__item list-menu__item--link">
3041                  Tặng thưởng
3042                </a>
3043              </li><li>
3044                <a href="/pages/test-subscription-page" class="link link--text list-menu__item list-menu__item--link">
3045                  Đăng ký
3046                </a>
3047              </li><li>
3048                <a href="/pages/refer-a-friend" class="link link--text list-menu__item list-menu__item--link">
3048Giới thiệu bạn bè</a>
3049              </li></ul>
3050  </div>
3051
3052<div class="footer-block grid__item footer-block--menu" ><h2 class="footer-block__heading">Chăm sóc khách hàng
3053      </h2><ul class="footer-block__details-content list-unstyled"><li>
3054                <a href="/pages/about-us-2" class="link link--text list-menu__item list-menu__item--link">
3055                  Liên hệ chúng tôi
3056                </a>
3057              </li><li>
3058                <a href="/pages/returns-1" class="link link--text list-menu__item list-menu__item--link">
3059                  Chính sách đổi trả
3060                </a>
3061              </li><li>
3062                <a href="/pages/chinh-sach-v%E1%BA%ADn-chuy%E1%BB%83n-2" class="link link--text list-menu__item list-menu__item--link">
3063                  Chính sách vận chuyển
3064                </a>
3065              </li><li>
3066                <a href="https://dermalogica.com.vn/blogs/news/danh-sach-d%E1%BA%A1i-ly-thanh-vien-2026" class="link link--text list-menu__item list-menu__item--link">
3067                  Đối tác thành viên
3068                </a>
3069              </li><li>
3070                <a href="/pages/store-locator" class="link link--text list-menu__item list-menu__item--link list-menu__item--active">
3071                  Tất cả đối tác uỷ quyền
3072                </a>
3073              </li></ul>
3074  </div>
3075
3076<div class="footer-block grid__item footer-block--menu" ><h2 class="footer-block__heading">Về chúng tôi
3077      </h2><ul class="footer-block__details-content list-unstyled"><li>
3078                <a href="/pages/about-us" class="link link--text list-menu__item list-menu__item--link">
3079                  Câu chuyện
3080                </a>
3081              </li><li>
3082                <a href="/pages/test-sustainability" class="link link--text list-menu__item list-menu__item--link">
3083                  Giá trị bền vững
3084                </a>
3085              </li><li>
3086                <a href="#" class="link link--text list-menu__item list-menu__item--link">
3087                  Giá trị cộng đồng
3088                </a>
3089              </li></ul>
3090  </div>
3091
3092<div class="footer-block grid__item footer-block--menu" ><h2 class="footer-block__heading">Cho chuyên gia
3093      </h2><ul class="footer-block__details-content list-unstyled last_ul "><li>
3094                <a href="/pages/dermalogica-pro-1" class="link link--text list-menu__item list-menu__item--link">
3095                  dermalogicaPRO
3096                </a>
3097              </li></ul>
3098  </div>
3099
3100<div class="footer-block grid__item grid__item--newsletter nl_desktop">
3101            <div class="footer-block--newsletter"></div>
3102          </div>
3103        </div></div><div class="footer__content-bottom">
3104    <div class="footer__content-bottom-wrapper page-width">
3105      <div class="footer__column footer__localization isolate"></div>
3106
3107      <div class="footer__column footer__column--info"><div class="footer_social_payment_wrapper"><ul class="footer__list-social list-unstyled list-social " role="list"><li class="list-social__item">
3108                <a href="https://www.facebook.com/dermalogicavietnam" class="link list-social__link" ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 18 18">
3109  <path fill="currentColor" d="M16.42.61c.27 0 .5.1.69.28.19.2.28.42.28.7v15.44c0 .27-.1.5-.28.69a.94.94 0 01-.7.28h-4.39v-6.7h2.25l.31-2.65h-2.56v-1.7c0-.4.1-.72.28-.93.18-.2.5-.32 1-.32h1.37V3.35c-.6-.06-1.27-.1-2.01-.1-1.01 0-1.83.3-2.45.9-.62.6-.93 1.44-.93 2.53v1.97H7.04v2.65h2.24V18H.98c-.28 0-.5-.1-.7-.28a.94.94 0 01-.28-.7V1.59c0-.27.1-.5.28-.69a.94.94 0 01.7-.28h15.44z">
3110</svg>
3111<span class="visually-hidden">Facebook</span>
3112                </a>
3113              </li><li class="list-social__item"><a href="https://www.instagram.com/dermalogica_vn/" class="link list-social__link" ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 18 18">
3114  <path fill="currentColor" d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z"/>
3115  <path fill="currentColor" d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z">
3116</svg>
3117<span class="visually-hidden">Instagram</span>
3118                </a>
3119              </li><li class="list-social__item">
3120                <a href="https://www.tiktok.com/@dermalogicavn" class="link list-social__link" ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-tiktok" width="16" height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
3121  <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">
3122</svg>
3123<span class="visually-hidden">TikTok</span>
3124                </a>
3125              </li><li class="list-social__item">
3126                <a href="https://www.youtube.com/@dermalogicavietnamofficial" class="link list-social__link" ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" viewBox="0 0 100 70">
3127  <path d="M98 11c2 7.7 2 24 2 24s0 16.3-2 24a12.5 12.5 0 01-9 9c-7.7 2-39 2-39 2s-31.3 0-39-2a12.5 12.5 0 01-9-9c-2-7.7-2-24-2-24s0-16.3 2-24c1.2-4.4 4.6-7.8 9-9 7.7-2 39-2 39-2s31.3 0 39 2c4.4 1.2 7.8 4.6 9 9zM40 50l26-15-26-15v30z" fill="currentColor">
3128</svg>
3129<span class="visually-hidden">YouTube</span>
3130                </a>
3131              </li></ul><div class="footer__payment footer__payment_desktop">
3132            <span class="visually-hidden">Phương thức thanh toán</span>
3133            <ul class="list list-payment" role="list"></ul>
3134          </div></div>
3135
3136        <div class="footer__copyright">
3137          
3138          <div class="copyright__wrapper"><img class="dermalogicaLogo_mobile" src="https://cdn.shopify.com/s/files/1/0420/7683/1896/files/White_Dermalogica_Logo_-_No_Tag.png?v=1695661365" alt="Dermalogica" width="194" height="20" loading="lazy">
3139          <img class="dermalogicaIcon_desktop" src="https://cdn.shopify.com/s/files/1/0420/7683/1896/files/Logomark.png?v=1695662685" alt="Dermalogica" loading="lazy" width="32" height="32">
3140          <div class="copyright__content">
3141            © 2026 Dermalogica Vietnam
3142            
3143          </div>
3144          </div><ul class="list-menu list-menu--inline footer-link">
3145              <li>
3146                <a href="https://www.dermalogica.com/pages/locations" aria-label="Dermalogica toàn cầu — chọn thị trường">
3147                <svg class="footer-globe" alt="globe icon" loading="lazy" height="18px" width="18px" id="Layer_1" style="enable-background:new 0 0 512 512; fill:#fff" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M256,48c-0.1,0-0.1,0-0.2,0c0,0,0,0-0.1,0c-0.1,0-0.2,0-0.2,0C140.8,48.3,48,141.3,48,256c0,114.7,92.8,207.7,207.5,208  c0.1,0,0.2,0,0.2,0c0,0,0.1,0,0.1,0c0.1,0,0.1,0,0.2,0c114.9,0,208-93.1,208-208C464,141.1,370.9,48,256,48z M264.3,172.5  c22.1-0.6,43.5-3.5,64.2-8.5c6.2,24.5,10.1,52.8,10.7,83.8h-74.9V172.5z M264.3,155.8V66c22.4,6.2,45.2,36.1,59.6,82  C304.7,152.6,284.8,155.2,264.3,155.8z M247.7,65.8v90.1c-20.7-0.6-40.8-3.3-60.1-8C202.2,101.7,225.1,71.6,247.7,65.8z   M247.7,172.5v75.2h-75.4c0.6-31,4.5-59.3,10.7-83.8C203.8,168.9,225.5,171.9,247.7,172.5z M155.5,247.7H64.9  c1.8-42.8,17.8-82,43.3-113c18.5,10.2,38.2,18.6,58.8,24.8C160.2,186,156.2,215.9,155.5,247.7z M155.5,264.3  c0.6,31.7,4.6,61.7,11.4,88.2c-20.6,6.3-40.2,14.6-58.8,24.8c-25.5-31-41.4-70.2-43.3-113H155.5z M172.3,264.3h75.4v75.1  c-22.2,0.6-43.9,3.6-64.7,8.7C176.8,323.6,172.9,295.3,172.3,264.3z M247.7,356.1v90.2c-22.6-5.9-45.5-35.9-60.1-82.1  C206.9,359.4,227,356.7,247.7,356.1z M264.3,446v-90c20.5,0.6,40.4,3.3,59.7,7.9C309.5,409.9,286.8,439.8,264.3,446z M264.3,339.4  v-75.1h74.9c-0.6,30.9-4.5,59.2-10.7,83.7C307.8,343,286.4,340,264.3,339.4z M355.9,264.3h91.2c-1.8,42.8-17.8,81.9-43.3,113  c-18.7-10.3-38.5-18.7-59.3-25C351.3,325.8,355.3,296,355.9,264.3z M355.9,247.7c-0.6-31.7-4.6-61.6-11.3-88.1  c20.8-6.3,40.6-14.7,59.2-24.9c25.5,31,41.5,70.2,43.3,113.1H355.9z M392.4,121.9c-16.6,8.8-34,16.1-52.3,21.6  c-9.7-31.3-23.4-56.8-39.5-73.6C336,78.4,367.6,9
31476.8,392.4,121.9z M210.8,70.1c-16.1,16.7-29.7,42.2-39.3,73.3  c-18.1-5.5-35.4-12.7-51.8-21.5C144.2,96.9,175.6,78.6,210.8,70.1z M119.6,390c16.4-8.8,33.8-16,51.8-21.5  c9.7,31.2,23.3,56.6,39.4,73.4C175.6,433.4,144.2,415.1,119.6,390z M300.6,442.1c16.2-16.8,29.8-42.3,39.6-73.7  c18.3,5.5,35.7,12.8,52.3,21.6C367.7,415.2,336,433.6,300.6,442.1z"/></svg>
3148                </a>
3149              </li><li>
3150                  <a href="/pages/privacynotice-2" class="footer-link link link--text list-menu__item list-menu__item--link">
3151                    Chính sách cookie và quyền riêng tư
3152                  </a>
3153                </li><li>
3154                  <a href="#" class="footer-link link link--text list-menu__item list-menu__item--link">
3155                    Điều khoản sử dụng
3156                  </a>
3157                </li><li>
3158                  <a href="/pages/term-of-sale-2" class="footer-link link link--text list-menu__item list-menu__item--link">
3159                    Điều khoản bán hàng
3160                  </a>
3161                </li><li>
3162                  <a href="/pages/terms-and-conditions" class="footer-link link link--text list-menu__item list-menu__item--link">
3163                    Chính sách bảo mật dữ liệu sức khoẻ
3164                  </a>
3165                </li><li>
3166                  <a href="#" class="footer-link link link--text list-menu__item list-menu__item--link">
3167                    Không bán hoặc chia sẻ thông tin cá nhân của tôi
3168                  </a>
3169                </li><li>
3170                <a id="ot-sdk-btn" class="ot-sdk-show-settings link link--text list-menu__item list-menu__item--link"></a>
3171              </li>
3172            </ul><div class="footer__payment footer__payment_mobile">
3173            <span class="visually-hidden">Phương thức thanh toán</span>
3174            <ul class="list list-payment" role="list"></ul>
3175          </div></div>
3176
3177
3178      </div>
3179    </div>
3180  </div></footer>
3181
3182
3183
3184
3185</div>
3186<ul hidden>
3187      <li id="a11y-refresh-page-message">Khi bạn chọn một mục, toàn bộ trang sẽ được làm mới.</li>
3188      <li id="a11y-new-window-message">Mở trong cửa sổ mới.</li>
3189    </ul>
3190
3191    
3191<script>
3192      window.shopUrl = 'https://dermalogica.com.vn';
3193      window.routes = {
3194        cart_add_url: '/cart/add',
3195        cart_change_url: '/cart/change',
3196        cart_update_url: '/cart/update',
3197        cart_url: '/cart',
3198        predictive_search_url: '/search/suggest'
3199      };
3200
3201      window.cartStrings = {
3202        error: `Đã xảy ra lỗi khi cập nhật giỏ hàng. Vui lòng thử lại.`,
3203        quantityError: `Bạn chỉ có thể thêm [quantity] mặt hàng này vào giỏ hàng.`
3204      }
3205
3206      window.variantStrings = {
3207        addToCart: `Thêm vào giỏ hàng`,
3208        soldOut: `Đã bán hết`,
3209        unavailable: `Không có sẵn`,
3210      }
3211
3212      window.accessibilityStrings = {
3213        imageAvailable: `Hình ảnh [index] hiện đã có trong chế độ xem thư viện`,
3214        shareSuccess: `Đã sao chép liên kết vào bảng nhớ tạm`,
3215        pauseSlideshow: `Tạm dừng bản trình chiếu`,
3216        playSlideshow: `Phát bản trình chiếu`,
3217      }
3218    </script>
3218<script src="//dermalogica.com.vn/cdn/shop/t/19/assets/predictive-search.js?v=31278710863581584031713852757" defer="defer"></script>
3218<!-- Load in internal JS -->
3219    <!-- Klaviyo -->
3219<script src="//dermalogica.com.vn/cdn/shop/t/19/assets/onsite.js?v=403888659083878521713852757" onload="klaviyoInit()" defer></script>
3219<script>
3220      var klaviyo = klaviyo || [];
3221      function klaviyoInit(){;
3222
3223  klaviyo.init({account: 'JvUywn', list: 'VfNfk3', platform: 'shopify'});
3224  klaviyo.enable("backinstock", {
3225    trigger: {
3226      product_page_text: "email me when back in stock",
3227      product_page_text_align: "center",
3228      product_page_margin: "20px 0px 0px 0px",
3229      product_page_class: 'product-form__submit',
3230      alternate_anchor: 'backInStock-btn',
3231      replace_anchor: true,
3232      replace_sold_out: true
3233    },
3234    modal: {
3235      newsletter_subscribe_label: "Check this box to start receiving emails about promotions, product launches, and more! (optional)",
3236      subscribe_checked: true,
3237      headline: "{product_name}",
3238      body_content: "Register to receive a notification when this item comes back in stock.",
3239      email_field_label: "Email",
3240      button_label: "EMAIL ME WHEN AVAILABLE",
3241      subscription_success_label: "You're in! We'll let you know when it's back.",
3242      footer_content: '',
3243      additional_styles: "@import url('https://fonts.googleapis.com/css?family=Helvetica+Neue');",
3244      drop_background_color: "#000",
3245      background_color: "#fff",
3246      text_color: "#5b6670",
3247      button_text_color: "#fff",
3248      button_background_color: "#5d94d6",
3249      close_button_color: "#ccc",
3250      error_background_color: "#fcd6d7",
3251      error_text_color: "#C72E2F",
3252      success_background_color: "#d3efcd",
3253      success_text_color: "#1B9500"
3254
3255    }
3256  });
3257      }
3258</script>
vendor: 1 bytes, line 3258
3258
3259<script src="//dermalogica.com.vn/cdn/shop/t/19/assets/klaviyo-subscribe.js?v=60182277771157631031713852756" onload="klaviyoSubscribeInit()" defer></script>
vendor: 1 bytes, line 3259
3259
3260<script type="text/javascript" defer="defer">
3261function klaviyoSubscribeInit(){
3262 KlaviyoSubscribe.attachToForms('#email_signup-pdp', {
3263    hide_form_on_success: true,
3264    success_message: "Thank you for signing up!"
3265  });
3266
3267}
3268
3269</script>
3269
3270
3271
3272<!-- Cookie Bot -->
3273<script>
3274  window
3275    .addEventListener('CookiebotOnConsentReady', function() {
3276      if (Cookiebot.consent.marketing) {
3277        window.__rmcp2 = [
3278          1,
3279          2,
3280          3,
3281          4,
3282          5,
3283          6,
3284          7,
3285          8,
3286          9,
3287          10
3288        ]
3289      } else {
3290        window.__rmcp2 = []
3291      }
3292    }, false)
3293
3294    window
3295    .addEventListener('CookiebotOnAccept', function() {
3296      const overlay = document.querySelector('.cookie-policy-overlay');
3297      overlay.style.display = "none";
3298    })
3299
3300    window
3301    .addEventListener('CookiebotOnDecline', function() {
3302      const overlay = document.querySelector('.cookie-policy-overlay');
3303      overlay.style.display = "none";
3304    })
3305
3306    window
3307    .addEventListener('CookiebotOnDialogDisplay', function() {
3308      let intViewportWidth = window.innerWidth;
3309      if (intViewportWidth < 750) {
3310        const overlay = document.querySelector('.cookie-policy-overlay');
3311        overlay.style.display = "block";
3312      }
3313    })
3314</script>
3314
3315
3316<!-- Zendesk -->
3317
3318
3319
3320
3321
3322<!-- DWIN -->
3323
3324
3325<!-- Criteo -->
3326
3327
3328
3329<!--face mapping script-->
3330<script src="https://derm-sync-script.s3.us-east-2.amazonaws.com/dml_disrpt_sync_script.min.js" defer="defer"></script>
3330
3331<!--face mapping script end -->
3332
3333
3334    <!-- Cookie Policy Overlay-->
3335    <div class="cookie-policy-overlay"></div>
3336
3337  
3338
3339  
3340  
3341  
3341<script src="//dermalogica.com.vn/cdn/shop/t/19/assets/pod-sights.js?v=22028466507112642921715336455" defer></script>
3341<script>
3342    window.eguruKhach = null;
3343  </script>
3343
3344  
3344<script src="//dermalogica.com.vn/cdn/shop/t/19/assets/gioi-thieu-ban-be.js?v=97573857478752976151791182970" defer></script>
3344
3345  
3345<script src="//dermalogica.com.vn/cdn/shop/t/19/assets/custom-bloy.js?v=69499129946824039601791185373" defer></script>
3345<script src="//dermalogica.com.vn/cdn/shop/t/19/assets/thanh-tren-dinh.js?v=146243350885359147581790950352" defer></script>
3345<!-- WPD Start -->
3346
3347               <!-- WPD End -->
3348               
3349
3350
3351<link href="//dermalogica.com.vn/cdn/shop/t/19/assets/kho-voucher.css?v=81061480516742294411790997656" rel="stylesheet" type="text/css" media="all" />
3352<script src="//dermalogica.com.vn/cdn/shop/t/19/assets/chep-ma-voucher.js?v=163004648878501283441790956727" defer></script>
3352
3353<div class="kv" data-kv data-chu-loi="Chưa tải được voucher. Đóng rồi mở lại để thử lần nữa." data-goc="/">
3354  <div class="kv-khung" id="KhoVoucher" role="dialog" aria-modal="false" aria-labelledby="KhoVoucherTen" hidden>
3355    <div class="kv-dau">
3356      <svg class="kv-dau__hinh" viewBox="0 0 360 150" preserveAspectRatio="xMaxYMin slice" aria-hidden="true" focusable="false">
3357        <circle cx="38" cy="-6" r="58" fill="#C9D9EC"/>
3358        <circle cx="334" cy="34" r="74" fill="none" stroke="#FFFFFF" stroke-width="1.4"/>
3359        <circle cx="352" cy="120" r="46" fill="#D3DAE0"/>
3360        <path d="M250 0c22 26 52 30 86 18" fill="none" stroke="#FFFFFF" stroke-width="1.2"/>
3361      </svg>
3362      <p class="kv-dau__chao">Chào mừng bạn đến với</p>
3363      <h2 class="kv-dau__ten" id="KhoVoucherTen">Ưu đãi Dermalogica</h2>
3364      <button type="button" class="kv-dau__dong" data-kv-dong aria-label="Đóng">
3365        <svg viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path d="M3.5 3.5l9 9M12.5 3.5l-9 9" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
3366      </button>
3367    </div>
3368    <div class="kv-than" data-kv-than aria-live="polite">
3369      <p class="kv-dang-tai">Đang tải voucher của bạn…</p>
3370    </div>
3371  </div>
3372  <button type="button" class="kv-nut" data-kv-nut aria-expanded="false" aria-controls="KhoVoucher"><span class="kv-nut__tron kv-nut__tron--logo" aria-hidden="true"><img src="//dermalogica.com.vn/cdn/shop/files/Untitled_design_14.png?v=1738588893&width=96" alt="" width="40" height="40" loading="eager"></span>
3373    <span class="kv-nut__chu">Ưu đãi</span>
3374  </button>
3375</div>
3376<script>
3377  (function () {
3378    var goc = document.querySelector('[data-kv]');
3379    if (!goc) return;
3380    var khung = goc.querySelector('.kv-khung'), than = goc.querySelector('[data-kv-than]'), nut = goc.querySelector('[data-kv-nut]');
3381    var daTai = false, dangTai = false;
3382    function tai() {
3383      if (daTai || dangTai) return;
3384      dangTai = true;
3385      var r = goc.getAttribute('data-goc') || '/';
3386      fetch(r + (r.slice(-1) === '/' ? '' : '/') + '?section_id=kho-voucher', { credentials: 'same-origin' })
3387        .then(function (res) { if (!res.ok) throw new Error(res.status); return res.text(); })
3388        .then(function (html) {
3389          var d = document.createElement('div'); d.innerHTML = html;
3390          var nd = d.querySelector('[data-kv-noi-dung]');
3391          if (!nd) throw new Error('rong');
3392          than.innerHTML = ''; than.appendChild(nd); daTai = true;
3393        })
3394        .catch(function () { than.innerHTML = '<p class="kv-dang-tai">' + goc.getAttribute('data-chu-loi') + '</p>'; })
3395        .then(function () { dangTai = false; });
3396    }
3397    function mo() {
3398      khung.hidden = false; nut.setAttribute('aria-expanded', 'true'); goc.classList.add('is-mo'); document.documentElement.classList.add('kv-dang-mo');
3399      tai();
3400      var d = khung.querySelector('[data-kv-dong]'); if (d) d.focus({ preventScroll: true });
3401    }
3402    function dong(traFocus) {
3403      khung.hidden = true; nut.setAttribute('aria-expanded', 'false'); goc.classList.remove('is-mo'); document.documentElement.classList.remove('kv-dang-mo');
3404      if (traFocus) nut.focus({ preventScroll: true });
3405    }
3406    nut.addEventListener('click', function () { khung.hidden ? mo() : dong(false); });
3407    goc.querySelector('[data-kv-dong]').addEventListener('click', function () { dong(true); });
3408    document.addEventListener('keydown', function (e) { if (e.key === 'Escape' && !khung.hidden) dong(true); });
3409    document.addEventListener('click', function (e) { if (!khung.hidden && !goc.contains(e.target)) dong(false); });
3410
3411    // 02/10 15:52 (anh Thắng duyệt) — nút "Dùng" trên từng mã: áp mã vào giỏ, CỘNG DỒN với mã đang có (tối đa 5, luật Shopify),
3412    // áp được thì sang /cart (mã đi tiếp sang checkout); không áp được thì trả giỏ về các mã cũ và báo lý do ngay dưới mã.
3413    // Bắt ở document vì nội dung khung nạp sau bằng ?section_id=kho-voucher (script trong đó không chạy).
3414    var en = (document.documentElement.lang || '').indexOf('en') === 0;
3415    var CHU = en ? {
3416      rong: 'Enter a code first.',
3417      trong: 'Your cart is empty — add items first, then apply the code.',
3418      dv: 'Service vouchers apply to booked services. Book a service first, then apply the code.',
3419      sp: 'Product vouchers apply to retail products, and your cart has booked services only.',
3420      qua5: 'Your cart already has 5 codes. Remove one in the cart, then try again.',
3421      khong: 'This code is not valid or cannot be applied to your current cart. Check each character and try again.',
3422      tren: 'Treatments over 2,800,000₫ need service vouchers totalling 2,800,000₫ or more. Service vouchers below that total apply to treatments up to 2,800,000₫.',
3423      mang: 'Could not reach the cart. Please try again.',
3424      trung: 'This code cannot be used together with {cac} in one order. Keep one of them; use the other on your next order.',
3425      ok: 'Code applied to your cart.',
3426      xemGio: 'View cart'
3427    } : {
3428      rong: 'Bạn chưa nhập mã.',
3429      trong: 'Giỏ đang trống — bạn thêm sản phẩm rồi áp mã.',
3430      dv: 'Voucher dịch vụ trừ vào dịch vụ đã đặt lịch. Bạn đặt lịch trước rồi áp mã.',
3431      sp: 'Voucher sản phẩm trừ vào sản phẩm lẻ, mà giỏ của bạn chỉ có dịch vụ.',
3432      qua5: 'Giỏ đã có 5 mã — gỡ bớt một mã ở giỏ hàng rồi thử lại.',
3433      khong: 'Mã không đúng hoặc chưa áp được cho giỏ hiện tại. Bạn kiểm tra lại từng ký tự nhé.',
3434      tren: 'Liệu trình trên 2.800.000₫ cần tổng voucher dịch vụ từ 2.800.000₫ trở lên. Voucher dịch vụ dưới mức đó dùng cho liệu trình giá đến 2.800.000₫.',
3435      mang: 'Chưa kết nối được giỏ hàng. Bạn thử lại nhé.',
3436      trung: 'Mã này không dùng chung được với {cac} trong cùng một đơn. Bạn giữ một trong hai mã, mã còn lại dùng cho đơn sau.',
3437      ok: 'Đã áp mã vào giỏ.',
3438      xemGio: 'Xem giỏ hàng'
3439    };
3440    var R = (window.Shopify && Shopify.routes && Shopify.routes.root) || '/';
3441    function datMa(cac) {
3442      return fetch(R + 'cart/update.js', { method: 'POST', headers: { 'Content-Type': 'application/json', Accept: 'application/json' }, body: JSON.stringify({ discount: cac.join(',') }) }).then(function (r) { return r.json(); });
3443    }
3444    // Dùng chung cho nút "Dùng" (từng mã) và ô "Nhập mã" thủ công (15:54).
3445    function apMa(maTho, b, bao) {
3446      var ma = String(maTho || '').trim().toUpperCase();
3447      function baoLoi(k) { if (bao) { bao.classList.remove('is-ok'); bao.textContent = CHU[k]; } b.disabled = false; }
3448      // 02/10 17:00 anh Thắng: không tải lại / chuyển trang nữa. Ở giỏ: cập nhật tại chỗ (ma-uu-dai-gio __mudCapNh
3448at);
3449      // trang khác: báo "Đã áp mã vào giỏ · Xem giỏ hàng".
3450      function xong() {
3451        b.disabled = false;
3452        var oGio = /\/cart\/?$/.test(location.pathname);
3453        if (bao) {
3454          bao.classList.add('is-ok');
3455          bao.textContent = CHU.ok + ' ';
3456          if (!oGio) { var a = document.createElement('a'); a.href = R + 'cart'; a.textContent = CHU.xemGio; bao.appendChild(a); }
3457        }
3458        if (oGio && typeof window.__mudCapNhat === 'function') window.__mudCapNhat();
3459        var o = b.closest('form') && b.closest('form').querySelector('input'); if (o) o.value = '';
3460      }
3461      if (!ma) return baoLoi('rong');
3462      b.disabled = true; if (bao) bao.textContent = '';
3463      fetch(R + 'cart.js', { headers: { Accept: 'application/json' } }).then(function (r) { return r.json(); }).then(function (gio) {
3464        var cu = (gio.discount_codes || []).map(function (c) { return String(c.code).toUpperCase(); });
3465        if (cu.indexOf(ma) > -1) return xong();
3466        if (!gio.item_count) return baoLoi('trong');
3467        var coDv = gio.items.some(function (it) { return it.requires_shipping === false; });
3468        var coSp = gio.items.some(function (it) { return it.requires_shipping !== false; });
3469        if (/^(TVA|GT3-)/.test(ma) && !coDv) return baoLoi('dv');
3470        if (/^TVB/.test(ma) && !coSp) return baoLoi('sp');
3471        if (cu.length >= 5) return baoLoi('qua5');
3472        return datMa(cu.concat(ma)).then(function (g2) {
3473          var m = (g2.discount_codes || []).filter(function (c) { return String(c.code).toUpperCase() === ma; })[0];
3474          // 02/10 17:10 (ảnh anh Thắng: TVA4011 áp được nhưng đẩy TVA4006 thành "not valid"): mã cùng một discount ("ô")
3475          // không cộng dồn — Shopify giữ mã sau, mã trước rớt. Mã mới làm rớt mã cũ đang áp được → trả giỏ về như cũ, báo tên mã.
3476          var bi = (gio.discount_codes || []).filter(function (c) { return c.applicable; }).map(function (c) { return String(c.code).toUpperCase(); })
3477            .filter(function (k) { return !(g2.discount_codes || []).some(function (c) { return String(c.code).toUpperCase() === k && c.applicable; }); });
3478          if (m && m.applicable && bi.length) {
3479            return datMa(cu).then(function () { baoLoi('trung'); if (bao) bao.textContent = CHU.trung.replace('{cac}', bi.join(', ')); });
3480          }
3481          if (m && m.applicable) return xong();
3482          // 02/10 16:56: voucher dịch vụ + giỏ có liệu trình > 2.800.000₫ → báo đúng luật nhóm giá (xem ma-uu-dai-gio lyDo)
3483          var dvTren = gio.items.some(function (it) { return it.requires_shipping === false && it.final_price > 280000000; });
3484          return datMa(cu).then(function () { baoLoi(/^(TVA|GT3-)/.test(ma) && dvTren ? 'tren' : 'khong'); });
3485        });
3486      }).catch(function () { baoLoi('mang'); });
3487    }
3488    document.addEventListener('click', function (e) {
3489      var b = e.target.closest && e.target.closest('[data-dung-ma]');
3490      if (b && !b.disabled) { var dong = b.closest('li'); apMa(b.getAttribute('data-dung-ma'), b, dong && dong.querySelector('[data-dung-bao]')); return; }
3491      // Nút "?" cạnh tiêu đề Tích điểm (02/10 17:12): nằm trong <summary> → chặn mặc định để không đóng/mở thẻ
3492      var hoi = e.target.closest && e.target.closest('.kv-hoi');
3493      if (hoi) {
3494        e.preventDefault();
3495        var luat = document.getElementById(hoi.getAttribute('aria-controls'));
3496        if (luat) {
3497          var moLuat = luat.hidden;
3498          luat.hidden = !moLuat;
3499          hoi.setAttribute('aria-expanded', moLuat ? 'true' : 'false');
3500          var tg = hoi.closest('details'); if (tg && moLuat) tg.open = true;
3501        }
3502        return;
3503      }
3504      // "Xem thêm N mã" / "Thu gọn" trong thẻ chương trình (02/10 16:41)
3505      var them = e.target.closest && e.target.closest('[data-kv-them]');
3506      if (them) {
3507        var the = them.closest('.kv-the');
3508        var bung = !the.classList.contains('is-bung');
3509        the.classList.toggle('is-bung', bung);
3510        them.textContent = bung ? them.getAttribute('data-chu-thu') : them.getAttribute('data-chu-mo');
3511        return;
3512      }
3513      var mo = e.target.closest && e.target.closest('[data-kv-nhap-mo]');
3514      // "Áp mã nhanh" chỉ dùng ở trang giỏ (02/10 16:43): trang khác → hiện câu "vào giỏ hàng để nhập mã" + link, không mở ô
3515      if (mo && !/\/cart\/?$/.test(location.pathname)) {
3516        var gio = mo.parentNode.querySelector('[data-kv-nhap-gio]');
3517        if (gio) gio.classList.toggle('is-hien');
3518        return;
3519      }
3520      if (mo) {
3521        var f = document.getElementById(mo.getAttribute('aria-controls'));
3522        if (!f) return;
3523        var bat = !f.classList.contains('is-mo');
3524        f.classList.toggle('is-mo', bat); mo.setAttribute('aria-expanded', bat ? 'true' : 'false');
3525        if (bat) { var o = f.querySelector('input'); if (o) o.focus(); }
3526      }
3527    });
3528    document.addEventListener('submit', function (e) {
3529      var f = e.target.closest && e.target.closest('[data-kv-nhap]');
3530      if (!f) return;
3531      e.preventDefault();
3532      apMa(f.querySelector('input').value, f.querySelector('[type="submit"]'), f.querySelector('[data-dung-bao]'));
3533    });
3534  })();
3535</script>
3535
3536<style>  </style>
3537<div id="shopify-block-AT3FVeUdNcHRLTnZFa__3886181796285292942" class="shopify-block shopify-app-block"><!-- Load assets like this instead of inside the schema because Shopify does not load asset if there is file name collision with another extension -->
3538<link href="//cdn.shopify.com/extensions/01a0aa22-fc44-71b6-81d0-8b700ead9913/cowlendar-310/assets/styles.css" rel="stylesheet" type="text/css" media="all" />
3539<script src="https://cdn.shopify.com/extensions/01a0aa22-fc44-71b6-81d0-8b700ead9913/cowlendar-310/assets/app.js?shop=dermalogica-vn.myshopify.com" defer="defer"></script>
3539
3540
3541<script type="text/javascript">
3542  window._cowlendarConfig = {
3543  "shop_id": "50802917581",
3544  "shop_url": "dermalogica-vn.myshopify.com",
3545  "shop_locale": "vi"
3546  };
3547  var COW_SHOP_URL = "dermalogica-vn.myshopify.com";
3548  window._cowProductVariants = null;
3549</script>
3549
3550
3551
3552<script type="text/javascript">
3553  const chunks = [];
3554  
3555    /* New metafields loop */  
3556    
3557    
3558      
3559      
3560        chunks.push("[{\"product_handle\":\"pro-power-peel\",\"service_id\":\"6aa8fbd6d838ed71fd565090\",\"type\":\"classic-checkout\",\"product_id\":8927378964685,\"variant_ids\":[47918718812365],\"use_multilanguage\":true,\"authorized_locales\":[\"en-US\",\"vi-VN\"],\"default_locale\":\"vi-VN\",\"btn_label\":\"Đặt ngay\",\"book_now_default_label\":\"Đặt ngay\",\"book_now_labels\":{\"en-US\":\"Book now\",\"vi-VN\":\"Đặt ngay\"},\"slot_lock_remove_expired\":true,\"hide_variants_selector\":false},{\"product_handle\":\"exo-booster\",\"service_id\":\"6aa8fe65de7fe4e0119beae8\",\"type\":\"classic-checkout\",\"product_id\":9030800572621,\"variant_ids\":[48262620479693],\"use_multilanguage\":true,\"authorized_locales\":[\"en-US\",\"vi-VN\"],\"default_locale\":\"vi-VN\",\"btn_label\":\"Đặt ngay\",\"book_now_default_label\":\"Đặt ngay\",\"book_now_labels\":{\"en-US\":\"Book now\",\"vi-VN\":\"Đặt ngay\"},\"slot_lock_remove_expired\":true,\"hide_variants_selector\":false},{\"product_handle\":\"pro-microneedling\",\"service_id\":\"6aa9008bd838ed71fd566357\",\"type\":\"classic-checkout\",\"product_id\":8927379062989,\"variant_ids\":[47918717665485],\"use_multilanguage\":true,\"authorized_locales\":[\"en-US\",\"vi-VN\"],\"default_locale\":\"vi-VN\",\"btn_label\":\"Đặt ngay\",\"book_now_default_label\":\"Đặt ngay\",\"book_now_labels\":{\"en-US\":\"Book now\",\"vi-VN\":\"Đặt ngay\"},\"slot_lock_remove_expired\":true,\"hide_variants_selector\":false},{\"product_handle\":\"luminfusion\",\"service_id\":\"6aa90286de7fe4e0119bfb1e\",\"type\":\"classic-checkout\",\"product_id\":8927378702541,\"variant_ids\":[47901175840973],\"use_multilanguage\":true,\"authorized_locales\":[\"en-US\",\"vi-VN\"],\"default_locale\":\"vi-VN\",\"btn_label\":\"Đặt ngay\",\"book_now_default_label\":\"Đặt ngay\",\"book_now_labels\":{\"en-US\":\"Book now\",\"vi-VN\":\"Đặt ngay\"},\"slot_lock_remove_expired\":true,\"hide_variants_selector\":false},{\"product_handle\":\"pro-nanoinfusion\",\"service_id\":\"6aa90472d838ed71fd5670d0\",\"type\":\"classic-checkout\",\"product_id\":8927378768077,\"variant_ids\":[47949954318541],\"use_multilanguage\":true,\"authorized_locales\":[\"en-US\",\"vi-VN\"],\"default_locale\":\"vi-VN\",\"btn_label\":\"Đặt ngay\",\"book_now_default_label\":\"Đặt ngay\",\"book_now_labels\":{\"en-US\":\"Book now\",\"vi-VN\":\"Đặt ngay\"},\"slot_lock_remove_expired\":true,\"hide_variants_selector\":false},{\"product_handle\":\"pro-clear-skin-treatment\",\"service_id\":\"6aa90666d838ed71fd56786e\",\"type\":\"classic-checkout\",\"product_id\":8927378833613,\"variant_ids\":[47949952942285],\"use_multilanguage\":true,\"authorized_locales\":[\"en-US\",\"vi-VN\"],\"default_locale\":\"vi-VN\",\"btn_label\":\"Đặt ngay\",\"book_now_default_label\":\"Đặt ngay\",\"book_now_labels\":{\"en-US\":\"Book now\",\"vi-VN\":\"Đặt ngay\"},\"slot_lock_remove_expired\":true,\"hide_variants_selector\":false},{\"product_handle\":\"pro-calm-skin-treatment\",\"service_id\":\"6aa90a28d838ed71fd568929\",\"type\":\"classic-checkout\",\"product_id\":8927378440397,\"variant_ids\":[47949955170509],\"use_multilanguage\":true,\"authorized_locales\":[\"en-US\",\"vi-VN\"],\"default_locale\":\"vi-VN\",\"btn_label\":\"Đặt ngay\",\"book_now_default_label\":\"Đặt ngay\",\"book_now_labels\":{\"en-US\":\"Book now\",\"vi-VN\":\"Đặt ngay\"},\"slot_lock_remove_expired\":true,\"hide_variants_selector\":false},{\"product_handle\":\"pro-bright-skin-treatment\",\"service_id\":\"6aa9587cd838ed71fd57c0a5\",\"type\":\"classic-checkout\",\"product_id\":8927371657421,\"variant_ids\":[47949956251853],\"use_multilanguage\":true,\"authorized_locales\":[\"en-US\",\"vi-VN\"],\"default_locale\":\"vi-VN\",\"btn_label\":\"Đặt ngay\",\"book_now_default_label\":\"Đặt ngay\",\"book_now_labels\":{\"en-US\":\"Book now\",\"vi-VN\":\"Đặt ngay\"},\"slot_lock_remove_expired\":true,\"hide_variants_selector\":false},{\"product_handle\":\"pro-firm-neck-skin-treatment\",\"service_id\":\"6aa95b3ede7fe4e0119d5b27\",\"type\":\"classic-checkout\",\"product_id\":8927378899149,\"variant_ids\":[47949951664333],\"use_multilanguage\":true,\"authorized_locales\":[\"en-US\",\"vi-VN\"],\"default_locale\":\"vi-VN\",\"btn_label\":\"Đặt ngay\",\"book_now_default_label\":\"Đặt ngay\",\"book_now_labels\":{\"en-US\":\"Book now\",\"vi-VN\":\"Đặt ngay\"},\"slot_lock_remove_expired\":true,\"hide_variants_selector\":false},{\"product_handle\":\"pro-dermaplaning-1\",\"service_id\":\"6aa95b75de7fe4e0119d5c3c\",\"type\":\"classic-checkout\",\"product_id\":8927378997453,\"variant_ids\":[47918717862093,48126230331597],\"use_multilanguage\":true,\"authorized_locales\":[\"en-US\",\"vi-VN\"],\"default_locale\":\"vi-VN\",\"btn_label\":\"Đặt ngay\",\"book_now_default_label\":\"Đặt ngay\",\"book_now_labels\":{\"en-US\":\"Book now\",\"vi-VN\":\"Đặt ngay\"},\"slot_lock_remove_expired\":true,\"hide_variants_selector\":false},{\"product_handle\":\"melanopro-peel-system-treatment\",\"service_id\":\"6aa95be0de7fe4e0119d5e3b\",\"type\":\"classic-checkout\",\"product_id\":8957033349325,\"variant_ids\":[48003423240397],\"use_multilanguage\":true,\"authorized_locales\":[\"en-US\",\"vi-VN\"],\"default_locale\":\"vi-VN\",\"btn_label\":\"Đặt ngay\",\"book_now_default_label\":\"Đặt ngay\",\"book_now_labels\":{\"en-US\":\"Book now\",\"vi-VN\":\"Đặt ngay\"},\"slot_lock_remove_expired\":true,\"hide_variants_selector\":false}]");
3561      
3562    
3563  
3564  const bigConfigString = chunks.join("");
3565  window.cowServices = bigConfigString ? JSON.parse(bigConfigString) : null;
3566  window.cowSettings = {"use_virtual_form":false,"hide_logs":false,"button_type":"complex","use_master_form":true,"multilanguage_source":"shop","widget_shadow_enabled":false,"widget_shadow_size":13,"widget_shadow_opacity":11,"widget_shadow_color":"#000000"};
3567
3568  
3569  window.cowEventCal1_config = {"_id":"6ab4a38f69816f871036cfc8","timezone":"Asia\/Bangkok","language":"default","calendar_views":["month","week","list","grid"],"default_calendar_view":"month","is_24h_format":false,"show_weekends":true,"first_day_of_week":0,"bg_color":"#FFFFFF","title_color":"#141D2C","text_color":"#141D2C","calendar_header_color":"#FFFFFF","calendar_grid_color":"#092D68","calendar_today_cell_bg_color":"#FFFFFF","calendar_today_bg_color":"#D9EFFF","calendar_today_text_color":"#141D2C","week_header_bg_color":"#D9EFFF","week_header_text_color":"#141D2C","nav_button_bg_color":"#D9EFFF","nav_button_arrow_color":"#141D2C","nav_button_hover_bg_color":"#D9EFFF","prev_next_month_daycell_bg_color":"#F9F9F9","soldout_event_bg_color":"#E1E1E1","soldout_event_text_color":"#141D2C","view_toggle_bg_color":"#D9EFFF","view_toggle_text_color":"#141D2C","view_toggle_active_bg_color":"#092D68","view_toggle_active_text_color":"#FFFFFF","calendar_slot_layout":"compact","show_event_end_date":false,"event_action_target":"product_url"};
3570  window.cowEventCal1_services = [{"_id":"6aa8fbd6d838ed71fd565090","variant_id_to_use":"47918718812365","title":"Pro Power Peel","description":"","location":"None","product_url":"pro-power-peel","use_thumbnail_cover":false,"show_price":true,"show_location":true,"can_open_widget":true,"color":"#3b82f6","image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0508\/0291\/7581\/files\/dermalogica-vietnam-60-phut-pro-power-peel-52813997277389.webp?v=1724972514"},{"_id":"6aa8fe65de7fe4e0119beae8","variant_id_to_use":"48262620479693","title":"Exo Booster Microneedling","description":"","location":"None","product_url":"exo-booster","use_thumbnail_cover":false,"show_price":true,"show_location":true,"can_open_widget":true,"color":"#3b82f6","image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0508\/0291\/7581\/files\/dermalogica-vietnam-exo-booster-microneedling-1175462202.png?v=1751006945"},{"_id":"6aa9008bd838ed71fd566357","variant_id_to_use":"47918717665485","title":"Pro Microneedling","description":"","location":"None","product_url":"pro-microneedling","use_thumbnail_cover":false,"show_price":true,"show_location":true,"can_open_widget":true,"color":"#3b82f6","image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0508\/0291\/7581\/files\/dermalogica-vietnam-75-phut-pro-microneedling-52813992919245.webp?v=1724972152"}];
3571  
3572
3573  
3574  
3575  
3576  
3577  
3578  
3579  
3580  
3581  
3582  
3583  
3584  
3585  
3586  
3587  
3588  
3589  
3590</script>
3590
3591
3592
3593</div>
3593<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
3593
3594</body>
3595</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.