@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}:root{--white:#fff;--milk:#fcfcfc;--mist:#f6f6f6;--ink:#171918;--body:#3f4543;--muted:#68706d;--line:#e4e4e4;--teal:#48bdd1;--teal-dark:#0b6c7a;--teal-soft:#e7f6f8;--spa:#231f20;--pigment:#939597;--shadow:0 22px 70px rgba(28,54,55,.11);--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}.eyebrow{margin:0 0 12px;color:var(--teal-dark);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink)}h1{max-width:870px;margin-bottom:20px;font-size:clamp(48px,5.2vw,76px);line-height:1.02;letter-spacing:-.055em}h2{margin-bottom:14px;font-size:clamp(34px,3.6vw,52px);line-height:1.08;letter-spacing:-.04em}h3{font-size:22px;line-height:1.25}.lead{max-width:760px;color:var(--muted);font-size:18px}.btn{min-height:48px;padding:0 21px;border:1px solid #fff0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;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)}.btn-light:hover{border-color:#aab8b5}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.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)}.chev{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.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}.hero{position:relative;overflow:hidden;padding:76px 0 66px;background:radial-gradient(circle at 84% 20%,rgb(72 189 209 / .15),transparent 27%),linear-gradient(180deg,#fff,#f8f8f8)}.hero-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(420px,5fr);gap:80px;align-items:end}.hero-copy .lead{margin-bottom:0;max-width:790px}.hero-side{padding:8px 0 5px 35px;border-left:2px solid rgb(72 189 209 / .7)}.hero-side p{margin-bottom:10px;color:var(--teal-dark);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hero-side strong{display:block;max-width:430px;margin-bottom:19px;color:var(--ink);font-size:23px;line-height:1.35}.tech-strip{display:flex;flex-wrap:wrap;gap:7px 18px;color:var(--muted);font-size:12px;font-weight:700}.tech-strip span+span:before{content:"/";margin-right:18px;color:#b2bfbc;font-weight:400}.pathways{padding:34px 0;background:#fff}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.path{min-height:0;background:#fff}.path b{display:block;color:var(--ink);font-size:clamp(20px,1.7vw,26px);line-height:1.25;letter-spacing:-.025em}.path span{display:block;margin-top:7px;color:var(--muted);font-size:13px;line-height:1.55}.path:nth-child(2){text-align:center}.path:nth-child(3){text-align:right}.catalog{padding:68px 0 92px}.catalog-head{max-width:960px;margin-bottom:38px}.catalog-head h2{max-width:900px}.catalog-head p{max-width:800px;margin-bottom:0;color:var(--muted);font-size:17px}.catalog-layout{display:grid;grid-template-columns:284px minmax(0,1fr);gap:34px;align-items:start}.filters{position:sticky;top:106px;padding:24px;border:1px solid rgb(228 228 228 / .82);border-radius:22px;background:#fff}.filter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.filter-head strong{color:var(--ink);font-size:18px}.filter-close{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff}.filter-group{padding:21px 0;border-bottom:1px solid rgb(228 228 228 / .72)}.filter-group:last-of-type{border-bottom:0}.filter-group>strong{display:block;margin-bottom:11px;color:var(--ink);font-size:13px}.filter-options{display:grid;gap:7px}.filter-chip{min-height:38px;padding:8px 11px;border:1px solid #fff0;border-radius:11px;background:#fff0;color:var(--body);display:flex;align-items:center;text-align:left;font-size:12px}.filter-chip:hover{background:var(--mist)}.filter-chip.active{border-color:rgb(72 189 209 / .28);background:var(--teal-soft);color:var(--teal-dark);font-weight:800}.filter-chip i{display:none}.reset{width:100%;min-height:42px;margin-top:16px;border:0;border-radius:999px;background:var(--mist);color:var(--ink);font-size:12px;font-weight:800}.filter-note{margin:16px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.products-area{min-width:0}.toolbar{min-height:52px;margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid rgb(228 228 228 / .72);display:flex;align-items:center;justify-content:space-between;gap:14px}.toolbar strong{color:var(--ink);font-size:14px}.toolbar span{color:var(--muted);font-size:12px}.mobile-filter{display:none}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-card{min-width:0;overflow:hidden;border:1px solid rgb(228 228 228 / .9);border-radius:22px;background:#fff;display:flex;flex-direction:column;transition:.22s var(--ease)}.product-card:hover{transform:translateY(-4px);border-color:#c6d4d1;box-shadow:0 18px 42px rgb(26 49 47 / .09)}.product-card.hidden{display:none}.product-visual{height:310px;position:relative;overflow:hidden;background:linear-gradient(150deg,#fafafa,#f3f3f3)}.product-visual:after{content:"";position:absolute;left:20%;right:20%;bottom:20px;height:18px;border-radius:50%;background:rgb(40 54 52 / .1);filter:blur(12px)}.product-visual img{width:100%;height:100%;position:relative;z-index:1;object-fit:contain;object-position:center bottom;padding:34px 34px 18px;filter:drop-shadow(0 15px 12px rgb(27 42 40 / .14));transition:.35s var(--ease)}.product-card:hover .product-visual img{transform:translateY(-5px)}.product-card.bio .product-visual img{padding:33px 60px 22px;mix-blend-mode:normal}.product-card.aha .product-visual img{padding:68px 54px 38px}.pro-label{position:absolute;z-index:3;left:14px;top:14px;padding:7px 10px;border-radius:999px;background:var(--spa);color:#fff;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.product-copy{padding:21px 20px 20px;display:flex;flex:1;flex-direction:column}.product-tech{min-height:22px;margin-bottom:7px;color:var(--teal-dark);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.product-copy h3{min-height:55px;margin-bottom:10px;font-size:20px}.formula{min-height:78px;margin:0;color:#505957;font-size:12px;line-height:1.55}.formula b{display:block;margin-bottom:4px;color:var(--ink);font-size:11px}.card-meta{margin:16px 0;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px}.concern{display:flex;align-items:center;gap:6px}.concern-dot{width:7px;height:7px;border-radius:50%;background:var(--pigment)}.card-actions{display:grid;gap:8px;margin-top:auto}.card-actions .btn{width:100%;min-height:44px;padding:0 13px}.sample-btn{min-height:38px;border:0;background:#fff0;color:var(--teal-dark);font-size:11px;font-weight:800}.sample-btn.added{color:var(--ink)}.empty{display:none;padding:56px 24px;border:1px dashed #bdcac7;border-radius:22px;background:var(--milk);text-align:center}.empty.show{display:block}.empty h3{margin-bottom:8px}.empty p{color:var(--muted);font-size:13px}.solution-callout{padding:82px 0;background:var(--ink);color:#fff}.solution-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(320px,5fr);gap:90px;align-items:center}.solution-in .eyebrow{color:#8de0ec}.solution-in h2{max-width:850px;color:#fff}.solution-in p{max-width:760px;margin-bottom:0;color:#bdc9c5;font-size:17px}.solution-signature{padding-left:30px;border-left:2px solid rgb(141 224 236 / .62);color:#fff;font-size:clamp(25px,2.4vw,36px);font-weight:700;line-height:1.28;letter-spacing:-.025em}.solution-signature span{display:block;margin-top:14px;color:#8de0ec;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.solution-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.solution-callout .btn-light{border-color:rgb(255 255 255 / .2);background:#fff}.solution-callout .btn-ghost{border-color:rgb(255 255 255 / .22);color:#fff;background:#fff0}.footer{padding:58px 0 24px;background:#111817;color:#bdc9c5;border-top:1px solid rgb(72 189 209 / .18)}.footer-grid{display:grid;grid-template-columns:1.15fr 1.35fr 1fr;gap:38px}.foot-head{height:39px;padding-bottom:12px;border-bottom:1px solid rgb(255 255 255 / .12);display:flex;align-items:center}.foot-head img{width:156px;height:32px;object-fit:contain;object-position:left;filter:invert(1)}.foot-head b{color:#fff;font-size:17px}.foot-col p,.foot-col a{font-size:13px}.foot-col a{text-decoration:none}.foot-links{display:grid;margin-top:18px}.foot-links a{min-height:36px;display:flex;align-items:center}.footer-note{margin:18px 0 0;font-size:13px;line-height:1.7}.contact-groups{display:grid;gap:13px;margin-top:20px}.contact-groups p{margin:0}.contact-groups b{display:block;color:#7e9791;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.copyright{margin-top:32px;padding-top:21px;border-top:1px solid rgb(255 255 255 / .12);text-align:center;color:#80918d;font-size:12px}.review-badge{position:fixed;z-index:90;right:18px;bottom:18px;padding:7px 10px;border-radius:999px;background:rgb(231 246 248 / .94);color:var(--teal-dark);font-size:10px;font-weight:800;letter-spacing:.05em;box-shadow:0 7px 18px rgb(11 108 122 / .12)}.drawer-layer,.filter-backdrop{display:none}.drawer-layer.open,.filter-backdrop.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;display:flex;flex-direction:column;background:#fff}.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;object-position:left center}.drawer-head .icon-btn{width:46px;height:46px;font-size:23px}.drawer-nav{display:grid;gap:4px;padding:18px 0}.drawer-nav a,.drawer-nav button{box-sizing:border-box;width:100%;min-height:56px;margin:0;padding:0 14px;border:0;border-radius:12px;background:#fff0;color:#303633;display:flex;align-items:center;justify-content:flex-start;gap:12px;text-align:left;text-decoration:none;font-family:inherit;font-size:17px;font-weight:600;line-height:1.25}.drawer-nav a:hover,.drawer-nav button:hover{background:var(--mist)}.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{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.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}@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}.hero-in{grid-template-columns:1fr 430px;gap:40px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-visual{height:350px}.product-copy h3,.formula{min-height:0}.solution-in{gap:44px}}@media(max-width:767px){body{padding-bottom:0}.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}.hero{padding:40px 0 34px}.hero-in{grid-template-columns:1fr;gap:28px}h1{font-size:42px}.lead{font-size:15px}.hero-side{padding:20px}.tech-strip{gap:8px}.pathways{padding:18px 0}.path-grid{grid-template-columns:1fr}.path{min-height:84px;padding:15px 17px}.catalog{padding:54px 0 68px}.catalog-head{display:block;margin-bottom:24px}.catalog-head h2{font-size:36px}.catalog-head p{font-size:14px}.catalog-layout{display:block}.filters{display:none;position:fixed;z-index:120;left:0;right:0;bottom:0;top:auto;max-height:84vh;overflow:auto;border-radius:24px 24px 0 0;padding:22px 20px 28px}.filters.open{display:block}.filter-close{display:grid;place-items:center}.toolbar{align-items:center}.mobile-filter{min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;display:flex;align-items:center;gap:7px;color:var(--ink);font-size:11px;font-weight:800}.toolbar>span{display:none}.product-grid{grid-template-columns:1fr 1fr;gap:9px}.product-card{border-radius:17px}.product-visual{height:210px}.product-visual img{padding:28px 22px 12px}.product-card.bio .product-visual img{padding:26px 35px 16px}.pro-label{left:9px;top:9px;padding:5px 7px;font-size:7px}.product-copy{padding:15px 13px 14px}.product-tech{min-height:28px;font-size:8px;line-height:1.35}.product-copy h3{min-height:45px;margin-bottom:8px;font-size:16px}.formula{min-height:94px;font-size:10px;line-height:1.45}.formula b{font-size:9px}.card-meta{margin:11px 0;padding-top:10px;align-items:flex-start;flex-direction:column;font-size:8px}.card-actions .btn{min-height:39px;padding:0 8px;font-size:10px}.sample-btn{font-size:9px}.solution-callout{padding:58px 0}.solution-in{grid-template-columns:1fr;gap:30px}.solution-in h2{font-size:36px}.solution-in p{font-size:14px}.solution-actions{display:grid}.solution-actions .btn{width:100%}.footer{padding:44px 0 24px}.footer-grid{grid-template-columns:1fr;gap:28px}.review-badge{right:10px;bottom:10px;font-size:8px}}@media(max-width:390px){.container{width:calc(100% - 28px)}h1{font-size:38px}.product-visual{height:188px}.product-copy{padding:13px 11px}.product-copy h3{font-size:15px}.formula{min-height:102px}.card-actions .btn{font-size:9px}}@media(max-width:767px){.product-grid{grid-template-columns:1fr;gap:12px}.product-card{border-radius:19px}.product-visual{height:330px}.product-visual img{padding:34px 46px 18px}.product-card.bio .product-visual img{padding:34px 72px 20px}.pro-label{left:12px;top:12px;padding:6px 9px;font-size:8px}.product-copy{padding:19px 18px 17px}.product-tech,.product-copy h3,.formula{min-height:0}.product-tech{font-size:9px}.product-copy h3{margin-bottom:8px;font-size:20px}.formula{font-size:12px}.formula b{font-size:10px}.card-meta{margin:13px 0;padding-top:11px;align-items:center;flex-direction:row;font-size:9px}.card-actions .btn{min-height:42px;font-size:11px}.sample-btn{font-size:10px}}@media(max-width:390px){.product-visual{height:300px}}@media(max-width:767px){.hero-side{padding:4px 0 3px 22px;border-radius:0}.hero-side strong{font-size:20px}.tech-strip{gap:5px 12px;font-size:10px}.tech-strip span+span:before{margin-right:12px}.pathways{padding:30px 0}.path-grid{gap:24px}.path,.path:nth-child(2),.path:nth-child(3){min-height:0;padding:0;text-align:left}.path b{font-size:21px}.path span{font-size:12px}.product-card.aha .product-visual img{padding:70px 62px 40px}.solution-signature{padding-left:22px;font-size:27px}}.hero{padding:44px 0 38px}.hero-in{gap:62px;align-items:center}.hero h1{max-width:790px;margin-bottom:14px;font-size:clamp(43px,4.35vw,64px)}.hero-copy .lead{max-width:730px;font-size:16px}.hero-side strong{font-size:20px}.pathways{display:none}.catalog{padding:46px 0 78px}.catalog-head{max-width:880px;margin-bottom:25px}.catalog-head h2{margin-bottom:10px;font-size:clamp(32px,3vw,44px)}.catalog-head p{max-width:750px;font-size:15px}.product-copy{padding:18px 17px 16px}.product-tech{min-height:0;margin-bottom:5px}.product-copy h3{min-height:0;margin-bottom:8px}.formula{min-height:0}.card-meta{margin:12px 0 10px}.concern{gap:0}.concern-dot{display:none}.pro-label{display:none}.pagination{margin-top:30px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.page-btn,.page-current{height:40px;min-width:40px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);display:grid;place-items:center;font-size:12px;font-weight:800}.page-current{border-color:var(--ink);background:var(--ink);color:#fff}.page-btn:disabled{color:#a8b0ae;background:#f9f9f9;cursor:default}.page-status{margin:0 5px;color:var(--muted);font-size:11px}@media(max-width:767px){.hero{padding:30px 0 28px}.hero-in{display:block}.hero h1{font-size:39px}.hero-copy .lead{font-size:14px}.hero-side{display:none}.catalog{padding:38px 0 62px}.catalog-head{margin-bottom:20px}.catalog-head h2{font-size:32px}.pagination{justify-content:center}.page-status{display:none}}.hero{padding:34px 0 30px}.hero-in{display:block}.hero h1{max-width:900px;margin-bottom:10px;font-size:clamp(40px,3.8vw,56px)}.hero-copy .lead{max-width:760px;font-size:16px}.hero-side{display:none}.catalog{padding:30px 0 72px}.catalog-head{display:none}.catalog-layout{gap:28px}.toolbar{margin-bottom:15px}.product-copy{padding:22px 18px 18px}.product-tech{margin-bottom:7px;letter-spacing:.08em}.product-copy h3{margin-bottom:13px}.formula{min-height:44px;font-size:12px}.formula b{display:none}.card-meta{margin:15px 0 12px;padding-top:13px;border-top:1px solid rgb(228 228 228 / .72)}.pro-label{display:block;padding:6px 9px;font-size:0;letter-spacing:.05em}.pro-label:after{content:"Tại cơ sở";font-size:8px}.card-actions{gap:6px}.sample-btn{min-height:34px}@media(max-width:767px){.hero{padding:24px 0 22px}.hero h1{font-size:36px}.hero-copy .lead{font-size:14px}.catalog{padding:20px 0 54px}.catalog-layout{display:block}.toolbar{position:sticky;z-index:35;top:64px;margin:0 0 12px;padding:10px 0;border-bottom-color:rgb(228 228 228 / .9);background:rgb(255 255 255 / .96);backdrop-filter:blur(12px)}.product-grid{gap:14px}.product-visual{height:285px}.product-copy{padding:20px 18px 17px}.product-tech{font-size:9px}.product-copy h3{margin-bottom:12px;font-size:20px}.formula{min-height:0;font-size:12px}.card-meta{margin:16px 0 12px;padding-top:13px}.pro-label{display:block;left:12px;top:12px;font-size:0}.product-card.aha .product-visual img{padding:60px 64px 34px}.pagination{margin-top:24px}}.product-classification{min-height:25px;margin-bottom:7px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.line-badge{padding:4px 8px;border:1px solid rgb(35 31 32 / .17);border-radius:999px;background:#f7f7f7;color:var(--spa);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.product-classification .product-tech{min-height:0;margin:0}.role{min-width:0;display:flex;align-items:baseline;gap:5px;color:#505957}.role b{color:var(--ink);font-size:9px}.pro-label{display:none!important}.footer-philosophy{margin:18px 0 0;max-width:390px}.footer-philosophy strong{display:block;margin-bottom:8px;color:#fff;font-size:14px}.footer-philosophy span{display:block;font-size:14px;line-height:1.72}.footer .foot-head img{filter:none}.license{margin-top:18px}.license div{padding:14px;border:1px solid rgb(255 255 255 / .13);border-radius:14px;background:rgb(255 255 255 / .05);font-size:11px}.social{display:flex;gap:9px;margin-top:18px}.social a{width:42px;height:42px;border:1px solid rgb(255 255 255 / .13);border-radius:50%;background:rgb(255 255 255 / .05);color:#fff;display:grid;place-items:center}.social svg{width:19px;height:19px;fill:currentColor}.zalo{font:700 9px/1 Arial!important;color:#69a0ff!important}.legal-title{margin-top:20px;padding-top:20px;border-top:1px solid rgb(255 255 255 / .12);color:#7e9791;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}.footer{border-top:4px solid var(--teal)}.footer-grid{grid-template-columns:1.15fr 1.35fr 1fr;gap:38px;align-items:start}.copyright{margin-top:28px}@media(max-width:767px){.product-classification{margin-bottom:8px}.line-badge{font-size:8px}.card-meta{font-size:11px;line-height:1.4}.role{gap:5px}.role b{font-size:10px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-philosophy span{font-size:15px;line-height:1.7}.social{margin-top:10px}}.hero{background:#f9f9f9}.filter-chip.active{border-color:#d6d3d1;background:#f5f5f4;color:var(--ink);box-shadow:inset 2px 0 0 var(--teal)}.product-visual{background:linear-gradient(150deg,#fafafa,#f4f4f4)}.product-classification{min-height:50px;margin-bottom:7px;display:block}.product-classification .line-badge{display:inline-flex}.product-classification .product-tech{min-height:0;margin:7px 0 0;color:#505957;display:flex;align-items:baseline;gap:5px;letter-spacing:0;text-transform:none}.product-tech b{color:var(--ink);font-size:9px;letter-spacing:.06em;text-transform:uppercase}.product-tech span{font-size:10px;font-weight:700}.sample-btn{color:var(--ink)}@media(max-width:767px){.product-classification{min-height:0;margin-bottom:10px}.product-tech b{font-size:9px}.product-tech span{font-size:10px}}.hero .eyebrow{position:relative;padding-left:14px;color:var(--spa)}.hero .eyebrow:before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:3px;border-radius:999px;background:var(--spa)}.product-classification{min-height:26px;margin-bottom:8px}.product-classification .product-tech{margin-top:0}.footer{border-top:1px solid rgb(72 189 209 / .28)}.product-classification:has([data-cms-field="pa_technology"]:empty){display:none}@media(max-width:767px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{border-radius:15px}.product-visual{height:190px}.product-visual img{padding:24px 18px 12px}.product-card.bio .product-visual img{padding:24px 30px 14px}.product-card.aha .product-visual img{padding:40px 29px 22px}.product-copy{padding:14px 12px 13px}.product-classification{margin-bottom:7px}.product-classification .product-tech{display:block;line-height:1.3}.product-tech b{display:block;margin-bottom:2px;font-size:8px}.product-tech span{display:block;overflow:hidden;font-size:9px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.product-copy h3{min-height:40px;margin-bottom:7px;font-size:16px;line-height:1.25}.formula{min-height:28px;overflow:hidden;font-size:10px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-meta{margin:10px 0 9px;padding-top:9px;display:block;font-size:9px;line-height:1.35}.role{display:block}.role b{display:block;margin-bottom:2px;font-size:8px}.card-meta>span:last-child{display:block;margin-top:5px}.card-actions .btn{min-height:38px;padding:0 6px;font-size:10px}.sample-btn{min-height:32px;font-size:9px}}@media(max-width:390px){.product-visual{height:175px}.product-copy{padding:12px 10px}.product-copy h3{font-size:15px}.card-actions .btn{font-size:9px}}.toolbar{min-height:42px}.card-meta{display:grid;grid-template-columns:1fr;gap:8px;align-items:start}.role{display:block;min-width:0}.role b{display:block;margin-bottom:3px;color:var(--ink);font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.role span{display:block;color:#505957;font-size:11px;line-height:1.4}.card-meta>span:last-child{display:flex;align-items:baseline;gap:5px;margin:0;color:#505957;font-size:10px;line-height:1.35;white-space:nowrap}.card-meta>span:last-child:before{content:"Quy cách";color:var(--ink);font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}@media(max-width:767px){.role b,.card-meta>span:last-child:before{font-size:7px}.role span,.card-meta>span:last-child{font-size:9px}.card-meta{gap:6px}}.product-card{border-color:#e6e6e6;border-radius:18px;box-shadow:0 8px 24px rgb(25 34 32 / .025)}.product-visual{height:326px;background:linear-gradient(155deg,#fafafa 0%,#f4f4f4 100%)}.product-copy{padding:20px 18px 18px}.product-classification{margin-bottom:10px}.product-classification .product-tech{gap:6px}.product-tech b{color:#747d7a;font-size:8px}.product-tech span{color:var(--ink);font-size:10px}.product-copy h3{margin-bottom:11px;font-size:21px;line-height:1.2}.formula{min-height:43px;color:#505957;font-size:11px;line-height:1.5}.formula b{display:inline;margin:0 5px 0 0;color:#747d7a;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.formula b:after{content:" ·"}.card-meta{margin:14px 0 13px;padding-top:12px;border-top:1px solid #eaeaea;gap:9px}.role span{color:#303633;font-size:11px}.card-actions{gap:5px}.sample-btn{min-height:30px}.solution-callout{padding:66px 0}.solution-in{grid-template-columns:minmax(260px,4fr) minmax(0,8fr);gap:72px;align-items:start}.solution-intro h2{max-width:480px;margin:0;color:#fff;font-size:clamp(36px,3.4vw,50px)}.solution-paths{display:grid;grid-template-columns:1fr 1fr;gap:34px}.solution-path{min-height:190px;padding:25px 2px 6px;border-top:1px solid rgb(141 224 236 / .5);color:#fff;text-decoration:none;display:flex;flex-direction:column}.solution-path small{color:#8de0ec;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.solution-path strong{max-width:390px;margin-top:14px;color:#fff;font-size:clamp(23px,2.1vw,31px);line-height:1.24;letter-spacing:-.025em}.solution-path span{margin-top:auto;padding-top:24px;color:#dbe5e2;font-size:13px;font-weight:700}.solution-path span:after{content:" →";color:#8de0ec}.solution-path:hover span{color:#fff}@media(max-width:767px){.product-visual{height:190px}.product-copy{padding:14px 12px 13px}.product-copy h3{font-size:16px}.formula{min-height:44px;font-size:9px;-webkit-line-clamp:3}.formula b{display:block;margin:0 0 3px;font-size:7px}.formula b:after{content:""}.solution-callout{padding:46px 0}.solution-in{grid-template-columns:1fr;gap:28px}.solution-intro h2{font-size:34px}.solution-paths{grid-template-columns:1fr;gap:22px}.solution-path{min-height:145px;padding-top:20px}.solution-path strong{font-size:24px}}.footer{background:#f9f9f9;color:#57534e;border-top:1px solid rgb(72 189 209 / .28)}.foot-head{border-color:#e4e4e4}.foot-head b{color:var(--ink)}.foot-col p,.foot-col a{color:#57534e}.foot-col a:hover{color:var(--teal-dark)}.contact-groups b,.legal-title{color:#79716b}.license div,.social a,.footer .bct{border-color:#e4e4e4;background:#fff}.social a{color:var(--ink)}.zalo{color:#0068ff!important}.copyright{border-color:#e4e4e4;color:#79716b}.footer-philosophy strong{color:var(--ink)}.footer .foot-head img{content:url(/wp-content/themes/hderma/assets/v68/media/logo/hderma-logo-goc.svg);filter:none}.product-copy h3{order:1}.product-classification{order:2}.formula{order:3}.card-meta{order:4}.card-actions{order:5}.pack-size{display:flex;align-items:baseline;gap:5px;color:#303633}.pack-size b{color:#747d7a;font-size:8px;letter-spacing:.06em;text-transform:uppercase}.card-meta>span:last-child{display:flex;align-items:baseline;gap:5px;color:#303633}.card-meta>span:last-child:before{content:"Quy cách";color:#747d7a;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}@media(max-width:767px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{border-radius:14px}.product-visual{height:168px}.product-visual img{padding:19px 17px 10px}.product-card.bio .product-visual img{padding:20px 28px 12px}.product-card.aha .product-visual img{padding:36px 27px 20px}.product-copy{padding:13px 11px 12px}.product-copy h3{margin-bottom:7px;font-size:17px;line-height:1.18}.product-classification{margin-bottom:9px}.product-classification .product-tech{display:block;margin-top:0;line-height:1.25}.product-tech b{display:block;margin-bottom:2px;color:#79716b;font-size:7px;letter-spacing:.08em}.product-tech span{color:#57534e;font-size:9px;font-weight:600}.formula{min-height:48px;font-size:9px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.formula b{display:block;margin:0 0 2px;font-size:7px}.card-meta{margin:10px 0 11px;padding-top:9px;display:grid;gap:7px;font-size:9px}.role,.pack-size,.card-meta>span:last-child{display:block;line-height:1.35}.role b,.pack-size b{display:block;margin-bottom:2px;font-size:7px}.role span,.pack-size,.card-meta>span:last-child{font-size:9px}.card-meta>span:last-child:before{display:block;margin-bottom:2px;font-size:7px}.card-actions .btn{min-height:38px;padding:0 6px;font-size:9px}.sample-btn{min-height:30px;font-size:8px}}@media(max-width:390px){.product-visual{height:152px}.product-copy{padding:12px 10px 11px}.product-copy h3{font-size:16px}}.product-visual{height:auto;aspect-ratio:1/1}.product-copy{padding:18px 18px 17px}.product-copy h3{margin:0 0 8px;font-size:20px;line-height:1.22}.product-classification{min-height:0;margin:0 0 8px}.product-classification .product-tech{display:flex;align-items:baseline;gap:6px;line-height:1.35}.product-tech b{color:#79716b;font-size:9px;letter-spacing:.06em}.product-tech span{color:#44403c;font-size:11.5px;font-weight:600}.formula{min-height:0;color:#44403c;font-size:12px;line-height:1.45}.formula b{color:#79716b;font-size:8.5px}.card-meta{margin:12px 0 13px;padding-top:10px;gap:6px}.role b,.card-meta>span:last-child:before{color:#79716b;font-size:8.5px}.role span{font-size:12px;line-height:1.4}.card-meta>span:last-child{font-size:11px}.card-actions .btn{min-height:42px;font-size:12px}.sample-btn{min-height:34px;font-size:11px}@media(max-width:767px){.product-grid{gap:12px 10px;align-items:start}.product-card{height:auto;align-self:start}.product-visual{height:auto;aspect-ratio:1/1}.product-visual img{padding:13% 10% 7%}.product-card.bio .product-visual img{padding:12% 18% 8%}.product-card.aha .product-visual img{padding:21% 16% 12%}.product-copy{padding:13px 12px 12px;flex:none}.product-copy h3{min-height:0;margin:0 0 8px;font-size:17px;line-height:1.24}.product-classification{margin:0 0 8px}.product-classification .product-tech{display:block;line-height:1.3}.product-tech b{margin-bottom:2px;font-size:8.5px;line-height:1.2}.product-tech span{font-size:11.5px;line-height:1.3;white-space:normal}.formula{min-height:0;font-size:11.5px;line-height:1.4;-webkit-line-clamp:3}.formula b{margin-bottom:2px;font-size:8.5px;line-height:1.2}.card-meta{margin:10px 0 0;padding-top:9px;gap:6px}.role b,.card-meta>span:last-child:before{font-size:8.5px;line-height:1.2}.role span,.card-meta>span:last-child{font-size:11.5px;line-height:1.35}.card-actions{margin-top:10px;gap:5px}.card-actions .btn{min-height:40px;padding:0 7px;font-size:10.5px;line-height:1.2}.sample-btn{min-height:34px;font-size:10px}}@media(max-width:390px){.product-grid{gap:10px 8px}.product-copy{padding:12px 10px 11px}.product-copy h3{font-size:17px}.product-tech span,.formula,.role span,.card-meta>span:last-child{font-size:11px}}@media(max-width:767px){.mobile-tools{gap:10px}.mobile-tools .icon-btn{width:44px;height:44px}}@media(max-width:767px){.product-grid{align-items:stretch}.product-card{height:100%;align-self:stretch}.product-copy{flex:1;padding:15px 12px 13px}.product-copy h3{min-height:2.48em;margin-bottom:12px}.product-classification{margin:0 0 11px;padding-top:10px;border-top:1px solid var(--line)}.product-tech b,.formula b,.role b,.card-meta>span:last-child:before{display:block;margin:0 0 4px}.formula{padding-top:11px;border-top:1px solid var(--line);line-height:1.45}.card-meta{margin:12px 0 0;padding-top:11px;gap:11px}.role{display:block}.role span{display:block}.card-meta>span:last-child{display:block;line-height:1.4}.card-actions{margin-top:auto;padding-top:16px;gap:8px}.card-actions .btn{min-height:42px}.sample-btn{min-height:38px}}@media(max-width:390px){.product-copy{padding:14px 11px 12px}}.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}}