/* Máy Sấy Quần Áo Bếp Xanh – giao diện điện máy */
:root{--g:#00843d;--gd:#00672f;--gx:#004d23;--gl:#e9f7ef;--y:#ffd400;--r:#e1061b;--o:#ff6b00;--tx:#1d2329;--mt:#6b7480;--ln:#e4e8ec;--bg:#f1f3f6;--w:#fff;--rad:12px}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:'Be Vietnam Pro',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--tx);background:var(--bg)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.wrap{max-width:1220px;margin:0 auto;padding:0 16px}
.tb{background:var(--gx);color:#d9f3e3;font-size:12.5px}
.tb .wrap{display:flex;gap:18px;align-items:center;justify-content:space-between;height:34px;overflow:hidden;white-space:nowrap}
.tb b{color:var(--y)}
.tb-r{display:flex;gap:16px}
.tb-r a:hover{color:#fff}
.hd{background:var(--g);position:sticky;top:0;z-index:50;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.hd-in{display:flex;align-items:center;gap:18px;height:70px}
.burger{display:none;width:38px;height:38px;flex-direction:column;justify-content:center;gap:5px;padding:8px}
.burger i{display:block;height:2.5px;background:#fff;border-radius:2px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.lg-a{font-weight:800;font-size:25px;letter-spacing:.02em;color:#fff;line-height:1}
.lg-a b{color:var(--y);font-weight:800}
.lg-x{width:1px;height:30px;background:rgba(255,255,255,.35)}
.lg-bx{height:40px;width:auto;background:#fff;border-radius:8px;padding:3px 8px}
.srch{flex:1;position:relative;display:flex;max-width:560px}
.srch input{flex:1;height:42px;border:0;border-radius:21px 0 0 21px;padding:0 18px;font:inherit;font-size:14px;outline:none;min-width:0}
.srch button{width:56px;height:42px;border-radius:0 21px 21px 0;background:var(--y);color:var(--gx);font-size:20px;font-weight:800}
.sg{position:absolute;left:0;right:0;top:46px;background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.18);display:none;max-height:420px;overflow:auto;z-index:60}
.sg.on,.sg:not(:empty){display:block}
.sg a{display:flex;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--ln);font-size:13px}
.sg a:hover{background:var(--gl)}
.sg img{width:44px;height:44px;object-fit:contain}
.hd-act{display:flex;gap:6px;margin-left:auto}
.hd-act a{display:flex;align-items:center;gap:8px;color:#fff;padding:6px 10px;border-radius:10px;line-height:1.2}
.hd-act a:hover{background:rgba(255,255,255,.12)}
.hd-act svg{width:26px;height:26px;flex-shrink:0}
.hd-act small{display:block;font-size:11.5px;opacity:.85}
.hd-act b{font-size:14.5px;white-space:nowrap}
.hd-act .call b{color:var(--y);font-size:16px}
.nav{background:var(--gd)}
.nav .wrap{display:flex;align-items:stretch;height:44px}
.dm-btn{position:relative;display:flex;align-items:center}
.dm-btn>button{display:flex;align-items:center;gap:10px;height:44px;padding:0 18px;background:var(--gx);color:#fff;font-weight:700;width:230px}
.dm-btn>button i{display:flex;flex-direction:column;gap:3px}
.dm-btn>button i:before,.dm-btn>button i:after,.dm-btn>button i span{content:"";display:block;width:16px;height:2px;background:#fff}
.mega{position:absolute;left:0;top:44px;width:min(920px,92vw);background:#fff;border-radius:0 0 14px 14px;box-shadow:0 18px 40px rgba(0,0,0,.18);padding:22px;display:none;grid-template-columns:repeat(4,1fr);gap:20px;z-index:70}
.dm-btn:hover .mega,.dm-btn:focus-within .mega{display:grid}
.mega h3{font-size:13px;text-transform:uppercase;color:var(--g);margin-bottom:8px;letter-spacing:.04em}
.mega li a{display:block;padding:5px 0;color:var(--tx);font-size:13.5px}
.mega li a:hover{color:var(--g)}
.nav ul.nl{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;margin-left:6px}
.nav ul.nl::-webkit-scrollbar{display:none}
.nav ul.nl a{display:block;color:#fff;padding:0 13px;line-height:44px;font-weight:600;font-size:13.5px;white-space:nowrap}
.nav ul.nl a:hover{background:rgba(255,255,255,.1);color:var(--y)}
.nav ul.nl .hot a{color:var(--y)}
.hero{display:grid;grid-template-columns:230px 1fr 290px;gap:12px;margin-top:12px}
.side{background:#fff;border-radius:0 0 var(--rad) var(--rad);padding:6px 0;margin-top:-12px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.side a{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;font-weight:600;font-size:13.5px}
.side a span{color:var(--mt);font-weight:500;font-size:12px}
.side a:hover{background:var(--gl);color:var(--g)}
.side hr{border:0;border-top:1px solid var(--ln);margin:4px 12px}
.sl{position:relative;border-radius:var(--rad);overflow:hidden;min-height:340px}
.sl-t{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.sl-t::-webkit-scrollbar{display:none}
.sl-s{flex:0 0 100%;scroll-snap-align:start;position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:30px 34px;color:#fff;min-height:340px;overflow:hidden}
.sl-s:before{content:"";position:absolute;right:-80px;top:-80px;width:380px;height:380px;border-radius:50%;background:rgba(255,255,255,.08)}
.sl-s.s1{background:linear-gradient(120deg,#00672f,#00a651 70%,#3ccf7e)}
.sl-s.s2{background:linear-gradient(120deg,#0b3d91,#1565d8 65%,#4b9bff)}
.sl-s.s3{background:linear-gradient(120deg,#1a1a1a,#3a2f1d 60%,#8a6a2e)}
.sl-s.s4{background:linear-gradient(120deg,#c4000f,#ff3b1f 65%,#ff8a00)}
.sl-k{display:inline-block;background:var(--y);color:#222;font-weight:800;font-size:12px;padding:4px 10px;border-radius:20px;margin-bottom:12px;letter-spacing:.03em}
.sl-s .sl-h{font-size:30px;line-height:1.15;font-weight:800;margin-bottom:10px;max-width:none;opacity:1}
.sl-h em{font-style:normal;color:var(--y)}
.sl-s p{opacity:.92;font-size:14.5px;margin-bottom:18px;max-width:380px}
.sl-cta{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--tx);font-weight:800;padding:11px 20px;border-radius:26px;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.sl-cta:hover{transform:translateY(-1px)}
.sl-im{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:10px;z-index:1}
.sl-im img{background:#fff;border-radius:16px;padding:8px;object-fit:contain;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.sl-im img:nth-child(1){width:52%;aspect-ratio:1}
.sl-im img:nth-child(2){width:40%;aspect-ratio:1;margin-bottom:40px}
.sl-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:7px;z-index:2}
.sl-dots button{width:9px;height:9px;border-radius:5px;background:rgba(255,255,255,.5);transition:.25s}
.sl-dots button.on{width:26px;background:#fff}
.sl-ar{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:56px;background:rgba(0,0,0,.25);color:#fff;font-size:22px;z-index:2}
.sl-ar.p{left:0;border-radius:0 8px 8px 0}.sl-ar.n{right:0;border-radius:8px 0 0 8px}
.sl:hover .sl-ar{background:rgba(0,0,0,.45)}
.sb{display:grid;grid-template-rows:1fr 1fr 1fr;gap:12px}
.sb a{border-radius:var(--rad);padding:16px 18px;color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.sb a:after{content:"→";position:absolute;right:16px;bottom:12px;font-weight:800;opacity:.8}
.sb b{font-size:17px;line-height:1.2}
.sb span{font-size:12.5px;opacity:.9;margin-top:3px}
.sb .b1{background:linear-gradient(135deg,#ff6b00,#ffb300)}
.sb .b2{background:linear-gradient(135deg,#00843d,#2bb673)}
.sb .b3{background:linear-gradient(135deg,#7b1fa2,#c2185b)}
.intro{background:#fff;border-radius:var(--rad);margin-top:12px;padding:16px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.intro h1{font-size:20px;font-weight:800;color:var(--gx)}
.intro p{color:var(--mt);flex:1;min-width:260px}
.usp{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.usp div{background:#fff;border-radius:var(--rad);padding:14px 16px;display:flex;gap:12px;align-items:center}
.usp i{width:42px;height:42px;border-radius:50%;background:var(--gl);color:var(--g);display:grid;place-items:center;flex-shrink:0;font-style:normal;font-weight:800}
.usp svg{width:22px;height:22px}
.usp b{display:block;font-size:14px}
.usp span{font-size:12.5px;color:var(--mt)}
.blk{background:#fff;border-radius:var(--rad);margin-top:16px;padding:18px 20px}
.bh{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.bh h2{font-size:20px;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.bh .more{margin-left:auto;color:var(--g);font-weight:700;font-size:13.5px;white-space:nowrap}
.bh .more:hover{text-decoration:underline}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips a{border:1px solid var(--ln);border-radius:18px;padding:5px 12px;font-size:12.5px;font-weight:600;background:#fff}
.chips a:hover{border-color:var(--g);color:var(--g)}
.fs{background:linear-gradient(100deg,#d0021b,#ff3d00 55%,#ff8f00);border-radius:var(--rad);margin-top:16px;padding:16px 18px 18px}
.fs .bh{margin-bottom:12px}
.fs h2{color:var(--y);font-size:24px;font-style:italic;display:flex;align-items:center;gap:8px}
.fs h2 svg{width:26px;height:26px}
.cd{display:flex;align-items:center;gap:6px;color:#fff;font-weight:700}
.cd b{background:#222;color:#fff;border-radius:6px;padding:3px 7px;font-size:16px;min-width:34px;text-align:center}
.fs .more{color:#fff}
.hs{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/6);gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:4px}
.hs>*{scroll-snap-align:start}
.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.pc{background:#fff;border:1px solid var(--ln);border-radius:10px;padding:10px;display:flex;flex-direction:column;position:relative;transition:box-shadow .2s,transform .2s}
.pc:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px);border-color:transparent}
.pc-i{position:relative;display:block;aspect-ratio:1;margin-bottom:8px;overflow:hidden;min-height:0}
.pc-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.pc-i span{z-index:1}
.pc-tg{position:absolute;left:0;top:0;background:var(--gl);color:var(--gd);font-size:11px;font-weight:700;padding:2px 7px;border-radius:5px}
.pc-off{position:absolute;right:0;top:0;background:var(--r);color:#fff;font-size:11.5px;font-weight:800;padding:2px 7px;border-radius:5px}
.pc h3{font-size:13.5px;font-weight:600;line-height:1.38;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:37px}
.pc h3 a:hover{color:var(--g)}
.pc-sp{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0}
.pc-sp span{background:#f2f4f6;color:#4a525b;font-size:11px;padding:2px 6px;border-radius:4px}
.pc-pr{margin-top:auto}
.pc-pr b{display:block;color:var(--r);font-size:16px;font-weight:800}
.pc-pr del{color:var(--mt);font-size:12.5px}
.pc-pr .lh{color:var(--g)}
.pc-gf{font-size:11.5px;color:#4a525b;margin-top:6px;padding-top:6px;border-top:1px dashed var(--ln)}
.pc-gf b{color:var(--o)}
.fs .pc{border:0}
.brs{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.brs a{border:1px solid var(--ln);border-radius:10px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:15px;letter-spacing:.02em;transition:.2s}
.brs a small{font-weight:500;font-size:11px;color:var(--mt);letter-spacing:0}
.brs a:hover{border-color:var(--g);color:var(--g);box-shadow:0 4px 14px rgba(0,132,61,.12)}
.tys{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.tys a{text-align:center;border-radius:12px;padding:12px 8px;background:linear-gradient(180deg,var(--gl),#fff);border:1px solid #d7efe1;transition:.2s}
.tys a:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,132,61,.15)}
.tys img{width:86px;height:86px;object-fit:contain;margin:0 auto 8px;mix-blend-mode:multiply}
.tys b{display:block;font-size:13.5px}
.tys span{font-size:12px;color:var(--mt)}
.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:14px}
.tabs::-webkit-scrollbar{display:none}
.tabs button{border:1px solid var(--ln);border-radius:20px;padding:7px 16px;font-weight:700;font-size:13px;white-space:nowrap;background:#fff}
.tabs button.on{background:var(--g);border-color:var(--g);color:#fff}
.tp{display:none}.tp.on{display:block}
.tp .more2{display:block;text-align:center;margin-top:12px;color:var(--g);font-weight:700}
.cs{display:grid;grid-template-columns:250px 1fr;gap:12px}
.cs-bn{border-radius:12px;color:#fff;padding:22px 20px;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:100%}
.cs-bn h3{font-size:22px;line-height:1.2;font-weight:800;margin-bottom:8px}
.cs-bn p{font-size:13px;opacity:.92;margin-bottom:12px}
.cs-bn img{margin-top:auto;width:100%;align-self:center;background:#fff;border-radius:14px;padding:6px;aspect-ratio:1;object-fit:contain}
.cs-bn .sl-cta{align-self:flex-start;font-size:13px;padding:8px 14px;margin-bottom:14px}
.cs .grid{grid-template-columns:repeat(4,1fr)}
.c1{background:linear-gradient(160deg,#00672f,#00a651)}
.c2{background:linear-gradient(160deg,#0b3d91,#1e88e5)}
.c3{background:linear-gradient(160deg,#e65100,#ffa000)}
.c4{background:linear-gradient(160deg,#6a1b9a,#ab47bc)}
.c5{background:linear-gradient(160deg,#111,#4e3b1b)}
.pm{background:linear-gradient(135deg,#121212,#2a2418);color:#fff}
.pm .bh h2{color:#e8c77a}
.pm .chips a{background:transparent;border-color:rgba(255,255,255,.2);color:#eee}
.pm .chips a:hover{border-color:#e8c77a;color:#e8c77a}
.pm .more{color:#e8c77a}
.pm .pc{border-color:transparent}
.pm .pc,.pm .pc h3{color:var(--tx)}
.nd{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.nd a{border-radius:12px;border:1px solid var(--ln);padding:14px;transition:.2s;background:#fff}
.nd a:hover{border-color:var(--g);box-shadow:0 6px 16px rgba(0,0,0,.06)}
.nd b{display:block;font-size:15px;color:var(--gx)}
.nd span{font-size:12.5px;color:var(--mt)}
.nd i{display:inline-block;font-style:normal;background:var(--gl);color:var(--g);font-weight:700;font-size:11.5px;border-radius:12px;padding:2px 8px;margin-top:8px}
.nd2{grid-template-columns:repeat(4,1fr);margin-top:10px}
.nd2 a{background:linear-gradient(135deg,#fff8e1,#fff)}
.nd2 b{color:#b45309}
.seo{position:relative}
.seo-in{max-height:340px;overflow:hidden;position:relative}
.seo-in:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,#fff)}
.seo.open .seo-in{max-height:none}.seo.open .seo-in:after{display:none}
.seo h2{font-size:19px;margin:14px 0 8px;color:var(--gx)}
.seo h3{font-size:16px;margin:12px 0 6px}
.seo p,.seo li{color:#3b434c;margin-bottom:8px}
.seo ul{list-style:disc;padding-left:20px}
.seo a{color:var(--g);font-weight:600}
.seo-tg{display:block;margin:10px auto 0;border:1px solid var(--g);color:var(--g);font-weight:700;border-radius:20px;padding:7px 22px}
.faq details{border:1px solid var(--ln);border-radius:10px;margin-bottom:8px;background:#fff}
.faq summary{padding:12px 16px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq summary:after{content:"+";color:var(--g);font-size:20px;line-height:1}
.faq details[open] summary:after{content:"–"}
.faq details>*:not(summary){padding:0 16px 12px;color:#3b434c}
.faq h2{font-size:20px;margin-bottom:12px;text-transform:uppercase}
.st{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;align-items:center;background:linear-gradient(120deg,var(--gx),var(--g));color:#fff}
.st h2{font-size:22px;margin-bottom:8px}
.st p{opacity:.92;margin-bottom:6px}
.st .btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:24px;font-weight:800}
.btn-y,.btn-red{background:var(--y);color:#222}
.btn-w,.btn-ghost{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.35)}
.st-k{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.st-k div{background:rgba(255,255,255,.1);border-radius:12px;padding:14px}
.st-k b{display:block;font-size:24px;color:var(--y)}
.ft{background:#13201a;color:#b9c6be;margin-top:24px;padding-top:34px;font-size:13.5px}
.ft-in{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:26px}
.ft h3{color:#fff;font-size:15px;margin-bottom:10px}
.ft li a{display:block;padding:4px 0}
.ft a:hover{color:var(--y)}
.ft p{margin-bottom:10px}
.ft .logo{margin-bottom:12px}
.ft .btn{margin:10px 8px 0 0;padding:8px 14px;font-size:13px}
.ft-b{border-top:1px solid rgba(255,255,255,.1);margin-top:26px;padding:16px;text-align:center;font-size:12.5px;color:#8a978f}
.mbar{display:none}
@media(max-width:1100px){.hero{grid-template-columns:1fr 260px}.side{display:none}.grid{grid-template-columns:repeat(4,1fr)}.hs{grid-auto-columns:calc((100% - 32px)/5)}.brs{grid-template-columns:repeat(6,1fr)}.cs .grid{grid-template-columns:repeat(3,1fr)}.hd-act .sh{display:none}}
@media(max-width:860px){
.tb .tb-r{display:none}
.hd-in{flex-wrap:wrap;height:auto;padding-top:8px;padding-bottom:10px;gap:8px 10px}
.burger{display:flex}
.lg-a{font-size:21px}.lg-bx{height:32px}
.srch{order:5;flex-basis:100%;max-width:none}
.srch input,.srch button{height:40px}
.hd-act{gap:0}.hd-act a{padding:4px}.hd-act .txt{display:none}.hd-act .pr{display:none}
.nav{display:none}
body.nav-open .nav{display:block;position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.45)}
body.nav-open .nav .wrap{flex-direction:column;height:100%;width:86%;max-width:340px;background:#fff;padding:0;overflow:auto}
body.nav-open .dm-btn{flex-direction:column;align-items:stretch}
body.nav-open .dm-btn>button{width:100%;background:var(--g)}
body.nav-open .mega{display:grid;position:static;width:auto;box-shadow:none;grid-template-columns:1fr 1fr;padding:14px 16px;border-radius:0}
body.nav-open .nav ul.nl{flex-direction:column;align-items:stretch;margin:0;border-top:1px solid var(--ln)}
body.nav-open .nav ul.nl a{color:var(--tx);line-height:42px;padding:0 16px;border-bottom:1px solid var(--ln)}
.hero{grid-template-columns:1fr;margin-top:10px}
.sl,.sl-s{min-height:0}
.sl-s{grid-template-columns:1fr;padding:22px 20px 40px}
.sl-s .sl-h{font-size:23px}
.sl-s p{font-size:13.5px;margin-bottom:14px}
.sl-im{display:none}
.sl-ar{display:none}
.sb{grid-template-rows:none;grid-template-columns:repeat(3,1fr);gap:8px}
.sb a{padding:12px}.sb b{font-size:14px}.sb span{font-size:11.5px}.sb a:after{display:none}
.usp{grid-template-columns:1fr 1fr;gap:8px}
.usp div{padding:10px}.usp i{width:36px;height:36px}
.intro h1{font-size:18px}
.blk{padding:14px 12px;margin-top:12px}
.bh h2{font-size:17px}
.fs h2{font-size:19px}
.hs{grid-auto-columns:44%;scrollbar-width:none}
.grid,.cs .grid{grid-template-columns:repeat(2,1fr);gap:8px}
.cs{grid-template-columns:1fr}
.cs-bn{min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;padding:16px}
.cs-bn h3{font-size:18px;flex-basis:100%}
.cs-bn p{flex-basis:100%;margin-bottom:10px}
.cs-bn img{display:none}
.cs-bn .sl-cta{margin:0}
.brs{grid-template-columns:repeat(4,1fr)}
.brs a{height:56px;font-size:13px}
.tys{grid-template-columns:repeat(7,40%);overflow-x:auto;scroll-snap-type:x mandatory}
.tys a{scroll-snap-align:start}
.tys img{width:70px;height:70px}
.nd{grid-template-columns:1fr 1fr}
.st{grid-template-columns:1fr}
.ft-in{grid-template-columns:1fr 1fr}
.ft-in>.ft-c:first-child{grid-column:1/-1}
.mbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:80}
.mbar a{text-align:center;padding:13px 6px;font-weight:800;color:#fff}
.mb-call{background:var(--r)}.mb-zalo{background:#0068ff}
body{padding-bottom:50px}
}
@media(max-width:420px){.sb{grid-template-columns:1fr 1fr}.sb .b3{display:none}.pc-pr b{font-size:15px}}
/* ===== pages: product landing + category (pg) ===== */
.bc{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--mt);padding-top:12px;padding-bottom:12px}
.bc a{color:var(--g);font-weight:600}
.bc i{font-style:normal;opacity:.5}
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.js .rv.in{opacity:1;transform:none}
@keyframes flt{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes shine{0%{left:-60%}60%,100%{left:130%}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(225,6,27,.55)}100%{box-shadow:0 0 0 16px rgba(225,6,27,0)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes blob{0%,100%{border-radius:42% 58% 63% 37%/45% 41% 59% 55%;transform:scale(1)}50%{border-radius:58% 42% 37% 63%/55% 59% 41% 45%;transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}*,*:before,*:after{animation:none!important}}
.pd-h{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f2faf5);padding:0 0 36px}
.pd-h:before,.pd-h:after{content:"";position:absolute;width:560px;height:560px;background:radial-gradient(circle,rgba(0,166,81,.15),transparent 65%);top:-200px;left:-180px;animation:blob 12s ease-in-out infinite;pointer-events:none}
.pd-h:after{left:auto;right:-220px;top:auto;bottom:-280px;background:radial-gradient(circle,rgba(255,212,0,.2),transparent 65%);animation-delay:-6s}
.pd-in{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:start}
.gal{position:sticky;top:calc(var(--hh,114px) + 14px)}
.gal-m{position:relative;background:#fff;border-radius:24px;box-shadow:0 24px 60px rgba(0,60,30,.12);aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
.gal-m img{width:84%;height:84%;object-fit:contain;transition:transform .6s ease,opacity .25s}
.gal-m:hover img{transform:scale(1.08)}
.gal-m img.sw{opacity:0}
.gal-rib{position:absolute;left:16px;top:16px;background:var(--r);color:#fff;font-weight:800;padding:6px 13px;border-radius:30px;animation:pulse 1.8s infinite;z-index:2;font-size:14px}
.gal-c{position:absolute;z-index:2;background:rgba(255,255,255,.94);border:1px solid #d5eddf;border-radius:30px;padding:7px 13px;font-weight:700;font-size:13px;box-shadow:0 10px 24px rgba(0,0,0,.09);animation:flt 4s ease-in-out infinite;display:flex;gap:6px;align-items:center;white-space:nowrap}
.gal-c i{font-style:normal;color:var(--g)}
.g-ths{display:flex;gap:8px;margin-top:12px;overflow-x:auto;scrollbar-width:none;padding:3px}
.g-ths::-webkit-scrollbar{display:none}
.g-ths button{flex:0 0 72px;height:72px;border:2px solid var(--ln);border-radius:12px;background:#fff;padding:4px;transition:.2s}
.g-ths button.on,.g-ths button:hover{border-color:var(--g);transform:translateY(-2px)}
.g-ths img{width:100%;height:100%;object-fit:contain}
.pd-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.pd-tags a,.pd-tags span{font-size:12px;font-weight:800;padding:5px 11px;border-radius:20px;background:var(--gl);color:var(--gd)}
.pd-tags .t2{background:#fff4d6;color:#a35a00}
.pd-tags .t3{background:#e8f0ff;color:#1d4ed8}
.pd-r h1{font-size:30px;line-height:1.22;font-weight:800;color:#0f1f17;margin-bottom:10px}
.pd-sub{color:#4a525b;margin-bottom:14px}
.pd-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;background:#fff;border:1px solid var(--ln);border-radius:14px;padding:12px 16px;margin-bottom:14px;font-size:13.5px}
.pd-meta span{color:var(--mt)}.pd-meta b{color:var(--tx)}.pd-meta a{color:var(--g)}
.pd-meta .ok{color:var(--g)}
.pd-pr{position:relative;overflow:hidden;border-radius:18px;padding:16px 20px;background:linear-gradient(110deg,#d0021b,#ff4d00 60%,#ff8f00);color:#fff;margin-bottom:14px;box-shadow:0 14px 30px rgba(225,6,27,.25)}
.pd-pr:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-20deg);animation:shine 3.5s infinite}
.pd-pr small{display:block;font-weight:700;opacity:.9;font-size:12px;letter-spacing:.06em}
.pd-pr b{font-size:34px;font-weight:800;line-height:1.15;display:inline-block;margin-right:8px}
.pd-pr del{opacity:.8;font-size:15px}
.pd-pr em{font-style:normal;background:var(--y);color:#222;font-weight:800;border-radius:6px;padding:2px 8px;font-size:13px;margin-left:6px}
.pd-pr p{font-size:12.5px;opacity:.92;margin-top:4px}
.pd-pr.lh{background:linear-gradient(110deg,var(--gd),var(--g));box-shadow:0 14px 30px rgba(0,132,61,.25)}
.pd-of{border:1.5px dashed #9fd9b8;background:#f3fbf6;border-radius:14px;padding:12px 16px;margin-bottom:16px}
.pd-of p{font-size:14px;font-weight:800;color:var(--gd);margin-bottom:6px}
.pd-of li{position:relative;padding-left:26px;margin:6px 0;font-size:13.5px}
.pd-of li:before{content:"✓";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:var(--g);color:#fff;font-size:11px;display:grid;place-items:center;font-weight:800}
.pd-bt{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}
.bt{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:14px;padding:11px 14px;font-weight:800;text-align:center;line-height:1.25;transition:transform .2s,box-shadow .2s}
.bt small{font-weight:500;font-size:12px;opacity:.9}
.bt:hover{transform:translateY(-2px)}
.bt-buy{background:linear-gradient(135deg,#ff3b1f,#e1061b);color:#fff;box-shadow:0 10px 24px rgba(225,6,27,.3);font-size:16px}
.bt-buy:after{content:"";position:absolute;top:0;bottom:0;width:35%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:shine 2.6s infinite}
.bt-za{background:#0068ff;color:#fff;box-shadow:0 10px 24px rgba(0,104,255,.25);font-size:15px}
.bt-y{background:var(--y);color:#222}
.bt-w{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.4)}
.pd-tr{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.pd-tr div{display:flex;gap:8px;align-items:center;font-size:12px;color:#4a525b;line-height:1.3}
.pd-tr i{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--gl);color:var(--g);display:grid;place-items:center;font-style:normal}
.pd-tr svg{width:17px;height:17px}
.pst{background:linear-gradient(120deg,var(--gx),var(--g));color:#fff}
.pst .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.pst .wrap>div{padding:22px 10px;text-align:center;border-right:1px solid rgba(255,255,255,.15)}
.pst .wrap>div:last-child{border:0}
.pst b{display:block;font-size:28px;font-weight:800;color:var(--y);line-height:1.15}
.pst span{font-size:13px;opacity:.9}
.toc{position:sticky;top:var(--hh,114px);z-index:40;background:rgba(255,255,255,.97);border-bottom:1px solid var(--ln);box-shadow:0 4px 14px rgba(0,0,0,.04)}
.toc .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.toc .wrap::-webkit-scrollbar{display:none}
.toc a{padding:13px 14px;font-weight:700;font-size:13.5px;color:#4a525b;white-space:nowrap;border-bottom:3px solid transparent;transition:.2s}
.toc a.on,.toc a:hover{color:var(--g);border-color:var(--g)}
.ls{padding:46px 0;scroll-margin-top:calc(var(--hh,114px) + 50px)}
.ls.alt{background:#fff}
.ls-in{max-width:900px;margin:0 auto}
.ls-in.w{max-width:1040px}
.ls .center{text-align:center;margin-bottom:22px}
.ls .eb{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--g);background:var(--gl);padding:5px 12px;border-radius:20px;margin-bottom:10px}
.ls h2{font-size:22px;line-height:1.3;margin:26px 0 10px;color:#0f1f17;padding-left:14px;border-left:4px solid var(--g)}
.ls .center h2{font-size:26px;line-height:1.25;font-weight:800;padding:0;border:0;margin:0}
.ls h3{font-size:17px;margin:18px 0 8px;color:var(--gd)}
.ls p{margin-bottom:12px;color:#353d45;font-size:15px;line-height:1.75}
.ls ul{list-style:disc}.ls ol{list-style:decimal}
.ls ul,.ls ol{margin:0 0 14px 22px;color:#353d45;font-size:15px;line-height:1.7}
.ls li{margin-bottom:6px}
.ls a{color:var(--g);font-weight:600;text-decoration:underline;text-decoration-color:rgba(0,132,61,.35);text-underline-offset:3px}
.ls img{border-radius:14px;margin:14px auto;height:auto}
.ls table{width:100%;border-collapse:collapse;margin:12px 0 18px;font-size:14px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--ln)}
.ls th,.ls td{padding:10px 14px;border-bottom:1px solid var(--ln);text-align:left;vertical-align:top}
.ls tr:nth-child(even) td,.ls tr:nth-child(even) th{background:#f7faf8}
.ls th{width:38%;color:#4a525b;font-weight:600;background:#f3f7f5}
.ls thead th{background:var(--g);color:#fff;width:auto}
.eu-scroll,.tbl-wrap{overflow-x:auto}
.rr-pc{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.rr-pc>div{border-radius:16px;padding:18px 20px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.06);border-top:4px solid var(--g)}
.rr-pc>div:last-child{border-color:var(--o)}
.rr-pc h3{margin-top:0}
.rr-pc ul{margin-left:0}
.rr-pc li{list-style:none;position:relative;padding-left:26px}
.rr-pc li:before{content:"✓";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:var(--g);color:#fff;font-size:11px;display:grid;place-items:center;font-weight:800}
.rr-pc>div:last-child li:before{content:"!";background:var(--o)}
.gx-spec .card{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.06);overflow:hidden}
.gx-spec .card table{margin:0;box-shadow:none;border-radius:0}
.more-c{position:relative;max-height:1100px;overflow:hidden}
.more-c:after{content:"";position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.more-c.open{max-height:none}.more-c.open:after{display:none}
.more-b{display:flex;margin:14px auto 0;border:2px solid var(--g);color:var(--g);font-weight:800;border-radius:30px;padding:10px 26px;background:#fff;transition:.2s}
.more-b:hover{background:var(--g);color:#fff}
#huong-dan ol{counter-reset:s;list-style:none;margin-left:0}
#huong-dan ol li{counter-increment:s;position:relative;padding:12px 14px 12px 58px;background:#fff;border-radius:12px;margin-bottom:10px;box-shadow:0 4px 14px rgba(0,0,0,.05)}
#huong-dan ol li:before{content:counter(s);position:absolute;left:14px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--g),#2bb673);color:#fff;font-weight:800;display:grid;place-items:center}
.pcta{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(120deg,var(--gx),var(--g) 60%,#2bb673);color:#fff;display:grid;grid-template-columns:190px 1fr auto;gap:24px;align-items:center;padding:24px 30px;margin:36px 0 10px}
.pcta:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.08);right:-80px;top:-120px}
.pcta img{background:#fff;border-radius:18px;padding:8px;aspect-ratio:1;object-fit:contain;animation:flt 5s ease-in-out infinite;width:100%}
.pcta h2{font-size:22px;line-height:1.3;margin-bottom:6px}
.pcta p{opacity:.92}
.pcta .pp{font-size:28px;font-weight:800;color:var(--y);margin-top:6px}
.pcta .btns{display:flex;flex-direction:column;gap:10px;min-width:220px;position:relative}
.rel{padding:6px 0 40px}
.sbb{position:fixed;left:0;right:0;bottom:0;z-index:85;background:#fff;box-shadow:0 -8px 24px rgba(0,0,0,.12);transform:translateY(110%);transition:transform .35s ease}
.sbb.on{transform:none}
.sbb .wrap{display:flex;align-items:center;gap:14px;height:68px}
.sbb img{width:52px;height:52px;object-fit:contain}
.sbb p{flex:1;font-weight:700;font-size:14px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sbb b{color:var(--r);font-size:19px;white-space:nowrap}
.sbb .bt{padding:9px 18px;flex-direction:row;gap:6px}
.ch{position:relative;overflow:hidden;color:#fff;background:linear-gradient(120deg,var(--c1,#00672f),var(--c2,#00a651));border-radius:22px;padding:30px 34px;display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:center;min-height:270px}
.ch:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.07);right:-120px;top:-160px}
.ch:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;border:2px dashed rgba(255,255,255,.2);right:22%;bottom:-130px;animation:spin 30s linear infinite}
.ch-k{display:inline-block;background:var(--y);color:#222;font-weight:800;font-size:12px;padding:4px 11px;border-radius:20px;margin-bottom:10px;position:relative}
.ch h1{font-size:32px;line-height:1.2;font-weight:800;margin-bottom:10px;position:relative}
.ch .ci{opacity:.95;font-size:14.5px;line-height:1.65;position:relative}
.ch .ci b{color:var(--y)}
.ch-st{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;position:relative}
.ch-st span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:8px 14px;font-size:12.5px}
.ch-st b{display:block;font-size:18px;color:var(--y)}
.ch-im{position:relative;height:240px}
.ch-im img{position:absolute;background:#fff;border-radius:18px;padding:8px;object-fit:contain;box-shadow:0 16px 36px rgba(0,0,0,.25);animation:flt 5s ease-in-out infinite;aspect-ratio:1}
.ch-im img:nth-child(1){width:46%;left:27%;top:0;z-index:2}
.ch-im img:nth-child(2){width:36%;left:0;top:32%;animation-delay:-1.6s}
.ch-im img:nth-child(3){width:36%;right:0;top:36%;animation-delay:-3.2s}
.subs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin-top:14px;padding:3px}
.subs::-webkit-scrollbar{display:none}
.subs a{flex:0 0 auto;background:#fff;border:1px solid var(--ln);border-radius:14px;padding:10px 16px;transition:.2s}
.subs a:hover{border-color:var(--g);transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,132,61,.12)}
.subs b{display:block;font-size:14px}.subs span{font-size:12px;color:var(--mt)}
.tool{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.fc{display:flex;gap:6px;flex-wrap:wrap;flex:1}
.fc button{border:1px solid var(--ln);border-radius:20px;padding:6px 14px;font-weight:700;font-size:12.5px;background:#fff;transition:.2s}
.fc button.on{background:var(--g);border-color:var(--g);color:#fff}
.srt{border:1px solid var(--ln);border-radius:20px;padding:7px 12px;font:inherit;font-size:13px;background:#fff}
.cnt{font-size:13px;color:var(--mt);font-weight:600}
.pc.hid{display:none}
.lm{display:flex;margin:18px auto 0;background:var(--g);color:#fff;font-weight:800;border-radius:30px;padding:11px 28px;box-shadow:0 8px 20px rgba(0,132,61,.25)}
.lm:hover{background:var(--gd)}
.rc{display:flex;gap:8px;flex-wrap:wrap}
.rc a{border:1px solid var(--ln);border-radius:20px;padding:6px 14px;font-weight:600;font-size:13px;background:#fff}
.rc a:hover{border-color:var(--g);color:var(--g)}
.seo table{width:100%;border-collapse:collapse;font-size:13.5px;margin:10px 0}
.seo th,.seo td{border:1px solid var(--ln);padding:8px 10px;text-align:left}
.seo th{background:var(--gl)}
.seo .tbl-wrap{overflow-x:auto}
.seo .kv del{color:var(--mt);margin-right:6px}.seo .kv b{color:var(--r)}.seo .kv i{font-style:normal;color:var(--r);margin-left:4px}
@media(max-width:1100px){.pcta{grid-template-columns:150px 1fr}.pcta .btns{grid-column:1/-1;flex-direction:row}.pcta .btns .bt{flex:1}}
@media(max-width:860px){
.pd-in{grid-template-columns:1fr;gap:18px}
.gal{position:relative;top:0}.gal-m{aspect-ratio:5/4}.gal-m img{height:90%}
.gal-c{font-size:11.5px;padding:5px 10px}
.pd-r h1{font-size:22px}
.pd-pr b{font-size:27px}
.pd-meta{grid-template-columns:1fr}
.pd-tr div{flex-direction:column;text-align:center;font-size:11px}
.pst .wrap{grid-template-columns:1fr 1fr}.pst .wrap>div{padding:14px 6px;border:0}.pst b{font-size:21px}
.ls{padding:30px 0}.ls .center h2{font-size:20px}.ls h2{font-size:19px}.ls p,.ls ul,.ls ol{font-size:14.5px}
.rr-pc{grid-template-columns:1fr}
.ls th{width:42%}.ls th,.ls td{padding:8px 10px;font-size:13px}
.pcta{grid-template-columns:1fr;text-align:center;padding:22px 18px}.pcta img{width:140px;margin:0 auto}.pcta .btns{flex-direction:column;min-width:0}
.sbb{display:none}
.ch{grid-template-columns:1fr;padding:22px 18px;min-height:0}.ch h1{font-size:23px}.ch-im{display:none}
.bc{font-size:12px}
.srt{flex:1}
}
/* ===== enrich (en) ===== */
.ls-ft{background:linear-gradient(160deg,#0b2e1b,#00552a 55%,#00843d);color:#fff;position:relative;overflow:hidden}
.ls-ft:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,212,0,.18),transparent 65%);right:-160px;top:-200px;animation:blob 14s ease-in-out infinite}
.ls-ft .center h2{color:#fff}
.ls-ft .eb{background:rgba(255,255,255,.14);color:var(--y)}
.ft-g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}
.fe-c{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:20px 18px;transition:transform .35s,background .35s}
.fe-c:hover{transform:translateY(-6px);background:rgba(255,255,255,.14)}
.js .rv .fe-c{opacity:0;transform:translateY(24px)}
.js .rv.in .fe-c{opacity:1;transform:none;transition:opacity .6s calc(var(--i)*90ms),transform .6s calc(var(--i)*90ms),background .3s}
.fe-c i{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--y),#ffb300);color:#3a2a00;display:grid;place-items:center;margin-bottom:12px;box-shadow:0 10px 22px rgba(255,190,0,.3)}
.fe-c:nth-child(3n+2) i{background:linear-gradient(135deg,#5eead4,#14b8a6);color:#053b35;box-shadow:0 10px 22px rgba(20,184,166,.3)}
.fe-c:nth-child(3n) i{background:linear-gradient(135deg,#93c5fd,#3b82f6);color:#0b2a5c;box-shadow:0 10px 22px rgba(59,130,246,.3)}
.fe-c svg{width:26px;height:26px}
.ls .fe-c h3{color:var(--y);font-size:15px;margin:0 0 6px}
.ls .fe-c p{color:rgba(255,255,255,.9);font-size:14px;line-height:1.55;margin:0}
.ph-g{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:12px}
.ph-g a{display:block;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.07);position:relative}
.ph-g a.big{grid-column:span 2;grid-row:span 2}
.ls .ph-g img{width:100%;height:100%;object-fit:contain;padding:10px;margin:0;border-radius:0;transition:transform .5s}
.ph-g a:hover img{transform:scale(1.08)}
.ph-g a:after{content:"⤢";position:absolute;right:10px;bottom:10px;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;font-size:15px;opacity:0;transition:.3s}
.ph-g a:hover:after{opacity:1}
.kt{display:grid;grid-template-columns:1fr 1.1fr;gap:26px;align-items:center}
.kt-l{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 60%,#e9f7ef,#fff 70%);border-radius:24px;padding:16px;min-height:380px}
.ill{width:62%;max-width:290px;height:auto}
.ls .kt-im{position:absolute;right:10px;bottom:10px;width:24%;max-width:150px;background:#fff;border-radius:16px;padding:6px;box-shadow:0 12px 26px rgba(0,0,0,.12);animation:flt 5s ease-in-out infinite;margin:0}
.kt-r{display:grid;gap:12px}
.kt-c{background:#fff;border:1px solid var(--ln);border-radius:16px;padding:16px 18px;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.ls .kt-c h3{margin:0 0 10px;font-size:15px;color:var(--gd)}
.ls .kt-c p{font-size:14px;margin:8px 0 0}
.vb{display:flex;height:40px;border-radius:12px;overflow:hidden;font-size:12.5px;font-weight:700;color:#fff}
.vb span{display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;padding:0 8px;min-width:30%}
.vb-fr{background:linear-gradient(90deg,#00a651,#2bb673)}
.vb-fz{background:linear-gradient(90deg,#1e88e5,#0b3d91)}
.kt-big{font-size:42px;font-weight:800;color:var(--g);line-height:1}
.kt-big small{font-size:18px}
.kt-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}
.kt-row div{background:var(--gl);border-radius:12px;padding:10px 4px}
.kt-row b{display:block;font-size:22px;color:var(--gd);line-height:1.2}
.kt-row span{font-size:12px;color:var(--mt)}
.ls .kt-c .nt{font-size:12px;color:var(--mt)}
.dg-im{float:right;width:250px;margin:0 0 14px 22px;text-align:center}
.ls .dg-im img{width:100%;background:#fff;border-radius:20px;padding:10px;box-shadow:0 14px 32px rgba(0,0,0,.1);animation:flt 6s ease-in-out infinite;margin:0 0 6px}
.dg-im figcaption{font-size:12.5px;color:var(--mt);font-weight:700}
#danh-gia .rr-pc{clear:both}
.gia-bx{display:flex;gap:18px;align-items:center;background:linear-gradient(120deg,#fff7e6,#fff);border:1px solid #ffe2a8;border-radius:18px;padding:14px 18px;margin:6px 0 18px}
.ls .gia-bx img{width:110px;height:110px;object-fit:contain;background:#fff;border-radius:14px;padding:6px;margin:0}
.gia-bx span{display:block;font-size:13px;color:var(--mt);font-weight:600}
.gia-bx b{display:block;font-size:28px;color:var(--r);font-weight:800;margin:2px 0 8px}
.ls .gia-bx .bt{display:inline-flex;padding:9px 18px;font-size:14px;text-decoration:none;color:#fff}
@media(max-width:860px){.ft-g{grid-template-columns:1fr 1fr;gap:10px}.fe-c{padding:14px 12px}.fe-c i{width:42px;height:42px;border-radius:12px}.ls .fe-c p{font-size:13px}
.ph-g{grid-template-columns:1fr 1fr;grid-auto-rows:140px}
.kt{grid-template-columns:1fr}.kt-l{min-height:300px}.ill{width:72%}
.dg-im{float:none;width:200px;margin:0 auto 14px}
.ls .gia-bx img{width:80px;height:80px}.gia-bx b{font-size:22px}}

/* ===== máy nước nóng – bổ sung ===== */
.lg-a{display:flex;flex-direction:row;align-items:flex-end;flex-wrap:wrap;width:132px;font-size:24px;line-height:.95}
.lg-a small{flex-basis:100%;font-size:11.5px;letter-spacing:.18em;font-weight:700;color:#d9f3e3}
.lg-a b{font-size:13px;margin-left:2px}
.mega .mh{font-size:13px;text-transform:uppercase;color:var(--g);margin-bottom:8px;letter-spacing:.04em;font-weight:800}
.ft .fh{color:#fff;font-size:15px;margin-bottom:10px;font-weight:700}
.ft .lg-a small{color:#9fd9b8}
.sp-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.06);overflow:hidden}
.sp-card table{margin:0;box-shadow:none;border-radius:0}
.ls table.cmp th{width:auto}
.ls table.cmp tr.me td{background:#e9f7ef;font-weight:700}
.ls .tbl-wrap{overflow-x:auto}
.ls .tbl-wrap table{min-width:420px}
.ill .wv{animation:wv 4s ease-in-out infinite}
.ill .wv2{animation:wv2 3s linear infinite}
.ill .fan{transform-origin:120px 51px;animation:spin 2.4s linear infinite}
.ill .drops circle{animation:drp 1.2s linear infinite}
.ill .drops circle:nth-child(2){animation-delay:-.3s}.ill .drops circle:nth-child(3){animation-delay:-.6s}.ill .drops circle:nth-child(4){animation-delay:-.9s}.ill .drops circle:nth-child(5){animation-delay:-.45s}
.ill .air{animation:air 2s ease-in-out infinite}
@keyframes wv{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes wv2{from{transform:translateX(0)}to{transform:translateX(-80px)}}
@keyframes drp{0%{transform:translateY(0);opacity:1}100%{transform:translateY(60px);opacity:0}}
@keyframes air{0%,100%{opacity:.3;transform:translateX(0)}50%{opacity:1;transform:translateX(4px)}}
.kt-l{background:radial-gradient(circle at 50% 60%,#e9f7ef,#fff 70%)}
.kt-big{font-size:28px}
.mp{padding:26px 30px;line-height:1.7}
.mp h1{font-size:28px;line-height:1.25;color:var(--gx);margin-bottom:10px}
.mp .lead{font-size:16px;color:#3b434c;margin-bottom:16px}
.mp h2{font-size:21px;margin:24px 0 10px;color:#0f1f17;padding-left:12px;border-left:4px solid var(--g)}
.mp p,.mp li{color:#353d45;margin-bottom:8px}
.mp ul{list-style:disc;padding-left:22px}
.mp a{color:var(--g);font-weight:600}
.mp table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 6px}
.mp th,.mp td{border:1px solid var(--ln);padding:8px 10px;text-align:left}
.mp th{background:var(--gl)}
.mp .kv del,.seo .kv del{color:var(--mt);margin-right:6px;font-size:12.5px}.mp .kv b,.seo .kv b{color:var(--r)}
.mp .tbl-wrap{overflow-x:auto}
.toc-b{background:var(--gl);border-radius:12px;padding:12px 14px;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.toc-b a{background:#fff;border:1px solid #d7efe1;border-radius:16px;padding:3px 11px;font-size:13px}
.ct{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.ctl{list-style:none!important;padding:0!important}
.ctl li{padding:8px 0;border-bottom:1px dashed var(--ln)}
.map iframe{width:100%;height:340px;border:0;border-radius:16px}
.mp .bt{display:inline-flex}
.e404{text-align:center;padding:50px 20px}
.e404 .big{font-size:96px;font-weight:800;color:var(--g);line-height:1}
.e404 h1{font-size:24px;margin:8px 0}
.e404 .rc{justify-content:center;margin-top:16px}
.sr-h{font-size:22px;margin-bottom:6px}
.sg b{color:var(--r);margin-left:auto;white-space:nowrap}
@media(max-width:860px){.mp{padding:18px 14px}.mp h1{font-size:22px}.ct{grid-template-columns:1fr}.lg-a{font-size:20px;width:100px}.lg-a small{font-size:10px}}
.tys{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}
@media(max-width:860px){.tys{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:40%;overflow-x:auto;scroll-snap-type:x mandatory}}

/* ===== bài viết (ta) ===== */
.ta{max-width:880px;background:#fff;border-radius:var(--rad);padding:26px 34px 30px;margin-bottom:16px}
.ta-h{text-align:center;margin-bottom:18px}
.ta-cat{display:inline-block;background:var(--gl);color:var(--gd);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:99px;margin-bottom:10px}
.ta-h h1{font-size:32px;line-height:1.28;color:#0f1f17;margin-bottom:8px}
.ta-meta{color:var(--mt);font-size:13.5px}
.ta-fig{margin:0 0 20px;background:radial-gradient(circle at 50% 60%,var(--gl),#fff 72%);border-radius:20px;display:flex;justify-content:center;overflow:hidden}
.ta-fig img{max-height:420px;width:auto;object-fit:contain;padding:14px}
.ta-b{font-size:16px;line-height:1.8;color:#2b3036}
.ta-b h2{font-size:24px;line-height:1.35;color:#0f1f17;margin:32px 0 12px;padding-left:14px;border-left:5px solid var(--g);scroll-margin-top:130px}
.ta-b h3{font-size:18.5px;color:var(--gd);margin:20px 0 8px}
.ta-b p{margin-bottom:14px}
.ta-b ul{list-style:disc;margin:0 0 16px 22px}.ta-b ol{list-style:decimal;margin:0 0 16px 22px}
.ta-b li{margin-bottom:6px}
.ta-b a{color:var(--g);font-weight:600;text-decoration:underline;text-decoration-color:rgba(0,132,61,.35);text-underline-offset:3px}
.ta-intro{font-size:17px;background:var(--gl);border-left:4px solid var(--g);border-radius:0 14px 14px 0;padding:14px 18px;margin-bottom:18px}
.ta-intro p:last-child{margin:0}
.ta-toc{border:1px solid var(--ln);border-radius:14px;padding:14px 20px;margin-bottom:8px}
.ta-toc b{display:block;margin-bottom:6px;color:#0f1f17}
.ta-toc ol{margin:0 0 0 20px}.ta-toc li{margin:3px 0}.ta-toc a{text-decoration:none;font-weight:500}
.ta-note{background:#fff8e1;border:1px solid #ffe08a;border-radius:12px;padding:12px 16px;margin:0 0 16px;font-size:15px}
.ta-b .tbl-wrap{overflow-x:auto;margin:10px 0 18px;border-radius:12px;box-shadow:0 0 0 1px var(--ln)}
.ta-b table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}
.ta-b th,.ta-b td{padding:10px 12px;border-bottom:1px solid var(--ln);text-align:left;vertical-align:top}
.ta-b thead th{background:var(--g);color:#fff}
.ta-b tbody tr:nth-child(even){background:#f7faf8}
.ta-b td a{text-decoration:none}
.ta-pr{color:var(--r);white-space:nowrap}
.ta-pbox{background:var(--bg);border-radius:16px;padding:14px;margin:20px 0}
.ta-pbox>b{display:block;margin-bottom:10px;color:#0f1f17;font-size:16px}
.ta-pbox .grid{grid-template-columns:repeat(4,1fr);gap:8px}
.ta-pbox .pc h3{font-size:13px;margin:0;color:inherit}
.ta-pbox .pc h3 a{text-decoration:none;color:inherit;font-weight:600}
.ta-b .faq details{border:1px solid var(--ln);border-radius:10px;margin-bottom:8px}
.ta-b .faq summary{padding:12px 16px;font-weight:700;cursor:pointer}
.ta-b .faq details p{padding:0 16px 12px;margin:0}
.ta-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:linear-gradient(120deg,var(--gx),var(--g));color:#fff;border-radius:16px;padding:18px 20px;margin-top:28px}
.ta-cta>div{flex:1;min-width:220px}.ta-cta b{display:block;font-size:17px}.ta-cta span{opacity:.9;font-size:14px}
.ta-cta a{text-decoration:none!important}
.ta-rel,.ta-blog{background:#fff;border-radius:var(--rad);padding:20px;margin-bottom:16px}
.ta-rel h2,.ta-blog h2{font-size:21px;margin:8px 0 12px}
.ta-blog h1{font-size:28px;color:#0f1f17;margin:4px 0 10px}
.ta-blog>p{color:#4a525b;margin-bottom:10px}
.ta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ta-card{display:flex;flex-direction:column;border:1px solid var(--ln);border-radius:16px;overflow:hidden;background:#fff;transition:transform .3s,box-shadow .3s}
.ta-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.1)}
.ta-card img{width:100%;aspect-ratio:16/10;object-fit:contain;background:radial-gradient(circle,var(--gl),#fff 75%);padding:10px}
.ta-card span{margin:10px 14px 0;font-size:11px;font-weight:800;color:var(--g);text-transform:uppercase;letter-spacing:.06em}
.ta-card b{margin:4px 14px 6px;font-size:15px;line-height:1.4;color:#0f1f17}
.ta-card p{margin:0 14px 14px;font-size:13px;color:var(--mt);line-height:1.5}
@media(max-width:860px){.ta{padding:18px 14px}.ta-h h1{font-size:23px}.ta-b h2{font-size:20px}.ta-pbox .grid,.ta-grid{grid-template-columns:1fr 1fr}.ta-card p{display:none}.ta-card b{font-size:14px}.ta-blog h1{font-size:22px}}
.ta-rel .ta-grid{grid-template-columns:repeat(4,1fr)}
.ill .drum{transform-origin:120px 162px;animation:spin 6s linear infinite}

.cs,.cs>*,.grid,.grid>*,.pc{min-width:0}.pc h3,.pc h3 a,.cs-bn h3{overflow-wrap:anywhere}
.pd-in>*,.kt>*,.kt-r,.gia-bx>*,.sp-card,.ls-in{min-width:0}.pd-r h1,.pd-meta b{overflow-wrap:anywhere}
.srch{min-width:0}@media(max-width:1060px){.hd-act .pr{display:none}}@media(max-width:900px){.hd-act .call .txt{display:none}}

/* logo hiện đại */
.lg-n{display:flex;align-items:center;gap:10px;color:#fff}
.lg-ic{position:relative;flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#fff 0%,#e9fcf2 55%,#b6efd0 100%);box-shadow:0 6px 16px rgba(0,40,20,.3),inset 0 -3px 0 rgba(0,103,47,.14)}
.lg-ic svg{width:28px;height:28px;color:#00843d;animation:lgspin 14s linear infinite}
.lg-ic::after{content:"";position:absolute;right:-4px;top:-4px;width:12px;height:12px;border-radius:50%;background:#ffd400;border:2px solid #00843d;box-shadow:0 0 0 3px rgba(255,212,0,.25)}
.lg-t{display:flex;flex-direction:column;line-height:1}
.lg-t small{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#c9f2da;margin-bottom:5px;white-space:nowrap}
.lg-t b{font-size:26px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;color:#fff}
.lg-t b em{font-style:normal;color:#ffd400;background:linear-gradient(90deg,#fff27a,#ffd400 60%,#ffb800);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.logo:hover .lg-ic svg{animation-duration:3s}
@keyframes lgspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.lg-ic svg{animation:none}}
.ft .lg-t small{color:#9fd9b8}
@media(max-width:860px){.lg-n{gap:8px}.lg-ic{width:38px;height:38px;border-radius:12px}.lg-ic svg{width:23px;height:23px}.lg-ic::after{width:10px;height:10px}.lg-t b{font-size:21px}.lg-t small{font-size:8.5px;letter-spacing:.14em;margin-bottom:4px}}