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 – 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| | /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(/</g,"<").replace(/>/g,">").replace(/"/g,'"').replace(/'/g,"'").replace(/&/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®ion_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®ion_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®ion_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.