/* TTP Group — màu lấy từ logo: navy #2D3590, cam #F5821F */
:root{--navy:#2D3590;--navy-d:#1E2470;--navy-dd:#151a55;--orange:#F5821F;--orange-d:#D96A0B;--ink:#1d2433;--muted:#5c6476;--line:#e2e6ef;--soft:#f3f5fa}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:"Be Vietnam Pro",Arial,sans-serif;color:var(--ink);background:#fff;font-size:15.5px;line-height:1.6}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{max-width:1240px;margin:0 auto;padding:0 16px}
.btn{display:inline-block;background:var(--orange);color:#fff;font-weight:700;padding:12px 24px;border-radius:4px;font-size:14.5px;border:0;cursor:pointer;transition:.2s}
.btn:hover{background:var(--orange-d)}.btn.ghost{background:transparent;border:2px solid currentColor;padding:10px 22px}.btn.ghost:hover{background:rgba(255,255,255,.12)}
.btn.sm{padding:8px 14px;font-size:13px}
.tag{display:inline-block;background:var(--orange);color:#fff;font-weight:800;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;border-radius:2px}
/* top + header */
.top{background:var(--navy-dd);color:#c9cef3;font-size:12.5px}
.top .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:7px;padding-bottom:7px}
.top .tr{display:flex;gap:18px}.top a:hover{color:#fff}.lang b{color:#fff}
header.brand{background:#fff;border-bottom:4px solid var(--orange)}
header.brand .wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;padding-top:14px;padding-bottom:14px}
.blogo{display:flex;align-items:center;gap:16px}.blogo img{height:112px;width:auto}
.bname b{display:block;font-size:31px;line-height:1.05;font-weight:800;color:var(--navy);letter-spacing:.5px}
.bname small{display:block;font-size:13px;color:var(--orange-d);font-weight:700;letter-spacing:1.2px;margin-top:5px}
.bname em{display:block;font-style:normal;font-size:12.5px;color:var(--muted);margin-top:3px}
.slogan{text-align:center;color:var(--navy)}
.slogan p{font-weight:800;font-size:18px;line-height:1.35;text-transform:uppercase}
.slogan p b{color:var(--orange-d)}.slogan .ex{font-size:14px;color:#fff;background:var(--navy);display:inline-block;padding:3px 12px;border-radius:3px;margin:6px 0}
.slogan .sm{font-size:13.5px;font-weight:700;color:var(--muted);text-transform:none}
.hot{text-align:right}.hot small{display:block;color:var(--muted);font-size:12px}
.hot a{display:block;font-size:21px;font-weight:800;color:var(--orange-d);line-height:1.25;margin-bottom:2px}.hot a.vn{font-size:17px;color:var(--navy)}
/* nav */
.mainnav{background:var(--navy);position:sticky;top:0;z-index:40;box-shadow:0 3px 12px rgba(0,0,0,.18)}
.mainnav .wrap{display:flex;align-items:stretch}
.links{display:flex;flex:1}
.nl{display:block;color:#fff;font-weight:700;font-size:14px;padding:15px 20px;text-transform:uppercase;letter-spacing:.3px;border-right:1px solid rgba(255,255,255,.1)}
.nl:hover,.nl.on,.dd:hover>.nl{background:var(--orange)}
.dd{position:relative}.ddm{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:300px;box-shadow:0 14px 30px rgba(0,0,0,.2);border-top:3px solid var(--orange)}
.ddm a{display:block;padding:11px 18px;border-bottom:1px solid var(--line);font-weight:600;color:var(--navy)}.ddm a:hover{background:var(--soft);color:var(--orange-d)}
.dd:hover .ddm{display:block}
.mainnav .cta{margin-left:auto;align-self:center;background:var(--orange);color:#fff;font-weight:800;padding:9px 18px;border-radius:3px;font-size:13.5px;text-transform:uppercase}
.burger{display:none;background:none;border:0;color:#fff;font-size:24px;padding:10px 6px;cursor:pointer}
/* hero */
.hero{position:relative;height:500px;overflow:hidden;background:var(--navy-d)}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .9s;pointer-events:none}
.slide.on{opacity:1;pointer-events:auto}
.slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,26,85,.95) 0%,rgba(21,26,85,.82) 42%,rgba(21,26,85,.12) 78%)}
.sl-in{position:relative;padding-top:74px;color:#fff}
.sl-in h1{font-size:46px;line-height:1.12;margin:16px 0 12px;max-width:640px;font-weight:800}
.sl-in p{max-width:560px;color:#dde1ff;font-size:16.5px}
.sl-brand{height:60px;width:auto;background:#fff;border-radius:6px;padding:8px 14px;margin-top:18px}
.sl-btn{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.sl-btn .ghost{color:#fff}
.dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.dots i{width:34px;height:5px;background:rgba(255,255,255,.4);cursor:pointer}.dots i.on{background:var(--orange)}
/* stats */
.stats{background:var(--soft);border-bottom:1px solid var(--line)}
.stats .wrap{display:grid;grid-template-columns:repeat(6,1fr)}
.stats div{padding:20px 12px;text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border-right:0}
.stats b{display:block;font-size:25px;color:var(--orange-d);font-weight:800;line-height:1.1}
.stats span{font-size:12.5px;color:var(--navy);font-weight:700}
/* sections */
.sec{padding:52px 0}.sec.soft{background:var(--soft)}
.shead{text-align:center;max-width:760px;margin:0 auto 30px}
.shead h2{font-size:30px;color:var(--navy);font-weight:800;line-height:1.2}
.shead h2::after{content:"";display:block;width:64px;height:4px;background:var(--orange);margin:12px auto 0}
.shead p{color:var(--muted);margin-top:12px}
.more{text-align:center;margin-top:26px}
.lgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.lcard{border:1px solid var(--line);background:#fff;transition:.2s;display:flex;flex-direction:column}
.lcard:hover{border-color:var(--orange);box-shadow:0 12px 26px rgba(45,53,144,.14);transform:translateY(-3px)}
.lim{aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.lim img{width:100%;height:100%;object-fit:cover}
.lcard b{color:var(--navy);font-size:16px;padding:12px 14px 2px;line-height:1.3}.lcard span{color:var(--orange-d);font-size:13px;font-weight:700;padding:0 14px 14px}
/* độc quyền */
.excl{background:linear-gradient(120deg,var(--navy-dd),var(--navy));color:#fff;padding:52px 0}
.excl .wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:34px;align-items:center}
.ex-h h2{font-size:30px;margin:14px 0 10px;line-height:1.2}.ex-h p{color:#d3d7fa}
.ex-g{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ex-c{background:#fff;color:var(--ink);border-radius:6px;padding:18px;display:flex;flex-direction:column;align-items:center;text-align:center;border-bottom:5px solid var(--orange);transition:.2s}
.ex-c:hover{transform:translateY(-4px)}
.ex-l{height:46px;width:auto;object-fit:contain}.ex-p{height:170px;width:auto;object-fit:contain;margin:12px 0}
.ex-c b{color:var(--navy);font-size:17px}.ex-c span{font-size:13px;color:var(--muted)}
/* dự án */
.pjgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pjgrid.two{grid-template-columns:repeat(2,1fr)}
.pj{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;transition:.2s}
.pj:hover{box-shadow:0 12px 26px rgba(45,53,144,.14);border-color:var(--orange)}
.pim{aspect-ratio:4/3;overflow:hidden;background:#111}.pim img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.pj:hover .pim img{transform:scale(1.05)}
.pt{padding:14px 16px;display:flex;flex-direction:column;gap:4px}.pt b{color:var(--navy);font-size:16px;line-height:1.3}.pt span{font-size:13.5px;color:var(--muted)}
.pt i{font-style:normal;font-weight:700;color:var(--orange-d);font-size:13px}
/* band giới thiệu */
.band{background:var(--navy);color:#fff;padding:54px 0}
.band .ab{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center}
.band h2{font-size:30px;line-height:1.2;margin:14px 0}.band p{color:#d3d7fa;margin-bottom:22px}.band img{border-radius:6px;box-shadow:0 18px 40px rgba(0,0,0,.35)}
/* catalogue */
.docs{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.docs.one{grid-template-columns:240px}
.doc{display:flex;flex-direction:column;gap:6px}.doc img{border:1px solid var(--line);box-shadow:0 8px 18px rgba(0,0,0,.1);transition:.2s;aspect-ratio:1/1.414;object-fit:cover;width:100%}
.doc:hover img,.doc a:hover img{transform:translateY(-4px)}.doc b{color:var(--navy);font-size:14px;line-height:1.3}.doc span{font-size:12.5px;color:var(--muted)}
.doc.big{background:#fff;padding:12px;border:1px solid var(--line)}.dbtn{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.dbtn .ghost{color:var(--navy)}
/* đối tác */
.pnrow{display:flex;justify-content:center;align-items:stretch;gap:16px;flex-wrap:wrap}
.pn{width:150px;min-height:108px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 10px;gap:8px}
.pn img{max-height:42px;max-width:118px;object-fit:contain}.pn span{font-size:11px;color:var(--muted);text-align:center;line-height:1.3}
.pn.ex{border:2px solid var(--orange);width:180px}.pn.ex span{color:var(--orange-d);font-weight:800}
.pn.ttp{width:200px;border:0;background:transparent}.pn.ttp img{max-height:150px;max-width:190px}
/* trang con */
.phead{position:relative;background-size:cover;background-position:center;color:#fff;padding:64px 0 56px}
.phead::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,26,85,.95),rgba(21,26,85,.7))}
.phead .wrap{position:relative}.crumb{font-size:13px;color:#b9c0f5}.crumb a:hover{color:#fff}
.phead h1{font-size:40px;line-height:1.15;margin:10px 0 12px;font-weight:800}.phead p{max-width:820px;color:#e0e3ff;font-size:16px}.phead strong{color:#ffb36b}
.body{display:grid;grid-template-columns:260px 1fr;gap:28px;padding-top:30px;padding-bottom:50px}
aside .box{border:1px solid var(--line);margin-bottom:18px}
aside h3{background:var(--navy);color:#fff;font-size:14.5px;text-transform:uppercase;padding:12px 16px}
aside li{list-style:none}aside li a{display:block;padding:11px 16px;border-bottom:1px solid var(--line);font-weight:700;font-size:14px;color:var(--navy)}
aside li a:hover,aside li a.on{background:var(--soft);color:var(--orange-d);border-left:4px solid var(--orange)}
.ask p{padding:12px 16px 0;font-size:14px}.ask p:last-child{padding-bottom:14px}.ask a{color:var(--orange-d);font-weight:800}
.ribbon{display:flex;align-items:center;gap:14px;border-bottom:3px solid var(--orange);margin:6px 0 18px;flex-wrap:wrap}
.ribbon h2{background:var(--orange);color:#fff;font-size:16px;padding:9px 36px 9px 16px;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 100%,0 100%);font-weight:700}
.ribbon span{font-size:13px;color:var(--muted)}
.dgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}
.dcard{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;transition:.2s}
.dcard:hover{border-color:var(--orange);box-shadow:0 12px 26px rgba(45,53,144,.13);transform:translateY(-3px)}
.dth{aspect-ratio:1/1.1;overflow:hidden;background:var(--soft)}.dth img{width:100%;height:100%;object-fit:cover;object-position:top}
.dcard b{color:var(--navy);font-size:14.5px;line-height:1.3;padding:10px 12px 2px}.dcard span{font-size:12.5px;color:var(--muted);padding:0 12px}
.dcard i{font-style:normal;color:var(--orange-d);font-weight:700;font-size:12.5px;padding:8px 12px 12px;margin-top:auto}
/* bài viết */
.article{max-width:900px;padding-top:34px;padding-bottom:54px}
.article h2{color:var(--navy);font-size:24px;margin:30px 0 12px;padding-left:12px;border-left:5px solid var(--orange)}
.article p{margin-bottom:12px;color:#333b4d}.article .sign{font-weight:700;color:var(--navy)}
.tl{border-left:3px solid var(--line);margin-left:6px}.tl div{position:relative;padding:0 0 14px 22px}
.tl div::before{content:"";position:absolute;left:-8px;top:6px;width:13px;height:13px;border-radius:50%;background:var(--orange)}
.tl b{color:var(--orange-d)}.tl p{margin:2px 0 0}
.chk{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px 22px;margin-bottom:12px}
.chk li{padding-left:24px;position:relative}.chk li::before{content:"✓";position:absolute;left:0;color:var(--orange-d);font-weight:800}
/* liên hệ */
.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:28px}
.cbox{border:1px solid var(--line);border-left:4px solid var(--orange);padding:16px 18px;margin-bottom:14px}
.cbox h3{color:var(--navy);font-size:16px;margin-bottom:6px}.cbox a{color:var(--orange-d);font-weight:700}
.cform{border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:12px;background:var(--soft)}
.cform h3{color:var(--navy)}.cform label{display:flex;flex-direction:column;font-weight:600;font-size:13.5px;gap:4px;color:var(--navy)}
.cform input,.cform select,.cform textarea{font:inherit;padding:10px 12px;border:1px solid #cdd3e2;border-radius:3px;background:#fff}
.cform small{color:var(--muted)}
.map iframe{width:100%;height:380px;border:0;display:block}
/* footer */
footer{background:var(--navy-dd);color:#c4c9ee;font-size:13.5px}
footer .wrap{display:grid;grid-template-columns:1fr 1.5fr 1.1fr 1fr;gap:30px;padding-top:44px;padding-bottom:30px}
footer h5{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;border-left:3px solid var(--orange);padding-left:8px}
footer li{list-style:none;margin-bottom:8px}footer a:hover{color:#fff}footer b{color:#fff}
.flogo img{width:150px;margin-bottom:12px}
.copy{border-top:1px solid rgba(255,255,255,.12);text-align:center;padding:14px 16px;font-size:12px;color:#959cd6}
.float{position:fixed;right:16px;bottom:16px;z-index:60}
.float .call{display:block;background:var(--orange);color:#fff;font-weight:800;border-radius:30px;padding:12px 18px;box-shadow:0 8px 20px rgba(0,0,0,.28)}
/* lightbox */
.lb{position:fixed;inset:0;background:rgba(8,10,35,.94);z-index:100;display:flex;align-items:center;justify-content:center}
.lb[hidden]{display:none}
.lb img{max-height:calc(100vh - 80px);max-width:calc(100vw - 120px);margin-top:40px;box-shadow:0 0 40px rgba(0,0,0,.5);background:#fff}
.lb-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:14px;padding:10px 16px;color:#fff;background:rgba(0,0,0,.35)}
.lb-bar #lb-t{font-weight:700}.lb-n{color:#b9c0f5;font-size:13px}.lb-dl{margin-left:auto;background:var(--orange);padding:6px 12px;border-radius:3px;font-weight:700;font-size:13px}
.lb-bar button{background:none;border:0;color:#fff;font-size:22px;cursor:pointer}
.lb-p,.lb-nx{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.12);border:0;color:#fff;font-size:42px;width:52px;height:80px;cursor:pointer}
.lb-p{left:10px}.lb-nx{right:10px}.lb-p:hover,.lb-nx:hover{background:var(--orange)}
/* responsive */
@media(max-width:1100px){.lgrid{grid-template-columns:repeat(3,1fr)}.docs{grid-template-columns:repeat(3,1fr)}.stats .wrap{grid-template-columns:repeat(3,1fr)}.stats div:nth-child(3){border-right:0}.dgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:960px){header.brand .wrap{grid-template-columns:1fr;text-align:center;gap:8px}.blogo{justify-content:center}.hot{text-align:center}.slogan .sm{display:none}
 .burger{display:block}.links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--navy);flex-direction:column;box-shadow:0 10px 20px rgba(0,0,0,.25)}
 .navopen .links{display:flex}.nl{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.ddm{position:static;display:block;min-width:0;box-shadow:none;border:0;background:var(--navy-d)}.ddm a{color:#dfe2ff;border-color:rgba(255,255,255,.08);padding-left:34px}
 .body{grid-template-columns:1fr}aside{order:2}.excl .wrap,.band .ab,.contact{grid-template-columns:1fr}.pjgrid{grid-template-columns:repeat(2,1fr)}footer .wrap{grid-template-columns:1fr 1fr}}
@media(max-width:640px){body{font-size:15px}.blogo img{height:80px}.bname b{font-size:24px}.slogan p{font-size:15px}.top .wrap>span:first-child{display:none}
 .hero{height:470px}.sl-in{padding-top:40px}.sl-in h1{font-size:30px}.phead h1{font-size:28px}.shead h2,.ex-h h2,.band h2{font-size:24px}
 .lgrid,.dgrid,.docs{grid-template-columns:repeat(2,1fr);gap:10px}.pjgrid,.pjgrid.two,.ex-g,.chk{grid-template-columns:1fr}.stats .wrap{grid-template-columns:repeat(2,1fr)}.stats div{border-right:0;border-bottom:1px solid var(--line)}
 footer .wrap{grid-template-columns:1fr}.float .call span{display:none}.lb img{max-width:100vw}.lb-p,.lb-nx{width:40px;height:60px;font-size:30px}.mainnav .cta{display:none}}
.slide.plain{background:radial-gradient(circle at 75% 50%,#3a43a8 0%,var(--navy-d) 55%,var(--navy-dd) 100%)}
.slide.plain::before{display:none}
.sl-fg{position:absolute;right:16px;top:50%;transform:translateY(-42%);width:min(46%,520px);border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,.4);background:#fff}
@media(max-width:960px){.sl-fg{display:none}}
.article .hook{margin:6px 0 16px;padding:14px 20px;background:var(--soft);border-left:5px solid var(--orange);font-size:17px;line-height:1.6;color:var(--navy-dd)}
.article .hook b{color:var(--orange-d)}
.article .hook em{display:block;margin-top:10px;font-style:normal;font-weight:700;color:var(--navy)}
/* ===== danh mục & trang chi tiết sản phẩm (10/10/2026 – kiểu Vina Electric / MBT) ===== */
aside .tree .sub{background:#fafbfe;border-bottom:1px solid var(--line)}
aside .tree .sub li a{font-weight:600;font-size:13.5px;color:var(--ink);padding:8px 14px 8px 26px;border-bottom:1px dashed var(--line);display:flex;justify-content:space-between;gap:8px}
aside .tree .sub li a em{font-style:normal;color:var(--muted);font-size:12px;font-weight:500}
aside .tree .sub li a.cur,aside .tree .sub li a:hover{color:var(--orange-d);background:#fff;border-left:0}
.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:22px}
.chips b{color:var(--navy);margin-right:6px;font-size:14px}
.chips a{border:1px solid var(--line);border-radius:30px;padding:5px 13px;font-size:13px;font-weight:600;color:var(--navy);background:#fff}
.chips a:hover{border-color:var(--orange);color:var(--orange-d)}
.spcat{scroll-margin-top:70px;margin-bottom:26px}
.cdesc{color:var(--muted);font-size:14.5px;margin:-8px 0 16px}
.spgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.spc{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;transition:.2s}
.spc:hover{border-color:var(--orange);box-shadow:0 12px 26px rgba(45,53,144,.13);transform:translateY(-3px)}
.spi{position:relative;display:block;aspect-ratio:1/1;border-bottom:1px solid var(--line)}
.spi img{width:100%;height:100%;object-fit:contain}
.exb{position:absolute;left:0;top:10px;background:var(--orange);color:#fff;font-style:normal;font-size:11px;font-weight:800;padding:3px 9px;letter-spacing:.3px}
.spc small{display:block;padding:10px 12px 0;color:var(--orange-d);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.4px}
.spc b{color:var(--navy);font-size:14.5px;line-height:1.35;padding:4px 12px 2px}
.spc .go{color:var(--orange-d);font-weight:700;font-size:12.5px;padding:8px 12px 12px;margin-top:auto}
.crumb2{font-size:13px;color:var(--muted);padding-top:16px}
.crumb2 a{color:var(--navy);font-weight:600}.crumb2 a:hover{color:var(--orange-d)}
.sptop{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}
.spg .spmain{display:block;border:1px solid var(--line);aspect-ratio:1/1;background:#fff}
.spg .spmain img{width:100%;height:100%;object-fit:contain}
.spth{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}
.spth img{aspect-ratio:1/1;object-fit:contain;border:1px solid var(--line);cursor:pointer;background:#fff}
.spth img.on,.spth img:hover{border-color:var(--orange)}
.spinfo h1{color:var(--navy);font-size:28px;line-height:1.25;font-weight:800;margin:6px 0 12px}
.spmeta{font-size:13px;color:var(--muted)}.spmeta a{color:var(--orange-d);font-weight:700}.spmeta b{color:var(--navy)}
.exl{display:inline-block;background:var(--navy);color:#fff;font-weight:700;font-size:13px;padding:5px 12px;margin-bottom:12px}
.spd{font-size:15.5px;margin-bottom:12px}
.spinfo .chk{margin:0 0 16px}
.spbtn{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 10px}.spbtn .ghost{color:var(--navy)}
.spdl a{font-size:13.5px;color:var(--navy);font-weight:600;text-decoration:underline}
.spt{width:100%;border-collapse:collapse;margin-bottom:22px;font-size:14px}
.spt th,.spt td{border:1px solid var(--line);padding:8px 12px;text-align:left;vertical-align:top}
.spt th{background:var(--soft);color:var(--navy);width:40%;font-weight:700}
.spt.grid th{width:auto;background:var(--navy);color:#fff;white-space:nowrap}
.spt.grid tbody tr:nth-child(even) td{background:#fafbfe}
.tbw{overflow-x:auto;margin-bottom:22px}.tbw .spt{margin-bottom:0}
@media(max-width:1100px){.spgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.sptop{grid-template-columns:1fr}.spinfo h1{font-size:23px}}
@media(max-width:640px){.spgrid{grid-template-columns:repeat(2,1fr);gap:10px}.spc b{font-size:13.5px}.spt{font-size:13px}}
.spinfo .chk{grid-template-columns:1fr}

/* ខ្មែរ */
body.lang-km{font-family:"Kantumruy Pro","Be Vietnam Pro",Arial,sans-serif;line-height:1.7}
body.lang-km button,body.lang-km input,body.lang-km select,body.lang-km textarea{font-family:inherit}
.top .lang a{color:inherit;opacity:.8}.top .lang a:hover{opacity:1;text-decoration:underline}

/* công ty thành viên */
.mems{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:8px 0 28px}
.mem{display:flex;gap:14px;border:1px solid #e3e6ef;border-radius:10px;padding:14px;background:#fff}
.mem .mlogo{flex:0 0 84px;height:84px;display:flex;align-items:center;justify-content:center;background:#f6f7fb;border-radius:8px;overflow:hidden}
.mem .mlogo img{max-width:76px;max-height:76px;object-fit:contain}
.mem .mini{font-weight:800;font-size:24px;color:var(--navy)}
.mem b{display:block;color:var(--navy);line-height:1.3}.mem small{color:#7a8193}
.mem p{margin:6px 0;font-size:14px}
.mem dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:0;font-size:14px}.mem dt{color:#7a8193}.mem dd{margin:0;font-weight:600}
.mem i{color:#b0b5c3;font-weight:400}