/* ICD Cleaning - main.css v5: bố cục catalog xedienchohang.com (tư duy màu thương hiệu phủ header, panel danh mục, hero) + font/token của icd.com.vn */
:root{--brand:#00B050;--brand-dk:#009440;--green:#00B050;--green-700:#00803A;--green-900:#00803A;--green-050:#EEF8F2;--btn:#00873A;--btn-h:#006F30;--orange:#F88000;--orange-h:#E27300;--orange-dk:#B85A00;--ink:#222;--text:#4A4A4A;--muted:#8A8A8A;--line:#E8EBEA;--soft:#F3F5F7;
--display:"Helvetica Neue",Helvetica,Arial,sans-serif;--body:"Helvetica Neue",Helvetica,Arial,sans-serif;--ease:ease;--r:3px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:400 14px/1.5 var(--body);color:var(--text);background:var(--soft);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;color:var(--ink);text-wrap:balance;margin:0;line-height:1.2}p,li{text-wrap:pretty}
.wrap{max-width:1250px;margin:0 auto;padding:0 15px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:0;border-radius:var(--r);background:var(--btn);color:#fff;font:700 14px/1 var(--display);white-space:nowrap;cursor:pointer;transition:background .15s ease,color .15s ease}
.btn:hover{background:var(--orange);color:var(--ink)}.btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.btn--wl{background:#fff;box-shadow:inset 0 0 0 1px var(--brand-dk);color:var(--brand-dk)}.btn--wl:hover{background:var(--orange);color:var(--ink);box-shadow:none}
.btn--ghost{background:#fff;box-shadow:inset 0 0 0 1px var(--brand-dk);color:var(--brand-dk)}.btn--ghost:hover{background:var(--orange);color:var(--ink);box-shadow:none}
/* header: phủ màu thương hiệu như bản mẫu */
.hd{background:var(--brand);color:#fff;position:relative;z-index:50}
.hd__top{font-size:12px}.hd__top .wrap{display:flex;justify-content:space-between;align-items:center;height:28px;white-space:nowrap}
.hd__tr{display:flex;gap:22px}.hd__top .hot{color:#fff;font-weight:700}.hd__top a:hover{text-decoration:underline}
.hd__in{display:flex;align-items:center;gap:28px;height:84px}
.logo{display:flex;align-items:center;gap:12px;flex:none}.logo img{height:54px;width:auto;background:#fff;padding:4px 8px;border-radius:var(--r)}
.logo span{font:700 14px/1.15 var(--display);text-transform:uppercase;color:#fff}
form.search{flex:1;display:flex;max-width:470px}form.search input{flex:1;height:40px;border:0;border-radius:var(--r) 0 0 var(--r);padding:0 14px;font:400 14px var(--body);min-width:0;background:#fff;color:var(--text)}
form.search input:focus{outline:0}form.search button{width:74px;border:0;background:#007A35;border-radius:0 var(--r) var(--r) 0;cursor:pointer;display:grid;place-items:center;color:#fff;transition:background .15s ease,color .15s ease}form.search button:hover{background:var(--orange);color:var(--ink)}
.hd__tel{display:flex;align-items:center;gap:12px;margin-left:auto;white-space:nowrap}
.hd__tel i{width:50px;height:50px;border-radius:50%;background:#fff;color:var(--brand)!important;display:grid;place-items:center;color:#fff;flex:none;}
.hd__tel small{display:block;font-size:12px;opacity:.95;line-height:1.2}.hd__tel b{display:block;font:700 22px/1.1 var(--display)}
.hd__qt{flex:none;background:#fff;color:var(--btn);font:700 14px var(--display);padding:12px 20px;border-radius:var(--r);white-space:nowrap;transition:background .15s ease,color .15s ease}.hd__qt:hover{background:var(--orange);color:var(--ink)}
.nav{background:#fff;box-shadow:0 1px 0 var(--line)}.nav__in{display:flex;align-items:stretch;height:42px}
.nav__catw{position:relative;flex:none}.nav__cat{display:flex;align-items:center;background:var(--brand-dk);color:#fff;height:42px;padding:0 18px;font:700 14px var(--display);text-transform:uppercase;white-space:nowrap;width:250px}.nav__cat:hover{background:var(--brand-dk)}
.nav ul.nav__mega{display:none;position:absolute;left:0;top:42px;width:250px;background:#fff;border:1px solid var(--line);border-top:0;z-index:70}
.nav__catw:hover ul.nav__mega,.nav__catw:focus-within ul.nav__mega{display:block}
.home .nav ul.nav__mega{display:none!important}
.nav ul.nav__mega li a,.bn__cats li a{display:flex;align-items:center;padding:7px 16px;min-height:38px;color:var(--ink);font:400 13px/1.3 var(--body);border-bottom:1px solid var(--line)}
.nav ul.nav__mega li a:hover,.bn__cats li a:hover{color:var(--brand-dk);background:var(--green-050)}
.nav .menu{display:flex;margin-left:10px}.nav .menu a{display:flex;align-items:center;padding:0 16px;height:42px;font:700 13px var(--display);white-space:nowrap;color:var(--ink)}
.nav .menu a:hover,.nav .current-menu-item a{color:var(--brand-dk)}
.nav__blog{margin-left:auto;display:flex;align-items:center;color:var(--brand-dk);padding:0 6px 0 18px;font:700 13px var(--display);white-space:nowrap}.nav__blog:hover{text-decoration:underline}
/* hero */
.bn{background:var(--soft)}.bn__g{display:grid;grid-template-columns:250px minmax(0,1fr);height:470px}
.bn__cats{background:#fff;border:1px solid var(--line);border-top:0}.bn__cats li:last-child a{border-bottom:0}.bn__cats li.sep a{border-top:6px solid var(--soft)}
.bn__img{position:relative;overflow:hidden;background:var(--green-050);border-bottom:1px solid var(--line)}
.bn__txt{position:absolute;left:clamp(22px,3vw,44px);top:50%;transform:translateY(-50%);width:40%;z-index:4}
.bn__txt h1{color:var(--ink);font:700 clamp(26px,2.9vw,40px)/1.18 var(--display)}
.bn__tag{margin:14px 0 22px;color:var(--text);font-size:15px;max-width:34ch}
.bn__a{display:flex;gap:10px;flex-wrap:wrap}
.bn__pics{position:absolute;inset:0;z-index:1;pointer-events:none}.bn__pics a{position:absolute;pointer-events:auto}
.bn__pics img{width:100%;height:100%;object-fit:contain}
.bn__pics .p0{right:29%;bottom:6%;width:23%;height:66%;z-index:3}.bn__pics .p1{right:3%;bottom:8%;width:24%;height:48%;z-index:2}.bn__pics .p2{right:15%;top:8%;width:15%;height:34%;z-index:2}
/* khối trên nền xám */
.mb{padding:12px 0 0}.box{background:#fff;padding:15px;margin-bottom:12px}
.box__h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.box__h h2{font:700 18px/30px var(--display);text-transform:uppercase}
.more{font:500 12px var(--body);color:var(--brand-dk);white-space:nowrap}.more::after{content:" ›"}.more:hover{text-decoration:underline}
.box__b{display:grid;grid-template-columns:250px minmax(0,1fr);gap:12px;align-items:stretch}
.promo{position:relative;background:var(--green-050);color:var(--ink);padding:16px;display:flex;flex-direction:column;gap:6px;overflow:hidden;min-height:250px;border:1px solid var(--line)}
.promo::after{content:"";position:absolute;left:12px;right:12px;bottom:58px;height:46%;min-height:110px;background:var(--pimg) center/contain no-repeat;mix-blend-mode:multiply}
.promo__k{font:700 11px var(--display);text-transform:uppercase;color:var(--brand-dk)}.promo strong{font:700 18px/1.25 var(--display);color:var(--ink);position:relative;z-index:1}
.promo__c{position:absolute;left:12px;right:12px;bottom:12px;z-index:1;text-align:center;background:var(--btn);color:#fff;font:700 12px var(--display);padding:10px 8px;border-radius:var(--r)}
.grid{display:grid;padding:1px}.grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{display:flex;flex-direction:column;background:#fff;box-shadow:0 0 0 1px var(--line);padding:8px}.card:hover{box-shadow:0 0 0 1px var(--brand);position:relative;z-index:2}
.card__img{aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;background:#fff;}
.card__img img{width:100%;height:100%;object-fit:contain;padding:6px;mix-blend-mode:multiply}
.card__t{font:400 13px/1.45 var(--body);margin:10px 0 6px;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:56px}.card__t a:hover{color:var(--brand-dk)}
.card__p{margin:0 0 4px;font:700 14px var(--display);color:var(--orange-dk)}.card__p a:hover{text-decoration:underline}
.nw0{white-space:nowrap}
.news{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}
.news__f{display:block}.news__f img{width:100%;aspect-ratio:2/1;object-fit:cover}.news__f strong{display:block;font:700 17px/1.35 var(--display);color:var(--orange-dk);margin:10px 0 4px}.news__f:hover strong,.news__l a:hover strong{text-decoration:underline}
.news time{display:block;font-size:11px;color:var(--muted)}.news__f p{margin:8px 0 0;font-size:13px}
.news__l{display:grid;gap:14px;align-content:start}.news__l a{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:start}.news__l img{width:110px;height:76px;object-fit:cover}
.news__l strong{display:block;font:700 14px/1.4 var(--display);color:var(--brand-dk);margin-bottom:4px}
.svc p{margin:0 0 12px;max-width:80ch}.svc ul{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 20px;margin-bottom:16px}.svc li{padding-left:16px;position:relative;font-size:14px;color:var(--ink)}.svc li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;background:var(--brand)}
/* báo giá */
.quote{background:#fff;padding:30px 0;margin-top:0}.quote__in{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}
.quote h2{font-size:22px;text-transform:uppercase}.quote p{color:var(--text);margin:8px 0 0;max-width:46ch}
.qf{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qf .full{grid-column:1/-1}.qf input,.qf textarea{width:100%;border:1px solid #d5dcd8;border-radius:var(--r);padding:11px 12px;font:400 14px var(--body);background:#fff}.qf textarea{min-height:80px;resize:vertical}
.qf input:focus,.qf textarea:focus{border-color:var(--brand);outline:0}.qf .btn{height:46px}
.qmsg{margin-top:12px;padding:10px 12px;border-radius:var(--r);font-weight:700;font-size:14px}.qmsg--ok{background:var(--green-050);color:var(--green-900)}.qmsg--err{background:#FDECEA;color:#8A1C12}
/* footer */
.ft{background:#fff;border-top:1px solid var(--line);padding:20px 0 0;font-size:13px}
.ft__s{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:14px 0 20px;border-bottom:1px solid var(--line);margin-bottom:20px}
.ft__hot{display:flex;align-items:center;gap:14px}.ft__hot b{font:700 14px var(--display);color:var(--ink);display:block}.ft__hot p{margin:2px 0 0;font-size:13px}.ft__hot a:not(.btn){color:var(--orange-dk);font-weight:700}.ft__hot .btn{margin-left:auto}
.ft__g{display:grid;grid-template-columns:1fr 1.2fr 1fr 1.3fr 1fr;gap:28px}
.ft h4{font:700 13px var(--display);margin-bottom:10px;color:var(--brand-dk)}.ft li{margin-bottom:6px}.ft li a:hover{color:var(--brand-dk);text-decoration:underline}.ft p{margin:0 0 8px;color:var(--text)}
.ft__b{border-top:1px solid var(--line);margin-top:20px;padding:12px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;gap:16px}
.ft .menu{display:block}
/* thanh liên hệ nổi bên phải: điện thoại, Zalo, Messenger */
.fab{position:fixed;right:12px;top:50%;transform:translateY(-50%);display:grid;gap:10px;z-index:60}
.fab a{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;color:#fff;}.fab a:hover{filter:brightness(.92)}
.fab .ph{background:var(--brand)}.fab .zl{background:#0068FF}.fab .zl span{font:700 13px/1 var(--display)}.fab .ms{background:#0084FF}
/* trang trong: khối trắng trên nền xám */
.page{background:none;border:0;padding:12px 15px 4px;margin:0 auto}.crumb{font-size:12px;color:var(--muted);margin-bottom:14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.crumb a{color:var(--brand-dk)}.crumb a:hover{text-decoration:underline}.crumb i{font-style:normal}
.ph{margin-bottom:18px}.ph h1{font-size:22px;text-transform:uppercase}.ph__c{margin:6px 0 0;color:var(--muted);font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chips a{border:1px solid var(--line);color:var(--text);padding:6px 12px;border-radius:0;font-size:13px}.chips a:hover{border-color:var(--brand-dk);color:var(--brand-dk)}
.lay{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}.lay__s h4{font:700 14px var(--display);padding:0 0 8px;text-transform:uppercase}.lay__s{position:static}
.cats{background:#fff}.cats li a{display:flex;justify-content:space-between;align-items:center;padding:0 4px;min-height:38px;font-size:13px;border-bottom:1px solid var(--line);transition:color .3s linear}
.cats li a:hover{color:var(--brand-dk)}.cats li a::after{content:"›";color:#aaa;font-size:16px}
.cats--s li a.on{color:var(--brand-dk);font-weight:700;box-shadow:inset 3px 0 0 var(--brand-dk);padding-left:10px}
.lay__m{min-width:0}.lay:has(.lay__m--full){grid-template-columns:minmax(0,1fr) 280px}.lay:has(.lay__m--full) .lay__m{order:1}.lay:has(.lay__m--full) .lay__s{order:2}
.pagination,.nav-links{display:flex;gap:6px;justify-content:center;margin:24px 0}.page-numbers{min-width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:0;font:700 13px var(--display);padding:0 10px}.page-numbers.current{background:var(--brand-dk);border-color:var(--brand-dk);color:#fff}a.page-numbers:hover{border-color:var(--brand-dk)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.prose{font-size:15px;line-height:1.7;color:var(--text);max-width:900px}.prose--box{margin-top:24px}.prose h1{font-size:24px;margin-bottom:14px}.prose h2{font-size:19px;margin:26px 0 10px}.prose h3{font-size:16px;margin:20px 0 8px}
.prose p{margin:0 0 14px}.prose a{color:var(--brand-dk);text-decoration:underline}.prose ul,.prose ol{padding-left:22px;margin:0 0 14px;list-style:revert}.prose li{margin-bottom:5px}
.prose table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}.prose th,.prose td{border:1px solid var(--line);padding:8px 12px;text-align:left}.prose th{background:var(--soft)}
.prose figure,.prose .wp-caption,.prose img,.prose iframe,.prose video{max-width:100%!important;height:auto}.prose .wp-caption{width:auto!important}
.prose figcaption,.prose .wp-caption-text{font-size:12px;color:var(--muted);text-align:center;margin-top:6px}.prose .aligncenter{margin-left:auto;margin-right:auto}
.prose .alignright{float:right;margin-left:16px}.prose .alignleft{float:left;margin-right:16px}
.art h1{margin-bottom:8px}.art__m{color:var(--muted);font-size:13px;margin:0 0 20px}
.pd__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.pd__g{border:1px solid var(--line);display:grid;place-items:center;padding:16px;min-height:380px}.pd__g img{max-height:500px;width:auto;max-width:100%;object-fit:contain}
.pd__i h1{font-size:22px;margin-bottom:10px}.pd__p{font:700 22px var(--display);color:var(--orange-dk);margin:0 0 16px}
.pd__sum{border-left:3px solid var(--brand-dk);padding:2px 0 2px 14px;margin-bottom:18px;font-size:14px}.pd__sum p{margin:0 0 6px}
.pd__cta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.pd__u{margin:0 0 14px}.pd__u li{padding-left:20px;position:relative;margin-bottom:6px;font-size:14px}.pd__u li::before{content:"";position:absolute;left:2px;top:.5em;width:7px;height:7px;background:var(--brand-dk);border-radius:50%}
.pd__m{color:var(--muted);font-size:13px;margin:0}.pd__m a{color:var(--brand-dk)}
.side-prods{display:grid;gap:12px}.side-prods a{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;font-size:13px;line-height:1.4}.side-prods img{width:64px;height:64px;object-fit:contain;border:1px solid var(--line)}.side-prods a:hover span{color:var(--brand-dk)}
.posts{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.pc{display:grid;grid-template-columns:180px 1fr;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line)}.pc img{width:180px;height:125px;object-fit:cover}
.pc h2{font:700 15px/1.4 var(--display);margin:0 0 6px}.pc:hover h2{color:var(--brand-dk)}.pc p{margin:0 0 6px;color:var(--text);font-size:13px}.pc time,.news__k{font-size:12px;color:var(--muted)}
.tiles__g--cat{margin-bottom:20px}
.block__h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.block__h h2{font:700 18px/30px var(--display);text-transform:uppercase}
.block__b--full{display:block}.page .block{padding:28px 0 0}
/* responsive */
@media(max-width:1280px){.grid--5{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--5 .card:nth-child(n+9){display:none}}
@media(max-width:1024px){.hd__in{gap:14px;height:72px}.hd__qt,.hd__tr>a{display:none}.nav .menu,.nav__blog,.nav ul.nav__mega{display:none!important}.nav__cat{width:100%}.nav__catw{flex:1}
.bn__g{grid-template-columns:1fr;height:auto}.bn__cats{display:none}.bn__img{height:400px}.bn__txt{width:52%}.bn__pics .p0{right:25%;width:25%}.bn__pics .p1{right:2%;width:24%}.bn__pics .p2{right:12%;width:16%}
.box__b{grid-template-columns:1fr}.promo{min-height:0;flex-direction:row;align-items:center;flex-wrap:wrap;padding:14px}.promo::after{display:none}.promo__c{position:static}
.grid--5,.grid--4{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--5 .card:nth-child(n+7){display:none}.news{grid-template-columns:1fr}.svc ul{grid-template-columns:1fr 1fr}
.quote__in,.pd__top,.ft__s{grid-template-columns:1fr;gap:20px}.ft__g{grid-template-columns:1fr 1fr}.lay,.lay:has(.lay__m--full){grid-template-columns:1fr}.lay__s{position:static}.lay:has(.lay__m--full) .lay__s{order:3}.posts{grid-template-columns:1fr}}
@media(max-width:640px){.hd__top{display:none}.hd__in{height:62px;gap:10px}.logo img{height:38px}.logo span{display:none}form.search{min-width:0;max-width:none}form.search button{width:48px}
.hd__tel{margin-left:0}.hd__tel span{display:none}.hd__tel i{width:42px;height:42px}
.bn__img{height:auto;display:flex;flex-direction:column}.bn__txt{position:static;transform:none;width:auto;padding:22px 16px 6px}.bn__txt h1{font-size:25px}.bn__tag{font-size:14px;margin:10px 0 16px}
.bn__pics{position:relative;height:190px;margin:8px 0 0}.bn__pics .p0{right:32%;bottom:2%;width:36%;height:82%}.bn__pics .p1{right:2%;bottom:4%;width:30%;height:60%}.bn__pics .p2{left:3%;right:auto;top:22%;width:26%;height:52%}
.grid--5,.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--5 .card:nth-child(n+5){display:none}.card__t{font-size:12px;min-height:52px}.qf{grid-template-columns:1fr}.svc ul{grid-template-columns:1fr}
.pc{grid-template-columns:1fr}.pc img{width:100%;height:170px}.ft__b{flex-direction:column}.ft__g{grid-template-columns:1fr}.ft__hot .btn{margin-left:0}.ft__s .ft__hot:last-child{flex-wrap:wrap}.prose .alignright,.prose .alignleft{float:none;margin:0 auto}.pd__g{min-height:240px}.box__h h2{font-size:15px}.fab{right:8px;top:auto;bottom:16px;transform:none;grid-auto-flow:column}.fab a{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

.promo:hover .promo__c,.promo__c:hover{background:var(--orange);color:var(--ink)}.nav__cat:hover{background:var(--orange)!important;color:var(--ink)}.fab a:hover{filter:none}.fab .ph:hover{background:var(--orange);color:var(--ink)}

/* trang con: cùng ngôn ngữ trang chủ (panel danh mục + khối trắng trên nền xám) */
.crumb{margin-bottom:10px}
.lay{gap:12px;align-items:start}
.lay__s{position:static;background:#fff;border:1px solid var(--line);padding:0}
.lay__s h4{background:var(--brand-dk);color:#fff;margin:0;padding:0 16px;height:42px;display:flex;align-items:center;font:700 14px var(--display);text-transform:uppercase}
.lay__s .cats li a{padding:7px 16px;min-height:38px;font-size:13px;border-bottom:1px solid var(--line);color:var(--ink);background:#fff}
.lay__s .cats li a::after{content:none}
.lay__s .cats li a:hover{color:var(--brand-dk);background:var(--green-050)}
.cats--s li a.on{color:var(--brand-dk);font-weight:700;background:var(--green-050);box-shadow:inset 3px 0 0 var(--brand);padding-left:16px}
.lay__m{background:#fff;padding:15px}
.lay__s .side-prods{padding:12px}
.ph{margin-bottom:12px}.ph h1{font:700 18px/30px var(--display);text-transform:uppercase}
.prose--box{background:#fff;padding:20px;margin:0 0 12px;max-width:none}.prose--box>*{max-width:900px}.lay__m .prose--box{padding:0;margin-top:20px}
.art h1{font:700 22px/1.3 var(--display);text-transform:none}
.pd{background:#fff;padding:15px;margin-bottom:12px}.pd .prose--box{padding:0;margin:20px 0 0;max-width:none}
.pd__i h1{text-transform:none}.pd__g{border-color:var(--line)}
.page>.block{background:#fff;padding:15px;margin-bottom:12px}.page>.block .block__h{margin-bottom:12px}
.page .block__h h2{font:700 18px/30px var(--display);text-transform:uppercase}
.chips a{border-radius:var(--r);background:#fff}.chips a:hover{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.page-numbers.current{background:var(--btn);border-color:var(--btn);color:#fff}a.page-numbers:hover{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.pc h2{font:700 15px/1.4 var(--display)}
.pd .prose--box>h2:first-child{font:700 18px/30px var(--display);text-transform:uppercase;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.prose,.prose *{font-family:var(--body)!important}.prose h1,.prose h2,.prose h3,.prose h4,.prose strong{font-family:var(--display)!important}.prose span[style]{font-size:inherit!important;color:inherit!important}.prose p,.prose li{font-size:15px}
.page>.box{margin-bottom:12px}.posts .pc{min-width:0}.pc>div{min-width:0}

/* đọc dễ chịu: nội dung bài và mô tả */
.prose{font-size:16px;line-height:1.8;color:#333}.prose--box>*{max-width:780px}.prose p{margin:0 0 16px}.prose h2{font-size:21px;margin:32px 0 12px;padding-top:4px}.prose h3{font-size:17px;margin:24px 0 8px}.prose li{margin-bottom:8px}
.prose img{margin:16px 0}.prose blockquote{margin:16px 0;padding:8px 16px;border-left:3px solid var(--brand);background:var(--green-050)}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:24px 0 0;position:sticky;top:0;background:#fff;z-index:20;overflow-x:auto}
.tabs a{padding:12px 18px;font:700 13px var(--display);text-transform:uppercase;color:var(--text);white-space:nowrap;border-bottom:3px solid transparent}.tabs a:hover{color:var(--brand-dk);border-color:var(--orange)}
.cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--green-050);border:1px solid var(--line);padding:20px 24px;margin:0 0 12px}
.cta b{display:block;font:700 18px/1.3 var(--display);color:var(--ink)}.cta span{display:block;margin-top:4px;color:var(--text)}.cta .btn{flex:none}
.rd{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rd a{display:block;background:#fff;box-shadow:0 0 0 1px var(--line);transition:box-shadow .15s ease}.rd a:hover{box-shadow:0 0 0 1px var(--brand)}
.rd img{width:100%;aspect-ratio:16/10;object-fit:cover}.rd strong{display:block;padding:12px 14px 4px;font:700 14px/1.4 var(--display);color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rd time{display:block;padding:0 14px 12px;font-size:12px;color:var(--muted)}
.rd a:hover strong{color:var(--brand-dk)}
.meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:13px;margin:0 0 14px}
@media(max-width:1024px){.rd{grid-template-columns:1fr 1fr}.cta{flex-direction:column;align-items:flex-start}}
@media(max-width:640px){.rd{grid-template-columns:1fr}.tabs a{padding:10px 12px}}
/* video nhúng: khung 16:9 responsive, căn giữa theo cột nội dung */
.prose iframe[src*="youtube"],.prose iframe[src*="youtu.be"],.prose iframe[src*="vimeo"]{display:block;width:100%!important;max-width:780px;height:auto!important;aspect-ratio:16/9;margin:20px 0;border:0;background:#000}
.prose p:has(>iframe){text-align:left!important}

.tiles__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.tile{display:flex;flex-direction:column;background:#fff;box-shadow:0 0 0 1px var(--line);padding:12px;transition:box-shadow .15s ease}.tile:hover{box-shadow:0 0 0 1px var(--brand)}
.tile__i{aspect-ratio:4/3;display:grid;place-items:center;background:#fff;margin-bottom:10px}.tile__i img{max-height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}
.tile b{font:700 14px/1.4 var(--display);color:var(--ink)}.tile small{color:var(--muted);font-size:12px;margin:2px 0 8px}.tile em{font:700 12px var(--display);font-style:normal;color:var(--brand-dk);margin-top:auto}.tile:hover em{color:var(--orange-dk)}
.ph__c{margin:0 0 4px}
@media(max-width:1024px){.tiles__g{grid-template-columns:repeat(2,minmax(0,1fr))}}

.spec{width:100%;max-width:780px;border-collapse:collapse;margin:14px 0;font-size:15px}.spec th,.spec td{padding:10px 14px;border:1px solid var(--line);text-align:left;vertical-align:top}.spec th{width:34%;background:var(--soft);font-weight:700;color:var(--ink)}
.prose .wp-caption{margin:16px 0}.prose .wp-caption img{margin:0}
.prose--desc.is-clamped{max-height:460px;overflow:hidden;position:relative}.prose--desc.is-clamped::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(#fff0,#fff)}
.clamp-btn{display:block;margin:10px 0 0;background:none;border:1px solid var(--brand-dk);color:var(--brand-dk);font:700 13px var(--display);padding:10px 22px;border-radius:var(--r);cursor:pointer}.clamp-btn:hover{background:var(--orange);border-color:var(--orange);color:var(--ink)}

/* nút gọi nổi bên trái */
.callfab{position:fixed;left:16px;bottom:20px;z-index:60;display:flex;align-items:center;gap:12px;padding:6px 22px 6px 6px;background:var(--btn);color:#fff;border-radius:999px;box-shadow:0 6px 20px rgba(226,98,0,.35);white-space:nowrap;transition:background .15s}
.callfab:hover{background:var(--btn-h)}
.callfab__i{position:relative;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--btn);display:grid;place-items:center;flex:none}
.callfab__i svg{width:24px;height:24px;animation:cfring 1.6s ease-in-out infinite}
.callfab__i::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #fff;animation:cfpulse 1.8s ease-out infinite}
.callfab__t{display:grid;line-height:1.2}.callfab__t small{font-size:12px;opacity:.92}.callfab__t b{font:700 19px/1.2 var(--f);letter-spacing:.2px}
@keyframes cfpulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.7);opacity:0}}
@keyframes cfring{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(-14deg)}20%,40%{transform:rotate(14deg)}}
@media (prefers-reduced-motion:reduce){.callfab__i::after,.callfab__i svg{animation:none}}
@media(max-width:600px){.callfab{left:10px;bottom:14px;padding-right:16px}.callfab__t small{display:none}.callfab__i{width:44px;height:44px}.callfab__t b{font-size:17px}}

/* Mục lục (Easy TOC cũ) nằm sẵn trong nội dung bài: dọn lại cho gọn, không cần plugin */
#ez-toc-container{background:var(--soft,#F4F8F5);border:1px solid #E1E8E3;border-radius:var(--r);padding:16px 20px;margin:0 0 24px;max-width:560px}
#ez-toc-container .ez-toc-title-toggle,#ez-toc-container .ez-toc-js-icon-con{display:none}
#ez-toc-container .ez-toc-title{margin:0 0 8px;font:700 16px/1.3 var(--f);color:var(--ink)}
#ez-toc-container ul{margin:0;padding-left:20px;list-style:disc}
#ez-toc-container li{margin:4px 0}
#ez-toc-container a{color:var(--green-dk,#008A3E)}

/* cấu trúc danh mục cha - con */
.nav ul.nav__mega li,.bn__cats li{position:relative}
.nav ul.nav__mega li a i,.bn__cats li a i{margin-left:auto;font-style:normal;font-size:18px;color:#9AA59E}
.cat-sub{display:none;position:absolute;left:100%;top:-1px;width:270px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.08);z-index:80}
.has-kids:hover>.cat-sub,.has-kids:focus-within>.cat-sub{display:block}
.has-kids:hover>a{background:var(--green-050);color:var(--brand-dk)}
.nav ul.nav__mega .cat-sub li a,.bn__cats .cat-sub li a{justify-content:space-between;gap:10px}
.cat-sub li a em{font-style:normal;font-size:12px;color:#8A948E}
.cat-sub__all a{font-weight:700;color:var(--brand-dk)!important}
.cats__kids{background:#F7FAF8}
.lay__s .cats .cats__kids li a{display:flex;justify-content:space-between;padding:6px 16px 6px 30px;min-height:34px;font-size:13px;color:#4A554F;background:transparent}
.lay__s .cats .cats__kids li a::before{content:"";width:6px;height:6px;border-left:1px solid #9AA59E;border-bottom:1px solid #9AA59E;margin-right:8px;flex:none;align-self:center}
.lay__s .cats .cats__kids li a span{flex:1}
.lay__s .cats .cats__kids li a em{font-style:normal;font-size:12px;color:#8A948E}
.lay__s .cats .cats__kids li a.on{color:var(--brand-dk);font-weight:700;background:var(--green-050);box-shadow:inset 3px 0 0 var(--brand)}

/* hover danh mục dọc = cam thương hiệu */
.nav ul.nav__mega li a:hover,.bn__cats li a:hover,.has-kids:hover>a,.cat-sub li a:hover,.lay__s .cats li a:hover,.lay__s .cats .cats__kids li a:hover{background:#E26200!important;color:#fff!important}
.nav ul.nav__mega li a:hover i,.bn__cats li a:hover i,.has-kids:hover>a i,.cat-sub li a:hover em,.lay__s .cats .cats__kids li a:hover em{color:#fff!important}
.cat-sub__all a:hover{color:#fff!important}

/* hover chung = cam thương hiệu */
a:hover,.nav .menu a:hover,.nav .menu .current-menu-item a:hover,.hd__top a:hover,.crumb a:hover,.card a:hover,.card__t:hover,.ft a:hover,.pd a:hover,.prose a:hover{color:#E26200}
.btn:hover,.btn--o:hover,.hd__qt:hover,.search button:hover,.nav__cat:hover,button[type=submit]:hover{background:var(--btn)!important;border-color:#E26200!important;color:#fff!important}
.card .btn:hover{background:#E26200!important;color:#fff!important}
.callfab:hover{background:var(--btn-h)}

/* ===== menu di động: nút 3 gạch + ngăn kéo ===== */
.mtog{display:none;width:44px;height:44px;border:0;border-radius:var(--r);background:rgba(255,255,255,.16);cursor:pointer;flex:none;padding:0;place-content:center;gap:5px}
.mtog span{display:block;width:22px;height:2px;background:#fff;border-radius:2px}
.mnav{position:fixed;inset:0;z-index:100}.mnav[hidden]{display:none}
.mnav__bg{position:absolute;inset:0;background:rgba(10,20,15,.5)}
.mnav__p{position:absolute;left:0;top:0;bottom:0;width:min(86vw,340px);background:#fff;overflow-y:auto;padding-bottom:24px;box-shadow:6px 0 24px rgba(0,0,0,.2)}
.mnav__h{display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 18px;height:56px;background:var(--brand-dk);color:#fff;font:700 16px var(--display)}
.mnav__h button{width:44px;height:44px;border:0;background:none;color:#fff;font-size:30px;line-height:1;cursor:pointer}
.mnav__s{padding:16px 18px 8px;font:700 12px var(--display);text-transform:uppercase;letter-spacing:.06em;color:#6B766F}
.mnav ul{margin:0;padding:0;list-style:none}
.mnav li>a,.mnav summary{display:flex;justify-content:space-between;align-items:center;padding:0 18px;min-height:46px;border-bottom:1px solid var(--line);color:var(--ink);font:500 15px/1.3 var(--body);cursor:pointer;list-style:none}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary::after{content:"+";font-size:20px;color:#8A948E}.mnav details[open]>summary::after{content:"\2212"}
.mnav details[open]>summary{background:#F1F8F4;color:var(--brand-dk);font-weight:700}
.mnav details ul li a{padding-left:32px;background:#FAFCFB;font-size:14px}
.mnav em{font-style:normal;font-size:12px;color:#8A948E}
.mnav li>a:hover,.mnav summary:hover{background:#E26200;color:#fff}
.mnav li>a:hover em{color:#fff}
.mnav__call{display:flex;align-items:center;justify-content:center;margin:18px 18px 0;min-height:48px;border-radius:var(--r);background:#E26200;color:#fff;font:700 15px var(--display)}
.mnav__call:hover{background:#C95700;color:#fff}
.mnav-open{overflow:hidden}
@media(max-width:1024px){
.mtog{display:grid}.nav{display:none}
.hd__main{padding:10px 0 12px}
.hd__in{flex-wrap:wrap;height:auto;row-gap:10px;gap:10px}
.mtog{order:1}.logo{order:2;flex:1}.hd__tel{order:3;margin-left:0}form.search{order:4;flex:0 0 100%;max-width:none}
.hd__tel span{display:none}.hd__tel i{width:44px;height:44px}
form.search input{height:44px}form.search button{width:52px;height:44px}
.logo img{height:40px}.logo span{display:none}
}

/* === Header sáng 01/10: logo đặt thẳng trên nền trắng, bỏ khung trắng thô; xanh giữ ở dải trên + nút/icon === */
.hd{background:#fff;color:var(--ink)}
.hd__top{background:var(--brand);color:#fff}
.hd__main{border-bottom:1px solid var(--line)}
.logo img{background:none;padding:0;border-radius:0;height:58px}
.logo span{color:var(--green-700);padding-left:12px;border-left:2px solid var(--brand);line-height:1.2}
form.search input{box-shadow:inset 0 0 0 1.5px var(--brand)}
form.search button{background:var(--btn)}
.hd__tel{color:var(--ink)}.hd__tel small{color:var(--muted);opacity:1}.hd__tel b{color:var(--green-700)}
.hd__tel i{background:var(--brand);color:#fff!important}
.hd__qt{background:var(--btn);color:#fff}
.mtog{background:var(--green-050);box-shadow:inset 0 0 0 1px #CBE7D6}.mtog span{background:var(--green-700)}
@media(max-width:1024px){.logo img{height:44px}}
@media(max-width:640px){.hd{border-top:4px solid var(--brand)}.logo img{height:40px}}

/* === Tin tức mới 01/10: ảnh không cắt mất đầu người, khung thẻ gọn === */
.news__f{border:1px solid var(--line);background:#fff;overflow:hidden;text-decoration:none}
.news__f img{aspect-ratio:16/9;object-fit:cover;object-position:50% 12%}
.news__f time,.news__f strong,.news__f p{margin-left:18px;margin-right:18px}
.news__f strong{color:var(--ink);text-decoration:none;margin-top:14px}.news__f:hover strong{color:var(--brand-dk);text-decoration:none}
.news__f p{color:var(--text);margin-bottom:18px}
.news__l a{padding:10px;border:1px solid var(--line);background:#fff;align-items:center;grid-template-columns:120px 1fr}
.news__l a:hover{border-color:var(--brand)}.news__l a:hover strong{text-decoration:none}
.news__l img{width:120px;height:80px;object-fit:cover;object-position:50% 20%}

/* === Góp ý 03/10: banner danh mục dọc (không lấy ảnh sản phẩm đầu) + menu danh mục to, nhiều màu hơn === */
.promo{background:linear-gradient(165deg,#00A24A 0%,#00803A 62%,#006B30 100%);color:#fff;border:0;padding:22px 20px 74px;gap:10px;min-height:260px}
.promo::after{display:none}
.promo--img::after{display:block;content:"";position:absolute;left:12px;right:12px;bottom:70px;height:42%;min-height:110px;background:var(--pimg) center/contain no-repeat;mix-blend-mode:normal}
.promo__k{display:inline-block;align-self:flex-start;background:rgba(255,255,255,.18);color:#fff;font:700 11px/1 var(--display);letter-spacing:.06em;padding:6px 10px;border-radius:2px}
.promo strong{color:#fff;font:700 22px/1.25 var(--display)}
.promo__d{position:relative;z-index:1;color:rgba(255,255,255,.88);font:400 13px/1.5 var(--body)}
.promo__c{background:var(--orange);color:#1b1b1b;font:700 13px var(--display);padding:12px 8px}
.promo:hover .promo__c,.promo__c:hover{background:#fff;color:var(--brand-dk)}
.bn__cats li a{font:600 15px/1.3 var(--display);min-height:46px;padding:9px 16px 9px 14px;color:#1d3b2a;gap:10px;border-left:4px solid transparent}
.bn__cats li a>span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:10px;background:var(--dot,#00B050);vertical-align:1px}
.bn__cats li:nth-child(5n+1){--dot:#00B050}.bn__cats li:nth-child(5n+2){--dot:#F88000}.bn__cats li:nth-child(5n+3){--dot:#1F6FB5}.bn__cats li:nth-child(5n+4){--dot:#12A8A0}.bn__cats li:nth-child(5n+5){--dot:#8A55C4}
.bn__cats li a:hover{border-left-color:var(--dot,#00B050)}
.bn__cats li a>span::before{flex:none}
@media(max-width:1024px){.promo{padding:16px 16px;min-height:0}.promo__d{display:none}.promo strong{font-size:18px}}

/* Banner danh mục: ảnh nền riêng từng danh mục (assets/img/banner-N.jpg), chữ HTML đè lên phần trên */
.promo--img{background:var(--pimg) center bottom/cover no-repeat}
.promo--img::after{display:none}
.promo--img .promo__d{display:none}
@media(max-width:1024px){.promo--img{background:linear-gradient(165deg,#00A24A,#00803A)}}

/* Mobile: mở rộng vùng nội dung (trước: body 15 + wrap 15 + box 15 = chỉ còn ~76% bề ngang) */
@media(max-width:760px){
 body{padding-left:0!important;padding-right:0!important}
 .wrap{padding-left:8px;padding-right:8px}
 .bn .wrap{padding-left:0;padding-right:0}
 .box{padding:12px 8px;margin-bottom:10px}
 .box__h{padding:0 2px}
 .grid{padding:0}
}
/* Banner danh mục hàng ngắn (5 sản phẩm): dùng bản ảnh tỉ lệ vuông banner-N-s.jpg */
.promo--s.promo--img{background-position:center center}
/* Mobile/tablet: menu danh mục thu gọn (JS bật .is-open) */
@media(max-width:1024px){
 .lay__s .cats{display:none}.lay__s.is-open .cats{display:block}
 .lay__s h4.lay__tog{cursor:pointer;justify-content:space-between}
 .lay__s h4.lay__tog::after{content:"+";font:400 24px/1 var(--display)}
 .lay__s.is-open h4.lay__tog::after{content:"\2212"}
}

/* hero: cum 6 san pham tieu bieu, 2 hang */
.bn__pics--g{left:46%}
.bn__pics--g a{display:block}.bn__pics--g img{object-position:center bottom;filter:drop-shadow(0 10px 10px rgba(0,0,0,.18))}
.bn__pics--g .q1{left:2%;top:5%;width:24%;height:42%;z-index:1}.bn__pics--g .q2{left:34%;top:1%;width:26%;height:46%;z-index:1}.bn__pics--g .q3{right:1%;top:7%;width:34%;height:40%;z-index:1}
.bn__pics--g .q4{left:0;bottom:4%;width:30%;height:48%;z-index:3}.bn__pics--g .q5{left:27%;bottom:1%;width:42%;height:60%;z-index:4}.bn__pics--g .q6{right:0;bottom:4%;width:38%;height:50%;z-index:3}
.bn__pics--g::after{content:"";position:absolute;left:2%;right:2%;bottom:2%;height:3px;background:rgba(0,0,0,.05);border-radius:3px}
@media(max-width:1024px){.bn__pics--g{left:44%}}
@media(max-width:760px){.bn__pics--g{left:auto;position:relative;height:300px;margin:6px 0 0}.bn__pics--g .q1{left:2%;top:2%;width:28%;height:44%}.bn__pics--g .q2{left:34%;top:0;width:30%;height:46%}.bn__pics--g .q3{right:1%;top:4%;width:36%;height:42%}.bn__pics--g .q4{left:-2%;bottom:2%;width:36%;height:52%}.bn__pics--g .q5{left:28%;bottom:0;width:46%;height:64%}.bn__pics--g .q6{right:-2%;bottom:2%;width:40%;height:54%}}

/* === Đợt sửa theo góp ý 06/10: font, danh mục in hoa, bán hàng, giỏ báo giá, tin tức 1 dòng === */
:root{--display:"Roboto","Helvetica Neue",Arial,sans-serif;--body:"Roboto","Helvetica Neue",Arial,sans-serif;--r:8px;--hot:#E8590C}
/* danh mục: chữ in hoa, bỏ chấm tròn */
.bn__cats li a,.nav__mega>li>a,.cat-sub li a,.cats li a,.mnav__cats a,.mnav__cats summary{text-transform:uppercase;letter-spacing:.01em}
.bn__cats li a{font-size:14px;font-weight:700}
.bn__cats li a>span::before{display:none!important}
.bn__cats li a:hover{border-left-color:var(--brand)}
.cat-sub li a,.cats__kids li a{font-size:13px}
.sp-hot a{color:var(--hot)!important}.sp-hot a span{font-weight:800}
.sp-sale a{color:#D6001C!important}
.mnav__hot a{color:var(--hot);font-weight:800}
/* tiêu đề khối + xem thêm to hơn */
.more{font:700 14px var(--body);color:var(--brand-dk)}
/* thẻ sản phẩm lớn hơn, ảnh đầy khung */
.card{padding:10px;position:relative}
.card__img{position:relative}.card__img img{padding:0;mix-blend-mode:normal}
.card__t{font:500 14px/1.45 var(--body);color:var(--ink);min-height:61px}
.card__p{margin:2px 0 8px;min-height:24px}
.pr{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}.pr b{font:700 17px var(--display);color:#D6001C}.pr del{color:#8a8a8a;font-size:13px}.pr em{font:700 12px var(--display);font-style:normal;color:#fff;background:#D6001C;border-radius:4px;padding:2px 6px}
.pr--ct a{font:700 14px var(--display);color:var(--orange-dk)}.pr--ct a:hover{text-decoration:underline}
.card__q{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:36px;border:1px solid var(--brand-dk);background:#fff;color:var(--brand-dk);border-radius:var(--r);font:700 13px var(--display);cursor:pointer;transition:background .15s,color .15s}
.card__q:hover,.card__q.is-added{background:var(--brand-dk);color:#fff}
.tags{position:absolute;left:6px;top:6px;display:flex;flex-direction:column;gap:5px;align-items:flex-start;z-index:2}
.tag{font:800 11px/1 var(--display);letter-spacing:.04em;padding:5px 8px;border-radius:4px;color:#fff;text-transform:uppercase}
.tag--sale{background:#D6001C}.tag--new{background:var(--hot);animation:tagblink 1.2s ease-in-out infinite}
@keyframes tagblink{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.tag--new{animation:none}}
.grid--gap{margin-top:12px}
/* banner danh mục: không lặp nhãn */
.promo__k{display:none}
/* thanh sắp xếp */
.sortbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;padding:10px 12px;background:var(--soft);border-radius:var(--r)}
.sortbar span{font:700 13px var(--display);color:var(--ink);margin-right:4px}
.sortbar a{font:500 13px var(--body);padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--text)}
.sortbar a:hover{border-color:var(--brand)}.sortbar a.on{background:var(--brand-dk);border-color:var(--brand-dk);color:#fff;font-weight:700}
/* header: nút báo giá màu cam nổi, giỏ báo giá */
.hd__qt{background:var(--orange);color:#1b1b1b;border-radius:999px;padding:12px 24px;box-shadow:0 4px 12px rgba(248,128,0,.35)}.hd__qt:hover{background:var(--orange-h);color:#fff}
.hd__cart{position:relative;display:inline-flex;align-items:center;gap:8px;flex:none;border:1px solid var(--brand-dk);background:#fff;color:var(--brand-dk);border-radius:999px;padding:11px 16px;font:700 13px var(--display);cursor:pointer}
.hd__cart:hover{background:var(--brand-dk);color:#fff}
.hd__cart i,[data-cart-n]{font:700 11px/18px var(--display);font-style:normal;min-width:18px;height:18px;border-radius:9px;background:#D6001C;color:#fff;text-align:center;padding:0 5px}
.hd__cart i[hidden]{display:none}
@media (max-width:1100px){.hd__cart span{display:none}.hd__cart{padding:10px 12px}}
/* ô để lại số điện thoại */
.cb{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;padding:14px 16px;background:linear-gradient(135deg,#FFF3E4,#FFE2BF);border:1px solid #F6C27C;border-radius:14px}
.cb__t{flex:1 1 100%;display:flex;align-items:center;gap:8px;font:700 14px var(--display);color:#8a3b00}
.cb input[name=phone]{flex:1 1 180px;min-width:0;height:46px;border:2px solid #fff;border-radius:999px;padding:0 18px;font:500 15px var(--body);background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.cb input[name=phone]:focus{outline:0;border-color:var(--orange)}
.btn--hot{background:linear-gradient(180deg,#FF9A1F,#F26B00);color:#fff;border-radius:999px;min-height:46px;padding:0 26px;box-shadow:0 6px 14px rgba(242,107,0,.4);animation:cbpulse 2.2s ease-in-out infinite}
.btn--hot:hover{background:#D95F00;color:#fff}
@keyframes cbpulse{0%,100%{box-shadow:0 6px 14px rgba(242,107,0,.4)}50%{box-shadow:0 6px 22px rgba(242,107,0,.75)}}
@media (prefers-reduced-motion:reduce){.btn--hot{animation:none}}
.cb--page{margin:20px 0 0}
/* form báo giá, nút: bo mềm */
.qf input,.qf textarea{border-radius:12px}.qf .btn{border-radius:999px}.btn{border-radius:var(--r)}
.hd__tel i{box-shadow:0 2px 8px rgba(0,0,0,.12)}
/* trang sản phẩm */
.pd__p{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pd__p .pr b{font-size:26px}.pd__p .tags{position:static;flex-direction:row}
.pd__cta .btn--q{background:#fff;color:var(--orange-dk);box-shadow:inset 0 0 0 1px var(--orange)}.pd__cta .btn--q:hover{background:var(--orange);color:#1b1b1b}
.pd__u li{padding-left:0;display:flex;align-items:center;gap:10px}.pd__u li::before{display:none}
.pd__u i{width:32px;height:32px;border-radius:50%;background:var(--green-050);color:var(--brand-dk);display:grid;place-items:center;flex:none}.pd__u i svg{width:18px;height:18px}
.promo-box{margin:20px 0 0;padding:18px 22px;background:#F2F8FF;border:1px solid #BCD8F7;border-radius:12px}
.promo-box h3{font:700 17px var(--display);margin:0 0 10px;color:#14508F}
.promo-box ol{margin:0;padding:0;list-style:none;counter-reset:pb;display:grid;gap:8px}
.promo-box li{counter-increment:pb;display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--ink)}
.promo-box li::before{content:counter(pb);flex:none;width:24px;height:24px;border-radius:50%;background:#2F7FD9;color:#fff;font:700 12px/24px var(--display);text-align:center}
.promo-box p{margin:10px 0 0;color:#555;font-size:14px}
.prose--pd>*,.prose--pd.prose--box>*{max-width:none}
.prose--pd iframe[src*="youtube"]{max-width:960px}
.prose table{display:block;overflow-x:auto}.prose table tbody{display:table;width:100%}.prose table th,.prose table td{vertical-align:top}.prose table td:first-child,.prose table th:first-child{width:34%}
/* mục lục */
.toc{margin:0 0 22px;padding:16px 20px;background:var(--green-050);border:1px solid #CFE8D8;border-radius:12px;max-width:none}
.toc b,.toc .ez-toc-title,.toc p.ez-toc-title{display:block;font:700 15px var(--display);color:var(--brand-dk);margin:0 0 8px}
.toc ol,.toc ul{margin:0;padding-left:20px;list-style:decimal}.toc li{margin:0 0 5px;font-size:14px}.toc li.sub{margin-left:18px;list-style:circle}
.toc a{color:var(--ink);text-decoration:none}.toc a:hover{color:var(--brand-dk);text-decoration:underline}
.ez-toc-container .ez-toc-toggle,.ez-toc-container label,.ez-toc-container .ez-toc-js-icon-con{display:none!important}
.ez-toc-container nav ul.ez-toc-list{display:block!important}
/* tin tức: 1 tin 1 dòng + nút Đọc tiếp */
.posts--1{grid-template-columns:1fr;gap:0}.posts--1 .pc{grid-template-columns:240px 1fr;gap:20px;padding:18px 0}
.posts--1 .pc img,.pc__ph{width:240px;height:160px;object-fit:cover;border-radius:8px;background:var(--soft)}
.posts--1 .pc h2{font:700 18px/1.4 var(--display)}.posts--1 .pc p{font-size:14px;margin:6px 0 10px}.pc__more{font:700 13px var(--display);color:var(--brand-dk)}
.posts--1 .pc time{display:block;margin-bottom:2px}
.pc:hover .pc__more{text-decoration:underline}
.side-posts{display:grid;gap:12px;padding:12px}.side-posts a{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;font-size:13px;line-height:1.4;color:var(--ink)}.side-posts a:hover{color:var(--brand-dk)}.side-posts img{width:72px;height:56px;object-fit:cover;border-radius:6px}
.lay__h2{margin-top:14px!important}
/* khối dịch vụ có biểu tượng */
.svc li{padding-left:28px}.svc li::before{width:18px!important;height:18px!important;top:2px!important;background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat!important;border-radius:50%!important;transform:none!important}
/* chân trang: mạng xã hội có biểu tượng */
.soc{display:grid;gap:10px}.soc a{display:flex;align-items:center;gap:10px;font-weight:500}
.soc i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 11px var(--display);font-style:normal;flex:none}
.soc__fb i{background:#1877F2}.soc__yt i{background:#E62117}.soc__zl i{background:#0068FF}.soc__ms i{background:#0084FF}.soc a:hover{color:var(--brand-dk)}
/* nút nổi bên phải, lên đầu trang, giỏ báo giá */
.fab .ph{background:var(--brand-dk)}.fab a{border-radius:50%}
.totop{position:fixed;right:14px;bottom:22px;z-index:61;width:56px;height:56px;border-radius:50%;border:3px solid #fff;background:var(--brand-dk);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.3);transition:background .15s,transform .15s}
.totop[hidden]{display:none}.totop:hover{background:var(--orange);color:#1b1b1b;transform:translateY(-3px)}
.qcart{position:fixed;inset:0;z-index:90}.qcart[hidden]{display:none}.qcart__bg{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.qcart__p{position:absolute;right:0;top:0;bottom:0;width:min(400px,92vw);background:#fff;padding:18px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:-8px 0 24px rgba(0,0,0,.2)}
.qcart__h{display:flex;justify-content:space-between;align-items:center;font:700 18px var(--display)}.qcart__h button{border:0;background:none;font-size:28px;cursor:pointer;line-height:1}
.qcart__l{flex:1;overflow:auto;display:grid;gap:8px;align-content:start}.qcart__l li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;background:var(--soft);border-radius:8px;font-size:14px}
.qcart__l button{border:0;background:none;font-size:22px;color:#999;cursor:pointer}.qcart__e{color:var(--muted);font-size:14px;margin:0}.qcart__e[hidden]{display:none}
.qcart__go.is-off{opacity:.45;pointer-events:none}
@media (max-width:760px){.posts--1 .pc{grid-template-columns:1fr}.posts--1 .pc img,.pc__ph{width:100%;height:190px}.totop{bottom:150px}.cb input[name=phone]{flex-basis:100%}.btn--hot{width:100%}}
/* tin tuyển dụng */
.job{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 6px}
.job li{display:flex;flex-direction:column;gap:2px;padding:7px 12px;background:var(--green-050);border:1px solid #CFE8D8;border-radius:8px;min-width:120px}
.job small{font:500 11px var(--body);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.job b{font:700 14px/1.3 var(--display);color:var(--ink)}
.job__s{background:#FFF3E4;border-color:#F6C27C}.job__s b{color:#B85A00}
.job__d b{color:#D6001C}.job__d.is-off{background:#f1f1f1;border-color:#ddd}.job__d.is-off b{color:#777}
.job__go{margin:4px 0 18px}

.card__q{white-space:nowrap}.promo strong{text-wrap:balance}
/* banner danh mục trên tablet/mobile: nằm ngang, chữ bên trái, nút bên phải, không để trống một nửa */
@media (max-width:1024px){
  .promo,.promo--img{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 24px;padding:18px 20px;min-height:0;background:linear-gradient(110deg,#00A24A 0%,#00803A 70%,#006B30 100%)}
  .promo strong{font:700 20px/1.35 var(--display);text-wrap:balance;max-width:none}
  .promo__c{position:static;white-space:nowrap;padding:12px 20px;border-radius:999px;justify-self:end}
}
@media (max-width:560px){
  .promo,.promo--img{grid-template-columns:1fr;gap:12px;padding:16px}
  .promo strong{font-size:18px}
  .promo__c{justify-self:stretch;text-align:center}
}

.ph{display:inline-block;white-space:nowrap}
.promo strong{font-size:20px}

/* sidebar bài viết: nổi theo khi cuộn (desktop) */
.lay:has(.lay__m--full) .lay__s{position:sticky;top:90px;align-self:start}
@media(max-width:1024px){.lay:has(.lay__m--full) .lay__s{position:static}}

/* hero: lưới 3x2 đều nhau, sản phẩm cùng cỡ, thẳng hàng */
.bn__pics--g{left:46%;right:0;top:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:14px 16px;padding:22px 28px 22px 8px}
.bn__pics--g a,.bn__pics--g .q1,.bn__pics--g .q2,.bn__pics--g .q3,.bn__pics--g .q4,.bn__pics--g .q5,.bn__pics--g .q6{position:static;left:auto;right:auto;top:auto;bottom:auto;width:auto;height:auto;min-height:0;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;transition:transform .3s,box-shadow .3s}
.bn__pics--g a:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(20,30,25,.12)}
.bn__pics--g img{width:100%;height:100%;object-fit:contain;object-position:center;filter:none}
.bn__pics--g::after{display:none}
@media(max-width:1024px){.bn__pics--g{left:44%;gap:10px;padding:16px 16px 16px 4px}}
@media(max-width:760px){.bn__pics--g,.bn__pics--g.bn__pics{position:relative;left:auto;height:auto;margin:6px 0 0;padding:0 16px 16px;grid-template-rows:none;grid-auto-rows:120px;gap:10px}}

/* hero v3: bỏ thẻ trắng, ảnh phóng to trên nền hero, lưới 3x2 thẳng hàng */
.bn__pics--g{gap:4px 8px;padding:14px 20px 14px 0}
.bn__pics--g a,.bn__pics--g .q1,.bn__pics--g .q2,.bn__pics--g .q3,.bn__pics--g .q4,.bn__pics--g .q5,.bn__pics--g .q6{background:none;border:0;border-radius:0;padding:0;box-shadow:none;overflow:visible}
.bn__pics--g a:hover{box-shadow:none;transform:none}
.bn__pics--g img{transform:scale(1.12);transform-origin:center;filter:drop-shadow(0 8px 8px rgba(0,0,0,.18));transition:transform .3s}
.bn__pics--g a:hover img{transform:scale(1.18)}
.bn__pics--g a:nth-child(-n+3)::after{content:"";position:absolute}
@media(max-width:760px){.bn__pics--g{grid-auto-rows:130px;padding:0 12px 16px}.bn__pics--g img{transform:scale(1.25)}}
.bn__pics--g{gap:10px 14px;padding:18px 24px 18px 0}
.bn__pics--g::before{content:"";position:absolute;left:0;right:24px;top:50%;height:1px;background:rgba(0,0,0,.07)}
/* hero v4: ảnh đã cắt sát viền, mỗi máy lấp đầy ô như nhau */
.bn__pics--g img{transform:none;object-fit:contain;padding:0}
.bn__pics--g a:hover img{transform:scale(1.05)}
/* hero v5: thoáng hơn */
.bn__pics--g{gap:20px 22px;padding:26px 34px 26px 10px}
.bn__pics--g a{padding:0 2%!important}
.bn__pics--g::before{right:40px}
@media(max-width:1024px){.bn__pics--g{gap:14px 18px;padding:20px 22px 20px 4px}}
@media(max-width:760px){.bn__pics--g{gap:14px 16px;padding:0 16px 18px}.bn__pics--g a{padding:0 4%!important}}
/* thẻ danh mục: khung ảnh cố định, ảnh không làm lệch hàng */
.tile__i{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;width:100%}
.tile__i img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center}
.tile b{min-height:calc(2*1.4em)}
/* bảng thông số: bỏ chiều cao/độ rộng cố định từ nội dung cũ, không còn thanh cuộn dọc */
.prose table{display:table;width:100%!important;max-width:100%;height:auto!important;table-layout:auto}
.prose table tr,.prose table td,.prose table th{height:auto!important}
.prose table td,.prose table th{width:auto!important;vertical-align:top;word-break:break-word}
@media(max-width:760px){.prose table{display:block;overflow-x:auto;overflow-y:hidden}}
/* bài nổi bật không có ảnh: tiêu đề chiếm full ngang, không bị dồn vào cột 72px */
.side-posts a:not(:has(img)),.side-prods a:not(:has(img)){grid-template-columns:1fr}
.side-posts a>span{min-width:0}
/* khuyến mại: banner + hộp đi kèm */
.promo-ban{margin:16px 0 0;padding:14px 18px;text-align:center;border-radius:12px;background:#FFF3C4;border:3px solid #F6A609;outline:2px dotted #fff;outline-offset:-8px;position:relative}
.promo-ban__k{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#D6001C;color:#fff;font:700 12px var(--display);text-transform:uppercase;padding:3px 14px;border-radius:4px;white-space:nowrap}
.promo-ban b{display:block;font:800 clamp(24px,3.2vw,36px)/1.15 var(--display);color:#D6001C;text-transform:uppercase;margin-top:6px}
.promo-ban em{display:block;font:600 15px var(--body);font-style:normal;color:#7A4B00;margin-top:4px}
.promo-ban__b{display:inline-block;margin-top:10px;background:#D6001C;color:#fff;font:700 13px var(--display);text-transform:uppercase;padding:4px 18px;border-radius:14px;text-decoration:none}
.promo-ban+.promo-box{margin-top:14px}
.promo-box h3{display:flex;align-items:center;gap:8px}.promo-box h3 svg{color:#E8590C;flex:none}
.promo-box li a{color:#2F7FD9;text-decoration:none;margin-left:4px}.promo-box li a:hover{text-decoration:underline}
.promo-box li>span{padding-top:2px}
/* khuyến mại v2: nổi bật, ấm, dễ chú ý */
.promo-ban{margin:18px 0 0;padding:22px 20px 18px;border:0;outline:2px dashed rgba(255,255,255,.7);outline-offset:-9px;border-radius:12px;color:#fff;overflow:hidden;
  background:radial-gradient(circle at 8% 120%,rgba(255,214,0,.35) 0 90px,transparent 91px),radial-gradient(circle at 96% -10%,rgba(255,255,255,.18) 0 110px,transparent 111px),linear-gradient(120deg,#C8001A 0%,#E8310C 55%,#FF7A00 100%);box-shadow:0 8px 20px rgba(214,0,28,.22)}
.promo-ban__k{top:0;transform:translateX(-50%);background:#FFD400;color:#7A1200;border-radius:0 0 8px 8px;padding:4px 16px;font-size:12px;letter-spacing:.04em}
.promo-ban b{color:#fff;font-size:clamp(26px,3.4vw,40px);margin-top:12px;text-shadow:0 2px 0 rgba(120,0,0,.35);letter-spacing:.01em}
.promo-ban em{color:#FFE9A8;font-size:16px;margin-top:6px}
.promo-ban__b{background:#FFD400;color:#7A1200;font-size:14px;padding:7px 24px;border-radius:20px;margin-top:12px;box-shadow:0 3px 0 #C99A00;transition:transform .15s}
.promo-ban__b:hover{transform:translateY(-2px);color:#7A1200}
.promo-ban+.promo-box{margin-top:0;border-top:0;border-radius:0 0 12px 12px}
.promo-box{margin:18px 0 16px;padding:16px 22px 14px;background:linear-gradient(#FFF9EF,#FFF3DF);border:1px solid #FFCF8A;border-radius:12px}
.promo-box h3{color:#B8330A;font-size:18px;padding-bottom:10px;margin-bottom:12px;border-bottom:1px dashed #F2B66B}
.promo-box h3 svg{color:#D6001C;width:26px;height:26px}
.promo-box ol{gap:10px}
.promo-box li{font-size:15px;line-height:1.45}
.promo-box li::before{background:linear-gradient(135deg,#FF8A00,#E8310C);width:26px;height:26px;font-size:13px;line-height:26px;box-shadow:0 2px 4px rgba(214,0,28,.25)}
.promo-box li a{color:#C8001A;font-weight:700}
.promo-box p{border-top:1px dashed #F2B66B;padding-top:10px;color:#8A4A00}
.promo-box+.pd__u,.promo-box~.pd__u{margin-top:6px}
.promo-ban{border-radius:12px 12px 0 0}

/* banner dãy sản phẩm v3: dựng bằng HTML, ảnh máy nằm giữa khung, không phụ thuộc ảnh nền cố định */
.promo.promo--c{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:22px 18px 16px;min-height:0;border:0;position:relative;overflow:hidden;
  background:radial-gradient(ellipse 120% 40% at 50% 78%,rgba(255,255,255,.16),transparent 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 2px,transparent 2px 22px),linear-gradient(170deg,#12A750 0%,#0A8A3F 55%,#066B30 100%)}
.promo.promo--c::after{display:none}
.promo--c .promo__t{font:700 12px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:#C9F2D9;border-left:3px solid #FFD84A;padding-left:8px}
.promo--c strong{display:block;margin:14px 0 0;font:900 clamp(24px,2.2vw,30px)/1.12 var(--display);text-transform:uppercase;letter-spacing:.005em;color:#fff;text-wrap:balance;text-shadow:0 2px 0 rgba(0,60,25,.28)}
.promo--c strong .ph{display:block}
.promo--c strong .ph:last-child{color:#FFD84A}
.promo--c .promo__pic{flex:1;min-height:220px;display:flex;align-items:center;justify-content:center;padding:18px 6% 8px}
.promo--c .promo__pic img{width:100%;max-height:100%;max-width:210px;object-fit:contain;filter:drop-shadow(0 14px 12px rgba(0,40,15,.4))}
.promo--c .promo__c{position:static;margin-top:6px;background:#FF8A00;color:#1b1b1b;border-radius:999px;padding:12px 10px;font:800 13px var(--display);box-shadow:0 3px 0 #C25F00;white-space:nowrap}
.promo--c:hover .promo__c{background:#FFD84A;color:#1b1b1b}
@media(max-width:1024px){
  .promo.promo--c{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 20px;padding:18px 20px}
  .promo--c .promo__t{grid-column:1/-1}.promo--c .promo__pic{display:none}
  .promo--c strong{margin:0;font-size:22px}.promo--c strong .ph{display:inline-block;margin-right:.3em}
  .promo--c .promo__c{margin:0;padding:12px 20px}
}
@media(max-width:560px){
  .promo.promo--c{grid-template-columns:1fr}.promo--c strong .ph{display:block;margin:0}.promo--c .promo__c{text-align:center}
}
/* banner dãy sản phẩm v4: áp phích gọn, nhấn cụm cuối bằng nhãn vàng, máy lớn trên vòng sáng */
.promo.promo--c{padding:16px 14px 14px;background:linear-gradient(175deg,#10A24C 0%,#087A39 60%,#055D2A 100%)}
.promo--c .promo__t{font-size:11px;letter-spacing:.1em;color:#D7F5E3;border:0;padding:0;opacity:.9}
.promo--c strong{margin:10px 0 0;font:900 clamp(19px,1.75vw,23px)/1.2 var(--display);text-shadow:none}
.promo--c strong .ph{display:block;white-space:normal;text-wrap:balance}
.promo--c strong .ph:last-child{display:inline-block;margin-top:8px;background:#FFD84A;color:#0B5C2A;padding:3px 9px;border-radius:4px;text-shadow:none}
.promo--c .promo__pic{padding:14px 0 6px;min-height:250px;background:radial-gradient(circle at 50% 55%,rgba(255,255,255,.26) 0 38%,transparent 39%)}
.promo--c .promo__pic img{max-width:100%;width:92%;filter:drop-shadow(0 12px 10px rgba(0,40,15,.35))}
.promo--c .promo__c{font-size:12.5px;padding:11px 8px}
@media(max-width:1024px){.promo--c strong .ph:last-child{margin-top:0;margin-left:.3em}}
@media(max-width:560px){.promo--c strong .ph:last-child{margin:6px 0 0}}

/* khuyến mại v3: đặt dưới ảnh sản phẩm, gọn, cân với cột thông tin */
.pd__l{display:grid;gap:12px;align-content:start;min-width:0}
.pd__l .promo-ban{margin:0;padding:12px 16px 12px 18px;border-radius:10px;outline:0;box-shadow:none;display:grid;grid-template-columns:1fr auto;grid-template-areas:"k b" "h b" "s b";column-gap:16px;align-items:center;text-align:left;background:linear-gradient(110deg,#C8001A 0%,#E8310C 60%,#FF7A00 100%)}
.pd__l .promo-ban__k{position:static;transform:none;grid-area:k;justify-self:start;background:#FFD400;color:#7A1200;border-radius:3px;padding:2px 8px;font-size:11px}
.pd__l .promo-ban b{grid-area:h;margin:4px 0 0;font:800 22px/1.15 var(--display);text-shadow:none}
.pd__l .promo-ban em{grid-area:s;margin:2px 0 0;font-size:13px}
.pd__l .promo-ban__b{grid-area:b;margin:0;font-size:13px;padding:8px 18px;box-shadow:none;white-space:nowrap}
.pd__l .promo-ban+.promo-box{margin:-12px 0 0;border-radius:0 0 10px 10px;border-top:0}
.pd__l .promo-box{margin:0;padding:12px 18px 12px;background:#FFF8EC;border:1px solid #FFD9A0;border-radius:10px}
.pd__l .promo-box h3{font-size:15px;margin:0 0 8px;padding-bottom:8px}
.pd__l .promo-box h3 svg{width:20px;height:20px}
.pd__l .promo-box ol{grid-template-columns:1fr 1fr;gap:8px 20px}
.pd__l .promo-box li{font-size:13.5px;line-height:1.4;gap:9px}
.pd__l .promo-box li::before{width:20px;height:20px;font-size:11px;line-height:20px;box-shadow:none}
.pd__l .promo-box p{margin:10px 0 0;padding-top:8px;font-size:12.5px}
@media(max-width:700px){.pd__l .promo-box ol{grid-template-columns:1fr}.pd__l .promo-ban{grid-template-columns:1fr;grid-template-areas:"k" "h" "s" "b"}.pd__l .promo-ban__b{justify-self:start;margin-top:8px}}

/* khuyến mại v4: thẻ gọn trong cột thông tin, thấy ngay ở màn hình đầu */
.pd__sum{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.promo-c{margin:0 0 12px;border:1px solid #F3B27A;border-radius:10px;overflow:hidden;background:#FFF8EF}
.promo-c__h{display:flex;align-items:center;gap:8px;padding:8px 14px;color:#fff;background:linear-gradient(100deg,#C8001A,#E8420C 65%,#FF7A00)}
.promo-c__h svg{flex:none}.promo-c__h b{font:800 14px/1.2 var(--display);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.promo-c__h span{font:500 13px var(--body);opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.promo-c__h em{margin-left:auto;font:700 12px var(--display);font-style:normal;background:#FFD400;color:#7A1200;padding:3px 9px;border-radius:3px;white-space:nowrap}
.promo-c ol{list-style:none;margin:0;padding:10px 14px 10px;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;counter-reset:pc}
.promo-c li{counter-increment:pc;position:relative;padding-left:24px;font-size:13.5px;line-height:1.4;color:var(--ink)}
.promo-c li::before{content:counter(pc);position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;background:#E8420C;color:#fff;font:700 10.5px/17px var(--display);text-align:center}
.promo-c li a{color:#C8001A;font-weight:700;white-space:nowrap}
.pd__i .cb{margin-bottom:10px}
@media(max-width:700px){.promo-c ol{grid-template-columns:1fr}.promo-c__h span{display:none}}
/* bỏ vòng sáng nền sau ảnh máy trong banner */
.promo--c .promo__pic{background:none}

/* banner dãy sản phẩm v5: chữ mềm, rõ thứ bậc, bỏ nhãn trùng tiêu đề khối */
.promo--c .promo__t{display:none}
.promo.promo--c{padding-top:22px}
.promo--c strong{margin:0;padding-top:14px;position:relative;font:800 21px/1.32 var(--display);text-transform:none;letter-spacing:0;color:#fff;text-wrap:initial}
.promo--c strong::before{content:"";position:absolute;left:0;top:0;width:38px;height:3px;border-radius:2px;background:#FFD84A}
.promo--c strong .ph,.promo--c strong .ph:last-child{display:block;white-space:nowrap;background:none;padding:0;margin:0;border-radius:0}
.promo--c strong .ph:last-child{color:#FFD84A}
@media(max-width:1024px){.promo--c strong{padding-top:0}.promo--c strong::before{display:none}.promo--c strong .ph,.promo--c strong .ph:last-child{display:inline-block;margin-right:.3em}}
@media(max-width:560px){.promo--c strong .ph,.promo--c strong .ph:last-child{display:block;margin:0}}
.promo--c strong{font-size:23px}.promo--c .promo__pic{padding-top:22px}.promo--c .promo__pic img{width:100%;max-width:230px}
/* di động: ☰ logo ... giỏ, điện thoại (hai nút tròn cùng cỡ) */
@media(max-width:1024px){
  .hd__cart{order:3;width:44px;height:44px;padding:0;justify-content:center;position:relative;border-color:var(--brand-dk);box-shadow:0 2px 8px rgba(0,0,0,.08)}
  .hd__cart span{display:none}
  .hd__cart svg{width:22px;height:22px}
  .hd__cart i[data-cart-n]{position:absolute;top:-5px;right:-5px;border:2px solid #fff;min-width:20px;height:20px;line-height:16px;box-sizing:border-box}
  .hd__tel{order:4}
}
@media(max-width:1024px){.hd__in .logo{flex:1 1 0;min-width:0}.hd__in .logo img{max-width:100%;object-fit:contain;object-position:left}.hd__tel{flex:none}.hd__tel i{flex:none}}
@media(max-width:1024px){.hd__tel{order:3}.hd__cart{order:3}form.search{order:5}}
/* banner dãy sản phẩm v6: máy to đặt giữa, 3 ý cam kết lấp khoảng trống, đồng đều giữa các banner */
.promo--c .promo__pic{flex:1 1 auto;min-height:230px;padding:10px 0;align-items:center}
.promo--c .promo__pic img{width:100%;max-width:none;max-height:300px;object-fit:contain}
.promo__u{display:grid;gap:7px;margin:4px 2px 14px}
.promo__u i{position:relative;padding-left:22px;font:500 13px/1.35 var(--body);font-style:normal;color:#E4F7EC}
.promo__u i::before{content:"";position:absolute;left:0;top:2px;width:14px;height:14px;border-radius:50%;background:#FFD84A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.5 7.3l2.2 2.1 4.8-4.8' fill='none' stroke='%230B5C2A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
@media(max-width:1024px){.promo__u{display:none}}

/* === Góp ý 12/10 === */
/* Tông màu: bớt cam nâu "nhờ nhờ" - giá/hotline đỏ tươi, tiêu đề tin và trạng thái hover theo xanh thương hiệu */
:root{--orange-dk:#D0021B}
.news__f strong{color:var(--brand-dk)}
.nav ul.nav__mega li a:hover,.bn__cats li a:hover,.has-kids:hover>a,.cat-sub li a:hover,.lay__s .cats li a:hover,.lay__s .cats .cats__kids li a:hover{background:var(--brand-dk)!important;color:#fff!important}
a:hover,.nav .menu a:hover,.nav .menu .current-menu-item a:hover,.hd__top a:hover,.crumb a:hover,.card a:hover,.card__t:hover,.ft a:hover,.pd a:hover,.prose a:hover{color:var(--brand-dk)}
.ft__hot a:not(.btn){color:var(--orange-dk)}
/* Menu ngang chữ to hơn */
.nav .menu a{font-size:15.5px;padding:0 18px}
/* Hero: khung ảnh cao theo đúng cột danh mục, không để danh mục thò xuống dưới */
.bn__g{height:auto;min-height:470px;align-items:stretch}
.bn__img{min-height:470px}
/* Nhãn Khuyến mại sang góc phải ảnh (tránh che logo hãng), nhấp nháy */
.tags{left:auto;right:6px;align-items:flex-end}
.tag--sale{animation:tagblink 1.2s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.tag--sale{animation:none}}
/* Hàng có banner: nút Thêm vào giỏ nằm ngay dưới giá, không bị đẩy xuống đáy */
.box__b .card__q{margin-top:6px}
.box__b .grid{align-items:start}
/* Khối Kiến thức: mô tả ngắn ở tin bên phải */
.news__x{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:6px;font:400 13px/1.5 var(--body);color:var(--text);font-style:normal}
.news__l time{display:block}
/* Dải hỗ trợ cuối trang: icon + khung, ô để lại số điện thoại */
.ft__s{gap:20px}
.ft__s .ft__hot{align-items:center;gap:22px;padding:22px 24px;border:1px solid var(--line);border-radius:10px;background:#fff}
.ft__ico{flex:none;display:grid;place-items:center;width:64px;height:64px;padding-right:22px;border-right:1px solid var(--line);color:var(--brand-dk);box-sizing:content-box}
.ft__hot--cb>div{flex:1;min-width:0}
.cb--ft{margin:10px 0 0;padding:0;background:none;border:0;gap:8px}
.cb--ft .cb__t{display:none}
.cb--ft input[name=phone]{height:42px;border:1px solid var(--line);box-shadow:none}
.cb--ft .btn--hot{min-height:42px;padding:0 20px}
@media(max-width:760px){.ft__ico{width:44px;height:44px;padding-right:14px}.ft__ico svg{width:34px;height:34px}.ft__s .ft__hot{padding:16px;gap:14px}}
/* Nút gọi và Zalo nổi bật ở trang sản phẩm */
.pd__hot{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.hotbtn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:6px 22px 6px 6px;border-radius:999px;font:800 16px/1.1 var(--display);color:#fff;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.14);transition:transform .15s,filter .15s}
.hotbtn:hover{color:#fff!important;transform:translateY(-1px);filter:brightness(1.06)}
.hotbtn i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;font:800 11px var(--display);font-style:normal;flex:none}
.hotbtn--call{background:linear-gradient(180deg,#F0322F,#C8102E)}.hotbtn--call i{color:#C8102E;animation:cfring 1.6s ease-in-out infinite}
.hotbtn--call b{font-size:19px;letter-spacing:.01em}
.hotbtn--zalo{background:linear-gradient(180deg,#FF8A1F,#F26B00);text-transform:uppercase;font-size:14.5px}.hotbtn--zalo i{color:#0068FF}
@media (prefers-reduced-motion:reduce){.hotbtn--call i{animation:none}}
@media(max-width:560px){.hotbtn{width:100%;justify-content:flex-start}}
/* Bảng thông số dựng lại trong mô tả danh mục */
.prose table.spec th{background:var(--green-050);font-weight:700;color:var(--ink)}
.prose table.spec tr:nth-child(even) td{background:#FAFBFA}
/* === 16/10: ảnh đại diện cùng tỉ lệ 16:10 trên mọi web ICD (khách chốt 15/10) === */
.card__img,.tile__i{aspect-ratio:16/10}
.news__f img{aspect-ratio:16/10;object-position:center}
.news__l img{width:120px;height:75px;object-position:center}
.pc img,.posts--1 .pc img,.pc__ph{width:240px;height:150px;object-position:center}
.side-posts img{width:72px;height:45px}
@media(max-width:760px){.pc img,.posts--1 .pc img,.pc__ph{width:100%;height:auto;aspect-ratio:16/10}}