:root{--white:#fff;--mist:#f6f6f6;--ink:#171918;--body:#3f4543;--muted:#68706d;--line:#e4e4e4;--teal:#48bdd1;--teal-dark:#0b6c7a;--ease:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--body);font:16px/1.6 Quicksand,Arial,sans-serif;font-synthesis:none}body.lock{overflow:hidden}img{display:block;max-width:100%}a{color:inherit}button,a{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid rgb(72 189 209 / .5);outline-offset:3px}.container{width:min(1400px,calc(100% - 48px));margin:auto}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.chev{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.eyebrow{margin:0 0 10px;color:var(--teal-dark);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.btn{min-height:48px;padding:0 21px;border:1px solid #fff0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:13px;font-weight:700;transition:.18s var(--ease)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgb(23 25 24 / .18)}.btn-light{border-color:var(--line);background:#fff;color:var(--ink)}.header{height:82px;position:sticky;top:0;z-index:80;border-bottom:1px solid rgb(228 228 228 / .88);background:rgb(255 255 255 / .91);backdrop-filter:blur(16px)}.header-in{height:100%;display:grid;grid-template-columns:170px 1fr auto;align-items:center;gap:18px}.logo{width:148px;height:48px;object-fit:contain}.nav{display:flex;align-items:center;justify-content:center;gap:4px}.nav>a,.nav>button{height:42px;padding:0 12px;border:0;border-radius:10px;background:#fff0;color:#303633;display:flex;align-items:center;gap:7px;text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap}.nav>a:hover,.nav>button:hover{background:var(--mist)}.nav .active{color:var(--teal-dark)}.head-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:46px;height:46px;position:relative;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center}.bag-btn{height:46px;padding:0 15px;border:1px solid var(--line);border-radius:999px;background:#fff;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.badge{min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:11px}.menu-btn,.mobile-tools{display:none}.breadcrumb{padding:17px 0;border-bottom:1px solid rgb(228 228 228 / .7);color:var(--muted);font-size:12px}.breadcrumb a{text-decoration:none}.breadcrumb i{margin:0 8px;color:#aeb7b4;font-style:normal}.product{padding:48px 0 62px}.product-grid{display:grid;grid-template-columns:minmax(460px,1.03fr) minmax(420px,.97fr);gap:76px;align-items:start}.gallery-stage{height:min(650px,calc(100vh - 205px));min-height:540px;overflow:hidden;border-radius:22px;background:linear-gradient(150deg,#fafafa,#f4f4f4);display:flex;align-items:center;justify-content:center}.gallery-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 18px 16px rgb(27 42 40 / .12));transition:opacity .16s var(--ease)}.gallery-stage img.view-set{max-width:78%;max-height:88%}.gallery-stage img.view-box{max-width:48%;max-height:88%}.gallery-stage img.view-bottle{max-width:42%;max-height:88%}.gallery-thumbs{display:flex;gap:10px;margin-top:12px}.gallery-thumb{width:82px;height:82px;padding:8px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center}.gallery-thumb[aria-current="true"]{border-color:var(--ink);box-shadow:inset 0 -2px 0 var(--teal)}.gallery-thumb img{width:100%;height:100%;object-fit:contain}.product-summary{padding-top:7px}.condition{display:inline-flex;margin:0 0 17px;padding:7px 12px;border-radius:999px;background:#f5f5f4;color:var(--ink);font-size:11px;font-weight:800}.product-summary h1{margin:0;color:var(--ink);font-size:clamp(42px,4.2vw,62px);line-height:1.05;letter-spacing:-.05em}.lead{max-width:600px;margin:22px 0 0;color:#343a37;font-size:18px;line-height:1.65}.summary-benefits{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:8px}.summary-benefits li{padding-left:18px;position:relative;color:#343a37;font-size:14px;line-height:1.45}.summary-benefits li:before{content:"";width:6px;height:6px;position:absolute;left:0;top:.62em;border-radius:50%;background:var(--teal)}.quick-facts{margin:24px 0 0;border-top:1px solid var(--ink)}.fact{padding:14px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:128px 1fr;gap:18px}.fact dt{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.fact dd{margin:0;color:var(--ink);font-size:14px;font-weight:700}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.actions .btn{min-height:52px}.sample-btn.added{background:var(--teal-dark);border-color:var(--teal-dark)}.detail-section{padding:58px 0;border-top:1px solid var(--line)}.detail-layout{display:grid;grid-template-columns:300px minmax(0,820px);gap:80px}.detail-section h2{margin:0;color:var(--ink);font-size:32px;line-height:1.2;letter-spacing:-.03em}.detail-copy{font-size:16px}.active-list{border-top:1px solid var(--ink)}.active-item{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:190px 60px 1fr;gap:22px;align-items:start}.active-item strong{color:var(--ink);font-size:17px}.active-item>span{color:var(--teal-dark);font-size:15px;font-weight:800}.active-item p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.skin-fit{padding:62px 0;border-top:1px solid var(--line);background:linear-gradient(180deg,#fff,#fafafa)}.skin-fit-head{max-width:720px}.skin-fit h2{margin:0;color:var(--ink);font-size:36px;line-height:1.15;letter-spacing:-.035em}.skin-fit-head>p:last-child{margin:13px 0 0;color:var(--muted)}.skin-circles{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:32px}.skin-item{text-align:center}.skin-photo{width:min(100%,180px);aspect-ratio:1;margin:auto;overflow:hidden;border-radius:50%;background:#e9ddda;box-shadow:0 0 0 1px var(--line),0 12px 30px rgb(25 43 39 / .08)}.skin-photo img{width:100%;height:100%;object-fit:cover;object-position:center 58%;transform:scale(2.7)}.skin-item:nth-child(1) .skin-photo img{object-position:56% 58%}.skin-item:nth-child(2) .skin-photo img{object-position:59% 58%}.skin-item:nth-child(3) .skin-photo img{object-position:66% 58%}.skin-item:nth-child(4) .skin-photo img{object-position:57% 58%}.skin-item strong{display:block;margin-top:14px;color:var(--ink);font-size:15px}.skin-item span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.needs-line{margin:32px 0 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:24px}.needs-line b{color:var(--ink);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.needs-line span{color:#46504c}.routine{padding:64px 0;border-top:1px solid var(--line)}.routine-head{max-width:760px}.routine-head h2{margin:0;color:var(--ink);font-size:36px;line-height:1.15;letter-spacing:-.035em}.routine-track{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;border-top:1px solid var(--ink)}.routine-item{min-width:0;padding:22px 18px 20px;border-right:1px solid var(--line)}.routine-item:last-child{border-right:0}.routine-visual{aspect-ratio:4/5;margin-bottom:18px;overflow:hidden;background:#f9f9f9;display:grid;place-items:center}.routine-visual img{display:block;width:auto;height:auto;max-width:72%;max-height:84%;object-fit:contain;filter:drop-shadow(0 10px 10px rgb(27 42 40 / .1))}.routine-item.is-current{box-shadow:inset 0 3px 0 var(--teal)}.routine-step{display:block;margin-bottom:8px;color:var(--teal-dark);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.routine-item h3{margin:0;color:var(--ink);font-size:18px;line-height:1.3}.routine-item p{margin:9px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.routine-link{display:inline-block;margin-top:13px;color:var(--ink);font-size:12px;font-weight:800;text-decoration:none;border-bottom:1px solid var(--ink)}.support{padding:0 0 58px}.support-box{padding:38px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.support-box h2{margin:0 0 7px;color:var(--ink);font-size:26px}.support-box p{margin:0;color:var(--muted)}.footer{padding:60px 0 24px;background:#f9f9f9;border-top:1px solid rgb(72 189 209 / .45)}.footer-grid{display:grid;grid-template-columns:1.05fr 1.25fr .8fr;gap:58px}.foot-head{min-height:56px;margin-bottom:18px}.foot-head img{width:154px;height:54px;object-fit:contain;object-position:left center}.foot-head b{color:var(--ink);font-size:15px}.footer p{margin:0;color:#454c49;font-size:13px}.footer-philosophy strong,.contact-groups b{display:block;margin-bottom:7px;color:var(--ink)}.social{display:flex;gap:9px;margin-top:22px}.social a{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:10px;font-weight:800}.social svg{width:16px;height:16px;fill:var(--ink)}.contact-groups{display:grid;gap:15px}.contact-groups a{color:var(--teal-dark)}.license{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);color:#5d6461;font-size:11px}.foot-links{display:grid;gap:10px}.foot-links a{color:#343a37;text-decoration:none;font-size:13px}.legal-title{margin-top:24px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.bct img{width:132px;margin-top:20px}.copyright{margin-top:38px;padding-top:20px;border-top:1px solid var(--line);color:#666e6a;font-size:11px}.drawer-layer{display:none}.drawer-layer.open{display:block;position:fixed;z-index:100;inset:0;background:rgb(10 15 14 / .38)}.drawer{width:min(88vw,410px);height:100%;padding:22px 24px 24px;background:#fff;display:flex;flex-direction:column}.drawer-head{min-height:64px;padding-bottom:16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer-head img{width:142px;height:48px;object-fit:contain}.drawer-nav{display:grid;gap:4px;padding:18px 0}.drawer-nav a,.drawer-nav button{width:100%;min-height:56px;padding:0 14px;border:0;border-radius:12px;background:#fff0;color:#303633;display:flex;align-items:center;text-align:left;text-decoration:none;font-size:17px;font-weight:600}.drawer-nav .active{background:#eef8f8;color:var(--teal-dark)}.drawer-actions{display:grid;gap:10px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.drawer-actions .btn{width:100%}.toast{position:fixed;right:24px;bottom:24px;z-index:90;width:min(360px,calc(100% - 32px));padding:14px 16px;border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:12px;background:#fff;box-shadow:0 16px 50px rgb(8 27 23 / .16);display:none}.toast.show{display:block}.toast b{display:block;color:var(--ink)}.toast p{margin:3px 0 0;color:var(--muted);font-size:12px}.review-badge{position:fixed;z-index:10;right:10px;bottom:8px;padding:5px 8px;background:rgb(10 10 10 / .78);color:#fff;font-size:9px;font-weight:800;letter-spacing:.08em}@media(max-width:1180px){.nav{display:none}.header-in{grid-template-columns:48px 1fr auto}.menu-btn{display:grid}.header-in>a{justify-self:center}.product-grid{grid-template-columns:1fr 1fr;gap:42px}.gallery-stage{min-height:500px}.detail-layout{grid-template-columns:240px 1fr;gap:50px}}@media(max-width:767px){body{font-size:16px}.container{width:calc(100% - 36px)}.header{height:64px}.header-in{grid-template-columns:42px 1fr auto;gap:8px}.logo{width:116px}.head-actions{display:none}.mobile-tools{display:flex}.mobile-tools .icon-btn{width:40px;height:40px}.breadcrumb{padding:10px 0}.product{padding:16px 0 30px}.product-grid{display:flex;flex-direction:column;gap:20px}.gallery-stage{width:100%;height:auto;min-height:0;aspect-ratio:1;border-radius:16px}.gallery-stage img.view-set{max-width:82%;max-height:86%}.gallery-stage img.view-box{max-width:52%;max-height:86%}.gallery-stage img.view-bottle{max-width:46%;max-height:86%}.gallery-thumbs{gap:8px;margin-top:9px;overflow-x:auto}.gallery-thumb{width:64px;height:64px;padding:7px;border-radius:10px;flex:0 0 auto}.product-summary{padding-top:0}.condition{margin-bottom:11px}.product-summary h1{font-size:38px}.lead{margin-top:13px;font-size:16px;line-height:1.5}.summary-benefits{margin-top:15px;gap:7px}.summary-benefits li{font-size:14px}.quick-facts{margin-top:18px}.fact{grid-template-columns:100px 1fr;padding:11px 0;gap:12px}.fact dd{font-size:14px}.actions{grid-template-columns:1fr;margin-top:16px}.actions .btn{min-height:50px}.detail-section{padding:34px 0}.detail-layout{display:block}.detail-section h2{margin-bottom:18px;font-size:28px}.detail-copy{font-size:15px}.active-item{padding:14px 0;grid-template-columns:1fr auto;gap:4px 18px}.active-item strong{font-size:16px}.active-item p{grid-column:1/-1;margin-top:5px}.skin-fit{padding:36px 0}.skin-fit h2{font-size:29px}.skin-fit-head>p:last-child{margin-top:9px;line-height:1.5}.skin-circles{grid-template-columns:1fr 1fr;gap:19px 14px;margin-top:22px}.skin-photo{width:126px}.skin-item strong{margin-top:10px;font-size:14px}.needs-line{display:block;margin-top:22px;padding:16px 0}.needs-line span{display:block;margin-top:5px;font-size:14px}.routine{padding:36px 0}.routine-head h2{font-size:29px}.routine-track{grid-template-columns:1fr;margin-top:20px}.routine-item{padding:14px 0;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center}.routine-item.is-current{box-shadow:inset 3px 0 0 var(--teal);padding-left:10px}.routine-visual{margin:0;aspect-ratio:1}.routine-visual img{max-width:68%;max-height:82%}.routine-step{margin-bottom:4px}.routine-item h3{font-size:17px}.routine-item p{font-size:12px}.routine-link{margin-top:8px}.support{padding-bottom:36px}.support-box{padding:25px 0;display:block}.support-box h2{font-size:23px}.support-box .btn{width:100%;margin-top:17px}.footer{padding-top:36px}.footer-grid{grid-template-columns:1fr;gap:30px}.foot-head{min-height:auto;margin-bottom:12px}.review-badge{display:none}}@media(max-width:390px){.container{width:calc(100% - 28px)}.product-summary h1{font-size:34px}.gallery-stage img.view-set{max-width:84%}.gallery-stage img.view-box{max-width:54%}.gallery-stage img.view-bottle{max-width:48%}.skin-photo{width:116px}}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(/wp-content/themes/hderma/assets/v68/media/fonts/quicksand-vietnamese.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(/wp-content/themes/hderma/assets/v68/media/fonts/quicksand-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(/wp-content/themes/hderma/assets/v68/media/fonts/quicksand-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.routine-visual{position:relative;aspect-ratio:1}.routine-visual img{position:absolute;inset:8%;width:84%;height:84%;max-width:none;max-height:none;object-fit:contain;transform:none}.routine-item--pump .routine-visual img{transform:scale(1.08)}.routine-item--tall .routine-visual img{inset:6% 10%;width:80%;height:88%}.routine-item--set .routine-visual img{inset:10%;width:80%;height:80%}.product-details{padding:58px 0;border-top:1px solid var(--line)}.product-details-layout{display:grid;grid-template-columns:300px minmax(0,820px);gap:80px}.product-details h2{margin:0;color:var(--ink);font-size:32px;line-height:1.2;letter-spacing:-.03em}.info-accordion{border-top:1px solid var(--ink)}.info-accordion details{border-bottom:1px solid var(--line)}.info-accordion summary{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--ink);font-size:16px;font-weight:700;cursor:pointer;list-style:none}.info-accordion summary::-webkit-details-marker{display:none}.info-accordion summary:after{content:"+";color:var(--teal-dark);font-size:22px;font-weight:500;line-height:1}.info-accordion details[open] summary:after{content:"−"}.info-detail-body{max-width:760px;padding:0 42px 22px 0;color:#4e5652;font-size:15px;line-height:1.7}.info-detail-body p{margin:0 0 12px}.info-detail-body p:last-child{margin-bottom:0}.info-detail-body.inci{font-size:13px;line-height:1.65}.detail-section,.skin-fit,.product-details,.routine,.support{scroll-margin-top:100px}@media(max-width:767px){.routine-item p{font-size:13px;line-height:1.5}.routine-step{font-size:11px}.routine-link{font-size:13px}.routine-visual img{inset:8%;width:84%;height:84%;max-width:none;max-height:none}.routine-item--pump .routine-visual img{transform:scale(1.12)}.routine-item--tall .routine-visual img{inset:6% 10%;width:80%;height:88%}.routine-item--set .routine-visual img{inset:9%;width:82%;height:82%}.product-details{padding:36px 0}.product-details-layout{display:block}.product-details h2{margin-bottom:18px;font-size:28px}.info-accordion summary{min-height:54px;font-size:15px}.info-detail-body{padding:0 0 18px;font-size:14px;line-height:1.65}.info-detail-body.inci{font-size:13px}}.gallery-thumb{display:flex;align-items:center;justify-content:center}.gallery-thumb img{display:block!important;position:static!important;flex:none;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important}.fact-skins{align-items:center}.skin-inline{display:flex;align-items:center;gap:18px}.skin-inline-item{display:grid;grid-template-columns:38px auto;align-items:center;gap:8px}.skin-inline-photo{width:38px;aspect-ratio:1;overflow:hidden;border-radius:50%;background:#eadfdb;box-shadow:0 0 0 1px var(--line)}.skin-inline-photo img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transform:scale(3)}.skin-inline-item span{color:#46504c;font-size:12px;font-weight:600;line-height:1.25}.fact-need dd{font-weight:600;line-height:1.45}.detail-active-list{border-top:1px solid var(--line)}.detail-active{padding:14px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:150px 44px 1fr;gap:14px}.detail-active strong{color:var(--ink)}.detail-active>span{color:var(--teal-dark);font-weight:800}.detail-active p{margin:0}.product-details,.routine{scroll-margin-top:100px}.product-details{padding:48px 0;background:#f9f9f9;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-details-layout{display:block;width:min(1200px,calc(100% - 48px))}.product-details .info-accordion{width:100%;margin:0}.product-details .info-detail-body{max-width:900px}.routine{padding:56px 0 60px;border-top:0}.routine-track{margin-top:24px}.footer{padding:58px 0 24px;background:#f9f9f9;color:#57534e;border-top:1px solid rgb(72 189 209 / .28)}.footer-grid{display:grid;grid-template-columns:1.15fr 1.35fr 1fr;gap:38px;align-items:start}.foot-col{display:flex;flex-direction:column}.foot-head{height:45px;min-height:45px;margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid var(--line);display:flex;align-items:center}.foot-head img{width:156px;height:32px;object-fit:contain;object-position:left center;filter:none}.foot-head b{color:var(--ink);font-size:17px}.footer p{margin:0}.footer-philosophy{margin:0;max-width:390px}.footer-philosophy strong{display:block;margin-bottom:8px;color:var(--ink);font-size:14px}.footer-philosophy span{display:block;color:#57534e;font-size:14px;line-height:1.72}.foot-col p,.foot-col a{color:#57534e;font-size:13px}.foot-col a{text-decoration:none}.contact-groups{display:grid;gap:13px;margin:0}.contact-groups b{display:block;margin-bottom:3px;color:#79716b;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.contact-groups a{color:#0b6c7a}.license{margin-top:18px;padding:0;border:0}.license div{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#5d6461;font-size:11px}.social{display:flex;gap:9px;margin-top:18px;padding:0}.social a{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center}.social svg{width:19px;height:19px;fill:currentColor}.zalo{font:700 9px/1 Arial!important;color:#0068ff!important}.foot-links{display:grid;gap:0;margin:0}.foot-links a{min-height:36px;display:flex;align-items:center}.legal-title{margin-top:20px;padding-top:20px;border-top:1px solid var(--line);color:#79716b;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.footer .bct{width:176px;height:auto;margin-top:18px;padding:0;border:0;border-radius:0;background:#fff0;display:block}.footer .bct img{display:block;width:100%;height:auto;margin:0}.copyright{margin-top:28px;padding-top:21px;border-top:1px solid var(--line);text-align:center;color:#79716b;font-size:12px}@media(max-width:767px){.skin-inline{gap:12px}.skin-inline-item{grid-template-columns:34px auto;gap:6px}.skin-inline-photo{width:34px}.skin-inline-item span{font-size:11px}.fact-skins,.fact-need{align-items:start}.detail-active{grid-template-columns:1fr auto;gap:3px 14px}.detail-active p{grid-column:1/-1;margin-top:3px}.product-details{padding:28px 0}.product-details-layout{width:calc(100% - 36px)}.routine{padding:32px 0 36px}.routine-track{margin-top:16px}.footer{padding:44px 0 24px}.footer-grid{grid-template-columns:1fr;gap:28px}.foot-head{height:auto;min-height:0}.footer-philosophy span{font-size:15px;line-height:1.7}.social{margin-top:10px}}.product{padding:42px 0 64px}.product-grid{grid-template-columns:minmax(0,1.04fr) minmax(500px,.96fr);gap:64px;align-items:start}.gallery{position:sticky;top:102px;align-self:start;min-width:0}.gallery-grid{aspect-ratio:3/2;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.gallery-card{min-width:0;min-height:0;margin:0;position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(150deg,#fafafa,#f4f4f4)}.gallery-card--main{grid-row:1/3}.gallery-card img{display:block;position:absolute;inset:9%;width:82%;height:82%;max-width:none;max-height:none;object-fit:contain;filter:drop-shadow(0 14px 14px rgb(27 42 40 / .1))}.gallery-card--main img{inset:8% 11%;width:78%;height:84%}.gallery-card--box img{inset:9% 15%;width:70%;height:82%}.gallery-card--bottle img{inset:9% 17%;width:66%;height:82%}.product-content{min-width:0}.product-summary{padding-top:4px}.product-content .product-details{margin-top:34px;padding:0;background:#fff0;border:0}.product-content .info-accordion{width:100%;margin:0}.product-content .info-detail-body{max-width:100%;padding-right:0}.routine{padding:56px 0 60px;border-top:1px solid var(--line)}@media(max-width:1180px) and (min-width:901px){.product-grid{grid-template-columns:minmax(0,.9fr) minmax(450px,1.1fr);gap:36px}.gallery{top:94px}.product-summary h1{font-size:42px}.fact{grid-template-columns:108px 1fr;gap:12px}}@media(max-width:900px){.product-grid{display:flex;flex-direction:column;gap:28px}.gallery{width:100%;position:static}.gallery-grid{width:100%}.product-content{width:100%}}@media(max-width:767px){.product{padding:16px 0 30px}.product-grid{gap:18px}.gallery-grid{width:calc(100vw - 18px);margin-right:calc(18px - 50vw + 50%);aspect-ratio:auto;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 18px 7px 0}.gallery-card,.gallery-card--main{flex:0 0 calc(100% - 28px);aspect-ratio:1;scroll-snap-align:start;border-radius:16px}.gallery-card img,.gallery-card--main img{inset:8% 9%;width:82%;height:84%}.gallery-card--box img{inset:8% 23%;width:54%;height:84%}.gallery-card--bottle img{inset:8% 26%;width:48%;height:84%}.product-content .product-details{margin-top:28px}.product-content .info-accordion{border-top:1px solid var(--ink)}.routine{padding:32px 0 36px}}.footer{padding:58px 0 24px;background:#f9f9f9;color:#57534e;border-top:1px solid rgb(72 189 209 / .28)}.footer-grid{display:grid;grid-template-columns:1.15fr 1.35fr 1fr;gap:38px;align-items:start}.foot-col{display:flex;flex-direction:column}.foot-head{height:45px;min-height:45px;margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid var(--line);display:flex;align-items:center}.foot-head img{width:156px;height:32px;object-fit:contain;object-position:left center;filter:none}.foot-head b{color:var(--ink);font-size:17px}.footer p{margin:0}.footer-philosophy{margin:0;max-width:390px}.footer-philosophy strong{display:block;margin-bottom:8px;color:var(--ink);font-size:14px}.footer-philosophy span{display:block;color:#57534e;font-size:14px;line-height:1.72}.foot-col p,.foot-col a{color:#57534e;font-size:13px}.foot-col a{text-decoration:none}.contact-groups{display:grid;gap:13px;margin:0}.contact-groups b{display:block;margin-bottom:3px;color:#79716b;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.contact-groups a{color:#0b6c7a}.license{margin-top:18px;padding:0;border:0}.license div{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#5d6461;font-size:11px}.social{display:flex;gap:9px;margin-top:18px;padding:0}.social a{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center}.social svg{width:19px;height:19px;fill:currentColor}.zalo{font:700 9px/1 Arial!important;color:#0068ff!important}.foot-links{display:grid;gap:0;margin:0}.foot-links a{min-height:36px;display:flex;align-items:center}.legal-title{margin-top:20px;padding-top:20px;border-top:1px solid var(--line);color:#79716b;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.footer .bct{width:176px;height:auto;margin-top:18px;padding:0;border:0;border-radius:0;background:#fff0;display:block}.footer .bct img{display:block;width:100%;height:auto;margin:0}.copyright{margin-top:28px;padding-top:21px;border-top:1px solid var(--line);text-align:center;color:#79716b;font-size:12px}@media(max-width:767px){.footer{padding:44px 0 24px}.footer-grid{grid-template-columns:1fr;gap:28px}.foot-head{height:auto;min-height:0}.footer-philosophy span{font-size:15px;line-height:1.7}.social{margin-top:10px}}.product{padding:42px 0 72px}.product-grid{grid-template-columns:minmax(0,620px) minmax(500px,1fr);gap:72px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:12px;aspect-ratio:auto}.gallery-card{aspect-ratio:1;border:1px solid rgb(228 228 228 / .72);border-radius:20px}.gallery-card--main{grid-column:1/-1;grid-row:auto}.gallery-card img{inset:9%;width:82%;height:82%}.gallery-card--main img{inset:4%;width:92%;height:92%}.gallery-card--box img{inset:9% 19%;width:62%;height:82%}.gallery-card--bottle img{inset:9% 22%;width:56%;height:82%}.gallery-progress{display:none}.condition{margin-bottom:14px;padding:7px 11px;font-size:10px;font-weight:700;letter-spacing:.015em}.product-summary h1{font-size:clamp(42px,3.8vw,56px);line-height:1.08;letter-spacing:-.045em}.lead{margin-top:18px;font-size:17px;line-height:1.62}.summary-benefits{margin-top:18px;gap:9px}.summary-benefits li{font-size:15px;line-height:1.5}.quick-facts{margin-top:24px}.fact{grid-template-columns:132px 1fr;padding:15px 0;gap:20px}.fact dt{font-size:10px;font-weight:700}.fact dd{font-size:14px;font-weight:600;line-height:1.5}.actions{gap:10px;margin-top:24px}.actions .btn{font-weight:700}.product-content .product-details{margin-top:38px}.info-accordion summary{font-weight:700}.routine{padding:68px 0 70px}.routine-head h2{font-size:34px}.routine-track{gap:12px;border-top:0}.routine-item{padding:22px 18px 20px;border:1px solid #fff0;border-right:1px solid var(--line);border-top:1px solid var(--ink);transition:.2s var(--ease)}.routine-item:last-child{border-right-color:#fff0}.routine-item.is-current{z-index:1;margin-top:-12px;padding-top:31px;border:1px solid rgb(72 189 209 / .75);border-top:4px solid var(--teal);border-radius:18px;background:linear-gradient(180deg,#f0f9fa 0%,#fff 70%);box-shadow:0 18px 42px rgb(25 70 74 / .13)}.routine-item.is-current .routine-step{color:var(--teal-dark)}.routine-item.is-current .routine-step:after{content:"Sản phẩm đang xem";margin-left:8px;padding:4px 7px;border-radius:999px;background:var(--teal-dark);color:#fff;font-size:8px;letter-spacing:.07em;vertical-align:1px}.routine-item h3{font-weight:700}.routine-link{font-weight:700}@media(max-width:1180px) and (min-width:901px){.product-grid{grid-template-columns:minmax(0,1fr) minmax(450px,1fr);gap:36px}.gallery{top:94px}.product-summary h1{font-size:42px}.fact{grid-template-columns:112px 1fr;gap:14px}}@media(max-width:900px){.product-grid{display:flex;flex-direction:column;gap:28px}.gallery{width:100%;position:static}.product-content{width:100%}}@media(max-width:767px){.breadcrumb{padding:11px 0;font-size:10.5px;white-space:nowrap}.breadcrumb .breadcrumb-current,.breadcrumb .breadcrumb-current-separator{display:none}.product{padding:14px 0 34px}.product-grid{gap:16px}.gallery{overflow:visible}.gallery-grid{width:calc(100vw - 14px);margin-right:calc(14px - 50vw + 50%);display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 14px 5px 0}.gallery-grid::-webkit-scrollbar{display:none}.gallery-card,.gallery-card--main{flex:0 0 calc(100% - 40px);aspect-ratio:1;scroll-snap-align:start;border-radius:16px}.gallery-card img{inset:8%;width:84%;height:84%}.gallery-card--main img{inset:3%;width:94%;height:94%}.gallery-card--box img{inset:8% 23%;width:54%;height:84%}.gallery-card--bottle img{inset:8% 26%;width:48%;height:84%}.gallery-progress{height:44px;margin-top:0;display:flex;align-items:center;justify-content:center;gap:0}.gallery-dot{width:44px;height:44px;padding:0;border:0;background:#fff0;display:grid;place-items:center}.gallery-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:#c7cecc;transition:.18s var(--ease)}.gallery-dot[aria-current="true"]:before{width:18px;border-radius:999px;background:var(--teal-dark)}.condition{margin-bottom:10px;font-size:9.5px}.product-summary h1{font-size:34px;line-height:1.1;letter-spacing:-.035em}.lead{margin-top:12px;font-size:15px;line-height:1.55}.summary-benefits{margin-top:14px;gap:7px}.summary-benefits li{font-size:13.5px;line-height:1.45}.quick-facts{margin-top:17px}.fact{grid-template-columns:98px 1fr;padding:11px 0;gap:12px}.fact dt{font-size:9px;line-height:1.35}.fact dd{font-size:13px;line-height:1.45}.skin-inline{gap:11px}.skin-inline-item{grid-template-columns:34px auto}.skin-inline-photo{width:34px}.skin-inline-item span{font-size:10.5px}.actions{margin-top:16px}.product-content .product-details{margin-top:28px}.info-detail-body{font-size:14px}.routine{padding:42px 0 46px}.routine-head h2{font-size:27px;line-height:1.2}.routine-track{gap:10px;margin-top:20px}.routine-item,.routine-item:last-child{padding:14px 0;border:0;border-bottom:1px solid var(--line)}.routine-item.is-current{margin:2px 0;padding:15px 13px;border:1px solid rgb(72 189 209 / .75);border-left:4px solid var(--teal);border-radius:15px;box-shadow:0 12px 28px rgb(25 70 74 / .1)}.routine-item.is-current .routine-step:after{display:block;width:max-content;margin:5px 0 0}.routine-item p{font-size:13px}.routine-link{font-size:12px}}@media(max-width:390px){.container{width:calc(100% - 28px)}.gallery-grid{width:calc(100vw - 14px)}.product-summary h1{font-size:33px}.fact{grid-template-columns:92px 1fr}.skin-inline{gap:8px}.skin-inline-item{grid-template-columns:31px auto;gap:5px}.skin-inline-photo{width:31px}.skin-inline-item span{font-size:10px}}.gallery{top:var(--gallery-sticky-top,102px)}@media(max-width:767px){.product-grid,.gallery,.product-content{min-width:0}.gallery{overflow:hidden}.gallery-grid{width:100%;min-width:0;margin:0;padding:0 0 5px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.gallery-grid::after{content:"";flex:0 0 30px}.gallery-card,.gallery-card--main{flex:0 0 calc(100% - 40px);scroll-snap-align:start;scroll-snap-stop:always}}.sample-btn.added{background:#f5f5f4;border-color:var(--line);color:var(--ink);box-shadow:none}.sample-btn.added::before{content:"✓";margin-right:8px;color:var(--teal-dark);font-weight:700}.drawer-head .icon-btn{font-size:23px}.drawer-nav .drawer-active{background:#eef8f8;color:var(--teal-dark)}.drawer-nav .chev{width:16px;height:16px;margin-left:auto;flex:0 0 auto}.drawer-actions{grid-template-columns:58px minmax(0,1fr);gap:10px}.drawer-actions button{height:58px;margin:0;border-radius:16px}.drawer-sample{position:relative;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center}.drawer-sample .icon{width:22px;height:22px}.drawer-sample .badge{position:absolute;right:-4px;top:-7px;box-shadow:0 0 0 3px #fff}.drawer-consult{padding:0 18px;border:1px solid var(--ink);background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;gap:11px}.drawer-consult .icon{width:20px;height:20px}.drawer-consult span{display:grid;text-align:left;line-height:1.05}.drawer-consult small{margin-bottom:4px;color:#91dbe4;font-size:9px;font-weight:800;letter-spacing:.1em}.drawer-consult b{font-size:15px}.toast{padding-right:48px}.toast-close{position:absolute;top:7px;right:7px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#fff0;color:var(--ink);display:grid;place-items:center;font-size:22px;line-height:1}.toast-close:hover{background:#f5f5f4}@media(max-width:767px){.mobile-tools{gap:10px}.mobile-tools .icon-btn{width:44px;height:44px}.mobile-tools .bag-icon .badge{position:absolute;right:-3px;top:-5px;min-width:18px;height:18px;padding:0 5px;font-size:9px}.toast{top:72px;right:14px;bottom:auto;width:min(336px,calc(100% - 28px));border-left:1px solid var(--line);animation:toast-drop .22s var(--ease) both}.toast::before{content:"";position:absolute;right:18px;top:-6px;width:10px;height:10px;background:#fff;border-top:1px solid var(--line);border-left:1px solid var(--line);transform:rotate(45deg)}}@keyframes toast-drop{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.routine-item.is-current{border-color:#231f20;border-top:3px solid #231f20;background:linear-gradient(180deg,#f8f8f8 0%,#fff 70%);box-shadow:0 18px 42px rgb(35 31 32 / .1)}.routine-item.is-current .routine-step{color:#231f20}.routine-item.is-current .routine-step:after{background:#231f20}@media(max-width:767px){.routine-item.is-current{border-color:#231f20;border-top:1px solid #231f20;border-left:3px solid #231f20;box-shadow:0 12px 28px rgb(35 31 32 / .1)}}.gallery-desktop-stage,.gallery-thumbs{display:none}@media(min-width:768px){.gallery{--gallery-size:min(100%,620px,calc(100vh - 212px));position:static;top:auto}.gallery-desktop-stage{position:relative;display:block;width:var(--gallery-size);aspect-ratio:1;margin:0;overflow:hidden;border:1px solid rgb(228 228 228 / .72);border-radius:20px;background:linear-gradient(150deg,#fafafa,#f4f4f4)}.gallery-desktop-stage img{position:absolute;top:50%;left:50%;display:block;width:124%;height:124%;max-width:none;max-height:none;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 14px 14px rgb(27 42 40 / .1))}.gallery-desktop-stage[data-view="box"] img{width:56%;height:82%}.gallery-desktop-stage[data-view="bottle"] img{width:51%;height:82%}.gallery-thumbs{width:var(--gallery-size);max-width:100%;margin-top:12px;padding:0 0 5px;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}.gallery-thumb{width:84px;height:84px;flex:0 0 84px;scroll-snap-align:start;border-radius:12px}.gallery-thumb[aria-pressed="true"]{border:2px solid #231f20;box-shadow:none}.gallery-thumb:hover{border-color:#231f20}.gallery-grid,.gallery-progress{display:none}}@media(min-width:768px) and (max-width:900px){.gallery-desktop-stage,.gallery-thumbs{margin-left:auto;margin-right:auto}}@media(min-width:901px) and (max-width:1023px){.product-grid{display:flex;flex-direction:column;gap:28px}.gallery,.product-content{width:100%;min-width:0}.gallery-desktop-stage,.gallery-thumbs{margin-left:auto;margin-right:auto}}@media(min-width:1024px){.gallery{position:sticky;top:92px;align-self:start}}.summary-benefits li::before{background:#231f20}.footer{padding:58px 0 24px;background:#f9f9f9;color:#57534e;border-top:1px solid rgb(72 189 209 / .28)}.footer-grid{display:grid;grid-template-columns:1.15fr 1.35fr 1fr;gap:38px;align-items:start}.foot-col{display:flex;flex-direction:column}.foot-head{height:45px;min-height:45px;margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid var(--line);display:flex;align-items:center}.foot-head img{width:156px;height:32px;object-fit:contain;object-position:left center;filter:none}.foot-head b{color:var(--ink);font-size:17px}.footer p{margin:0}.footer-philosophy{margin:0;max-width:390px}.footer-philosophy strong{display:block;margin-bottom:8px;color:var(--ink);font-size:14px}.footer-philosophy span{display:block;color:#57534e;font-size:14px;line-height:1.72}.foot-col p,.foot-col a{color:#57534e;font-size:13px}.foot-col a{text-decoration:none}.contact-groups{display:grid;gap:13px;margin:0}.contact-groups b{display:block;margin-bottom:3px;color:#79716b;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.contact-groups a{color:#0b6c7a}.license{margin-top:18px;padding:0;border:0}.license div{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#5d6461;font-size:11px}.social{display:flex;gap:9px;margin-top:18px;padding:0}.social a{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center}.social svg{width:19px;height:19px;fill:currentColor}.zalo{font:700 9px/1 Arial!important;color:#0068ff!important}.foot-links{display:grid;gap:0;margin:0}.foot-links a{min-height:36px;display:flex;align-items:center}.legal-title{margin-top:20px;padding-top:20px;border-top:1px solid var(--line);color:#79716b;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.footer .bct{width:176px;height:auto;margin-top:18px;padding:0;border:0;border-radius:0;background:#fff0;display:block}.footer .bct img{display:block;width:100%;height:auto;margin:0}.copyright{margin-top:28px;padding-top:21px;border-top:1px solid var(--line);text-align:center;color:#79716b;font-size:12px}@media(max-width:767px){.footer{padding:44px 0 24px}.footer-grid{grid-template-columns:1fr;gap:28px}.foot-head{height:auto;min-height:0}.footer-philosophy span{font-size:15px;line-height:1.7}.social{margin-top:10px}}