/* ═══════════════════════════════════════════════════════════════════
   KHUNG CHUNG CHO MỌI TRANG: header có menu, chân trang đầy đủ.
   Nạp sau style.css (và sau polish.css ở trang chủ) để mọi trang cùng một
   bảng màu, cùng logo, cùng menu, cùng chân trang.
   ═══════════════════════════════════════════════════════════════════ */
:root{--ink:#17212e;--blue:#164f87;--red:#cb2530;--muted:#586574;--ice:#f5f7f9;--content:1160px;
  --tap:44px;--r-pill:999px;--r-card:16px;--r-chip:10px}
body{background:#fff;line-height:1.6;overflow-x:clip}
img{height:auto}
:focus-visible{outline:3px solid #1768aa;outline-offset:4px}

.skip{position:absolute;left:-999px;top:8px;z-index:200;background:#fff;color:var(--ink);padding:10px 16px;border-radius:var(--r-chip);font-weight:600}
.skip:focus{left:16px}

/* ── Header ── */
body>header.site-header{position:relative;z-index:40;max-width:var(--content);margin:auto;height:72px;padding:0 28px;
  display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header .brand{display:inline-flex;align-items:center;gap:10px;min-height:var(--tap);padding:0;font-size:20px;font-weight:600;
  letter-spacing:-.02em;color:var(--ink);white-space:nowrap;flex:0 0 auto}
.site-header .brand img{width:auto;height:34px;display:block}
.site-header .brand span{font-weight:600}
.site-nav{display:flex;align-items:center;gap:22px;font-size:15px;margin-left:auto}
.site-nav a{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--ink);font-weight:500;white-space:nowrap}
.site-nav a:hover{color:var(--blue)}
.site-nav a[aria-current="page"]{color:var(--blue);box-shadow:inset 0 -2px 0 var(--blue)}
.site-header .phone{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);padding:0 18px;border-radius:var(--r-pill);
  background:var(--ink);color:#fff;font-size:15px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.site-header .phone svg{width:17px;height:17px;flex:none}
.menu-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-width:var(--tap);min-height:var(--tap);padding:0 12px;
  border:1px solid #d3dde8;border-radius:var(--r-chip);background:#fff;color:var(--ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.menu-toggle svg{width:20px;height:20px}
.menu-toggle .close-i{display:none}
.site-header.nav-open .menu-toggle .open-i{display:none}
.site-header.nav-open .menu-toggle .close-i{display:block}

@media(max-width:1180px){
  .menu-toggle{display:inline-flex}
  .site-nav{display:none;position:absolute;top:calc(100% - 4px);left:16px;right:16px;margin:0;flex-direction:column;align-items:stretch;gap:0;
    padding:8px;background:#fff;border:1px solid #dfe7ef;border-radius:var(--r-card);box-shadow:0 22px 50px rgba(15,35,60,.16)}
  .site-header.nav-open .site-nav{display:flex}
  .site-nav a{min-height:50px;padding:0 14px;border-radius:var(--r-chip);font-size:16px}
  .site-nav a+a{border-top:1px solid #eef2f6}
  .site-nav a[aria-current="page"]{box-shadow:none;background:#eef5fc}
  .site-header .phone{margin-left:auto}
}
@media(max-width:820px){
  body>header.site-header{height:66px;padding:0 16px;gap:10px}
  .site-header .brand img{height:29px}
  .site-header .brand{font-size:18px;gap:8px}
  .site-header .phone{padding:0 14px}
}
/* Màn hẹp: nút gọi còn biểu tượng, số vẫn đọc được qua aria-label. */
@media(max-width:480px){
  .site-header .phone{width:var(--tap);padding:0;justify-content:center}
  .site-header .phone span{display:none}
  .menu-toggle .lbl{display:none}
}

/* ── Chân trang ── */
.site-footer{position:relative;z-index:1;max-width:none;margin:0;background:linear-gradient(180deg,rgba(255,255,255,.86) 0,#fff 42%);
  border-top:1px solid #e1eaf1;padding:52px max(28px,calc((100vw - var(--content))/2)) 0;
  display:grid;grid-template-columns:1.35fr 1.2fr 1fr 1fr;gap:48px;align-items:start;font-size:16px;line-height:1.7}
.site-footer p{margin:12px 0 0;color:var(--muted);font-size:16px}
.site-footer address{font-style:normal;color:var(--muted);font-size:16px}
.footer-label,.site-footer address strong,.footer-contact strong,.footer-links strong{display:block;margin-bottom:12px;
  font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.site-footer .brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:600;color:var(--ink);margin-bottom:4px}
.site-footer .brand img{width:auto;height:36px}
.footer-identity strong:not(.footer-label){color:var(--ink);font-weight:700}
.footer-contact,.footer-links{display:flex;flex-direction:column;align-items:flex-start}
.footer-contact a{display:inline-flex;align-items:center;min-height:var(--tap);color:#165a9c;font-weight:700;font-size:16px;overflow-wrap:anywhere}
.footer-contact a:first-of-type{font-size:19px;letter-spacing:-.01em}
.footer-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:16px}
.footer-links a:hover{color:var(--blue)}
.footer-bottom{grid-column:1/-1;margin-top:40px;padding:18px 0 24px;border-top:1px solid #e8eef4;
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 28px;color:var(--muted);font-size:16px}
.footer-bottom p{margin:0;font-size:16px}
@media(max-width:1000px){.site-footer{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:820px){
  .site-footer{grid-template-columns:1fr;gap:26px;padding:34px 20px 0}
  .footer-bottom{margin-top:28px;padding:16px 0 96px;display:block}
  .footer-bottom p+p{margin-top:6px}
}
@media print{.menu-toggle,.site-nav{display:none}}

/* ── Ô trụ sở + sơ đồ trang (cột đầu chân trang) ──
   .anchor-alias chỉ là điểm neo, không được chiếm ô lưới (trước đây làm trống cột đầu trên các trang con). */
.site-footer .anchor-alias{position:absolute;width:0;height:0;pointer-events:none}
.site-footer{grid-template-columns:minmax(240px,1.05fr) 1.3fr 1fr 1fr}
.footer-hq-wrap{grid-row:span 2;align-self:stretch}
@media(min-width:1001px){.footer-hq{height:100%;min-height:380px;max-height:none!important;aspect-ratio:auto!important}}
.footer-hq{position:relative;display:block;width:100%;aspect-ratio:4/5;max-height:440px;padding:0;border:0;border-radius:20px;overflow:hidden;cursor:pointer;background:#0a3a6b;color:#fff;text-align:left;font:inherit;
  box-shadow:0 18px 40px rgba(6,61,121,.16);isolation:isolate}
.footer-hq-media,.footer-hq-media img{position:absolute;inset:0;width:100%;height:100%}
.footer-hq-media img{object-fit:cover;object-position:52% 40%;transform-origin:50% 45%;animation:hq-drift 18s ease-in-out infinite alternate}
.footer-hq::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,44,87,0) 38%,rgba(5,44,87,.78) 100%);transition:background .5s}
.footer-hq:hover::after,.footer-hq:focus-visible::after{background:linear-gradient(180deg,rgba(5,44,87,.25) 0%,rgba(5,44,87,.5) 45%,rgba(5,44,87,.88) 100%)}
.footer-hq:hover .footer-hq-media img,.footer-hq:focus-visible .footer-hq-media img{animation-duration:7s}
.footer-hq-shine{position:absolute;inset:-20% auto -20% -60%;z-index:2;width:45%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);pointer-events:none;opacity:0}
.footer-hq:hover .footer-hq-shine,.footer-hq:focus-visible .footer-hq-shine{animation:hq-shine 1.4s ease .1s 1 both}
.footer-hq-logo{position:absolute;z-index:3;left:50%;top:38%;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:16px;background:#fff;box-shadow:0 14px 32px rgba(5,44,87,.35);
  color:var(--ink);font-size:18px;font-weight:600;white-space:nowrap;opacity:0;transform:translate(-50%,-30%) scale(.86);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.footer-hq-logo img{width:auto;height:34px}
.footer-hq:hover .footer-hq-logo,.footer-hq:focus-visible .footer-hq-logo{opacity:1;transform:translate(-50%,-50%) scale(1)}
.footer-hq-cap{position:absolute;z-index:3;left:18px;right:18px;bottom:16px;display:grid;gap:2px}
.footer-hq-cap b{font-size:17px;font-weight:700;line-height:1.35;color:#fff}
.footer-hq-cap span{font-size:14px;color:rgba(230,243,255,.92)}
.footer-hq-cap i{font-style:normal;display:inline-block;transition:transform .3s}
.footer-hq:hover .footer-hq-cap i{transform:translateX(4px)}
.footer-hq:focus-visible{outline:3px solid rgba(22,90,156,.55);outline-offset:3px}
@keyframes hq-drift{0%{transform:scale(1.06) translate3d(0,0,0)}100%{transform:scale(1.16) translate3d(-2.5%,-3%,0)}}
@keyframes hq-shine{0%{left:-60%;opacity:0}20%{opacity:1}100%{left:120%;opacity:0}}
/* Máy cảm ứng không có rê chuột: logo luôn hiện */
@media (hover:none){.footer-hq-logo{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media (prefers-reduced-motion:reduce){.footer-hq-media img{animation:none;transform:scale(1.04)}.footer-hq-shine{display:none}.footer-hq-logo{transition:opacity .2s}}

.sitemap-pop{width:min(760px,calc(100vw - 32px));max-height:min(86vh,720px);overflow:auto;margin:auto;padding:26px 28px 22px;border:1px solid #d8e7f5;border-radius:22px;background:#fff;color:var(--ink);
  box-shadow:0 30px 80px rgba(5,44,87,.32)}
.sitemap-pop::backdrop{background:rgba(5,30,58,.55);backdrop-filter:blur(3px)}
.sitemap-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #e8eef4}
.sitemap-head b{display:block;font-size:26px;font-weight:800;letter-spacing:-.03em;color:#063d79}
.sitemap-head .footer-label{margin-bottom:4px}
.sitemap-close{flex:none;width:44px;height:44px;border:1px solid #d9e2e9;border-radius:50%;background:#fff;color:var(--ink);font-size:26px;line-height:1;cursor:pointer}
.sitemap-close:hover{border-color:#165a9c;color:#165a9c}
.sitemap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 24px;padding-top:18px}
.sitemap-grid strong{display:block;margin-bottom:6px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.sitemap-grid a{display:flex;align-items:center;min-height:44px;font-size:16px;color:var(--ink);border-bottom:1px solid #f0f4f8}
.sitemap-grid a:hover{color:#165a9c}
.sitemap-foot{margin:18px 0 0!important;padding-top:14px;border-top:1px solid #e8eef4;font-size:15px!important;color:var(--muted)}
.sitemap-foot a{color:#165a9c;font-weight:700}
@media(max-width:1000px){.site-footer{grid-template-columns:1fr 1fr}.footer-hq-wrap{grid-row:auto;grid-column:1/-1}.footer-hq{aspect-ratio:16/9;max-height:380px}.sitemap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.site-footer{grid-template-columns:1fr}.footer-hq{aspect-ratio:4/3}.sitemap-pop{padding:20px 18px 18px}.sitemap-grid{grid-template-columns:1fr 1fr;gap:14px 16px}}


/* style.css ép tiêu đề dải đối tác một dòng (nowrap); trên điện thoại chữ bị cắt mất nửa câu. */
.partners-heading h2,.partners-heading p{white-space:normal}
/* Số liệu phụ trong khối tin cậy xuống 12px, dưới sàn cỡ chữ. */
.proof-points dd span{font-size:14px}

/* ═══ Lề trên điện thoại: một lề duy nhất 20px cho header, nội dung, chân trang ═══
   Trước đây header 16px, trang chủ 22px, trang sản phẩm 20–24px: mép chữ lệch
   nhau khi cuộn. Mọi khối giờ bám chung --gutter. */
:root{--gutter:20px}
@media(max-width:820px){
  body>header.site-header{padding-left:var(--gutter);padding-right:var(--gutter)}
  .site-nav{left:var(--gutter);right:var(--gutter)}
  .fire-wrap{width:calc(100% - 2*var(--gutter))}
  body:not(.fire) main>section{padding-left:var(--gutter);padding-right:var(--gutter)}
  body:not(.fire) main>section .partners-heading{padding-left:0;padding-right:0}
  .site-footer{padding-left:var(--gutter);padding-right:var(--gutter)}
  .consult-stack{right:var(--gutter)}
}
/* Khung lưới 1 cột phải cho phép co dưới bề rộng nội dung, nếu không ô chọn
   có tên dài (bộ tính phí TNDS) đẩy cả khung tràn khỏi mép phải. */
@media(max-width:1000px){.pd-grid{grid-template-columns:minmax(0,1fr)}}
.pd-form select{max-width:100%;min-width:0;text-overflow:ellipsis}
/* Bảng rộng trong khung thẻ: cuộn ngang được thay vì bị cắt cột. */
.pd-scroll.pd-card{overflow-x:auto}
/* Bảng thông tin trong thẻ (mức trách nhiệm, thông tin đơn vị): trên màn hẹp cho
   nhãn và số xuống dòng, thu lề ô, để bảng nằm gọn trong khung thay vì bị cắt. */
@media(max-width:560px){
  .pd-card .pd-table tbody th{white-space:normal;width:auto}
  .pd-card .pd-table th,.pd-card .pd-table td{padding:12px 14px}
  .pd-card .pd-table td.num{white-space:normal}
  .pd-card .pd-table caption{padding-left:14px!important;padding-right:14px!important}
}

/* ═══ Icon bấm được: đổi màu + nhích theo hướng mũi tên khi rê chuột ═══
   Hướng suy ra từ loại link: ↗ link ngoài (target=_blank) nhích chéo lên,
   ↓ link trong trang (#...) nhích xuống, → link sang trang khác nhích phải.
   Bàn phím (focus-visible) nhận đúng hiệu ứng như chuột. */
:root{--ease-out:cubic-bezier(.16,1,.3,1)}
a i[aria-hidden],a span[aria-hidden]{display:inline-block;transition:color .2s ease,transform .35s var(--ease-out)}
a:hover i[aria-hidden],a:focus-visible i[aria-hidden],a:hover span[aria-hidden],a:focus-visible span[aria-hidden]{color:var(--red);transform:translateX(4px)}
a[target="_blank"]:hover i[aria-hidden],a[target="_blank"]:focus-visible i[aria-hidden],
a[target="_blank"]:hover span[aria-hidden],a[target="_blank"]:focus-visible span[aria-hidden]{transform:translate(3px,-3px)}
a[href^="#"]:hover i[aria-hidden],a[href^="#"]:focus-visible i[aria-hidden]{transform:translateY(3px)}
/* Cả hàng tài liệu/tin tức đổi màu tiêu đề cùng lúc với mũi tên */
.pd-docs a b,.fire-news a b,.fx-links a{transition:color .2s ease}
.pd-docs a:hover b,.fire-news a:hover b{color:var(--blue)}

/* Nút gọi trên header: nền chuyển xanh thương hiệu, ống nghe rung nhẹ như chuông reo */
.site-header .phone{transition:background-color .2s ease,transform .15s ease}
.site-header .phone:hover,.site-header .phone:focus-visible{background:var(--blue)}
.site-header .phone:hover svg,.site-header .phone:focus-visible svg{animation:phone-ring .6s ease-in-out}
.site-header .phone:active{transform:translateY(1px)}
@keyframes phone-ring{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(4deg)}}
.menu-toggle{transition:border-color .2s ease,color .2s ease,background-color .2s ease}
.menu-toggle:hover{border-color:var(--blue);color:var(--blue);background:#f3f7fb}

/* Cụm nút nổi: đảo màu khi rê, giữ nguyên hình dạng và vị trí */
.consult-zalo,.consult-phone,.consult-zalo-mark{transition:background .25s ease,color .25s ease,box-shadow .24s ease,transform .24s ease,filter .24s ease}
.consult-zalo:hover,.consult-zalo:focus-visible{background:#fff;color:#0866e8}
.consult-zalo:hover .consult-zalo-mark,.consult-zalo:focus-visible .consult-zalo-mark{background:#0866e8;color:#fff}
.consult-phone:hover,.consult-phone:focus-visible{background:var(--blue);color:#fff}
.consult-advisor{transition:box-shadow .24s ease,transform .24s ease,border-color .24s ease}
.consult-advisor:hover,.consult-advisor:focus-visible{border-color:var(--blue)}

@media(prefers-reduced-motion:reduce){
  a i[aria-hidden],a span[aria-hidden]{transition:color .2s ease}
  a:hover i[aria-hidden],a:focus-visible i[aria-hidden],a:hover span[aria-hidden],a:focus-visible span[aria-hidden]{transform:none!important}
  .site-header .phone:hover svg,.site-header .phone:focus-visible svg{animation:none}
}

/* ═══ Số chạy kiểu đồng hồ số: khối "Niềm tin cần bằng chứng rõ ràng" ═══
   counters.js tách từng chữ số thành một cột 0-9 x3; khi khối vào màn hình
   mỗi cột quay đến đúng chữ số, cột sau dừng muộn hơn cột trước một nhịp.
   Chiều cao cột = line-height của dd nên không xô bố cục. */
.odo{display:inline-flex;align-items:flex-end;color:var(--ink);transition:color .6s ease}
.is-counting .odo{color:var(--blue)}
.is-done .odo{color:var(--ink)}
.odo-col{display:inline-block;height:1.25em;vertical-align:bottom;width:var(--w,auto);
  /* chỉ cắt theo chiều dọc; chữ số rộng hơn cột vẫn thấy trọn khi lướt qua */
  clip-path:inset(0 -.35em)}
/* Lúc đang quay: mép trên/dưới mờ dần, chữ số lướt qua như bánh xe đồng hồ số */
.odo-ready .odo-col{-webkit-mask-image:linear-gradient(transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(transparent 0,#000 14%,#000 86%,transparent 100%)}
.is-done .odo-col{-webkit-mask-image:none;mask-image:none}
.odo-strip{display:flex;flex-direction:column;transform:translateY(0);will-change:transform;
  transition:transform calc(1.5s + var(--i)*.12s) var(--ease-out);transition-delay:calc(var(--k)*.18s + var(--i)*.06s)}
.odo-strip span{display:block;height:1.25em;line-height:1.25em;text-align:center}
.is-counting .odo-strip{transform:translateY(calc(-1.25em*(20 + var(--d))))}
.odo-unit{display:inline-block;opacity:0;transform:translateY(.35em);transition:opacity .45s ease,transform .45s var(--ease-out);
  transition-delay:calc(var(--k)*.18s + 1.35s)}
.is-counting .odo-unit{opacity:1;transform:none}
.odo-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.proof-points>div{position:relative}
.proof-points.odo-ready>div::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue);
  transform:scaleX(0);transform-origin:left;transition:transform calc(1.7s) var(--ease-out);transition-delay:calc(var(--k,0)*.18s)}
.proof-points.is-counting>div::after{transform:scaleX(1)}
/* Luật cũ ".proof-points dd span" (dành cho đơn vị %, tỷ đồng) không được thu nhỏ chữ số. */
.proof-points dd .odo,.proof-points dd .odo span{font-size:inherit;letter-spacing:inherit}

/* ═══ Menu header: rê chuột thì chữ chuyển xanh (không gạch chân chạy) ═══
   Mục đang ở trang hiện tại giữ vạch tĩnh như cũ. Trên điện thoại (menu thả xuống)
   mục được rê có nền nhạt và chữ nhích sang phải. */
.site-nav a{transition:color .2s ease}
.site-nav a:hover,.site-nav a:focus-visible{color:var(--blue)}
/* Thanh điều hướng trong trang (trang cháy nổ): cùng một kiểu phản hồi */
.fx-local a{transition:color .2s ease,border-color .25s ease}
.fx-local a:hover{border-bottom-color:#9fb6cc}
@media(max-width:1180px){
  .site-nav a{transition:color .2s ease,background-color .2s ease,padding-left .25s var(--ease-out)}
  .site-nav a:hover,.site-nav a:focus-visible{background:#f3f7fb;padding-left:20px}
  .site-nav a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--blue)}
}
@media(prefers-reduced-motion:reduce){
  .site-nav a{transition:color .2s ease,background-color .2s ease}
  .site-nav a:hover,.site-nav a:focus-visible{padding-left:14px}
}

/* ═══ Nút hành động: nổi lên 3D + đổi màu khi rê chuột (không gạch chân) ═══
   Nút nhô về phía người xem (perspective + translateZ), bóng đổ theo màu xanh
   thương hiệu đậm dần; bấm xuống thì lún lại. Link chữ đổi màu và phóng nhẹ. */
.primary,.solution-copy>a,.fire-btn,.fx-btn,.text-link,.secondary-link{
  transform:perspective(600px) translateZ(0);
  transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),background-color .25s ease,color .25s ease,border-color .25s ease}
.primary:hover,.primary:focus-visible,
.solution-copy>a:not(.secondary-link):hover,.solution-copy>a:not(.secondary-link):focus-visible,
.fire-btn:hover,.fire-btn:focus-visible,.fx-btn:hover,.fx-btn:focus-visible{
  transform:perspective(600px) translateZ(22px) translateY(-2px);
  box-shadow:0 16px 28px -12px rgba(22,79,135,.55),0 4px 10px -4px rgba(23,33,46,.25)}
.primary:active,.solution-copy>a:not(.secondary-link):active,.fire-btn:active,.fx-btn:active{
  transform:perspective(600px) translateZ(-6px);box-shadow:0 4px 10px -6px rgba(23,33,46,.35);transition-duration:.12s}
/* Đổi màu nền theo loại nút */
.solution-copy>a:not(.secondary-link):hover,.solution-copy>a:not(.secondary-link):focus-visible,
.fire-btn-dark:hover,.fire-btn-dark:focus-visible{background:var(--blue);color:#fff}
.primary:hover,.primary:focus-visible,
.featured .solution-copy>a:not(.secondary-link):hover,.featured .solution-copy>a:not(.secondary-link):focus-visible{background:#a91e27;color:#fff}
.fire-btn-line:hover,.fire-btn-line:focus-visible{border-color:var(--blue);color:var(--blue)}
/* Link chữ: đổi màu + phóng nhẹ, bỏ gạch chân */
.text-link:hover,.text-link:focus-visible,.secondary-link:hover,.secondary-link:focus-visible,
.solution-copy>a.secondary-link:hover,.cargo-utility .solution-copy>a:hover{
  color:var(--red);text-decoration:none;transform:perspective(600px) translateZ(16px);box-shadow:none;background:none}
@media(prefers-reduced-motion:reduce){
  .primary,.solution-copy>a,.fire-btn,.fx-btn,.text-link,.secondary-link{transform:none!important;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
}
/* Mũi tên trong nút có nền giữ màu chữ của nút (đỏ trên nền xanh/đỏ sẽ khó đọc). */
.primary:hover span[aria-hidden],.primary:focus-visible span[aria-hidden],.fire-btn:hover [aria-hidden],.fx-btn:hover [aria-hidden],
.solution-copy>a:not(.secondary-link):hover span[aria-hidden],.solution-copy>a:not(.secondary-link):focus-visible span[aria-hidden]{color:inherit}

/* ═══ Menu header (máy tính): rê chuột hiện khung viền + nền xanh nhạt ═══
   Chỉ đổi chữ từ #17212E sang #164F87 thì gần như không thấy khác (hai màu
   cùng đậm). Mục được rê có khung viền bo tròn, nền xanh nhạt, chữ xanh;
   mục của trang đang xem dùng khung đó ở dạng đậm hơn. */
@media(min-width:1181px){
  .site-nav{gap:2px}
  .site-nav a{min-height:40px;padding:0 12px;border:1px solid transparent;border-radius:999px;
    transition:color .2s ease,background-color .2s ease,border-color .2s ease}
  .site-nav a:hover,.site-nav a:focus-visible{color:var(--blue);background:#eaf2fb;border-color:#b9d0e8}
  .site-nav a[aria-current="page"]{color:var(--blue);background:#eaf2fb;border-color:var(--blue);box-shadow:none}
  .site-nav a[aria-current="page"]:hover{background:#dde9f7}
}

/* Chữ chỉ dành cho máy đọc màn hình */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
/* Khung bảng nhận focus: viền rõ khi dùng bàn phím */
[data-a11y-scroll]:focus-visible{outline:3px solid var(--blue);outline-offset:2px}

/* ── Bản đồ trụ sở + huy hiệu Bộ Công Thương: hàng 2, cột 3–4 (cạnh khối Liên hệ tư vấn) ── */
.footer-map{grid-column:3/span 2;display:flex;flex-direction:column;gap:14px}
.footer-map-frame{position:relative;overflow:hidden;height:230px;border:1px solid #d8e7f5;border-radius:16px;background:#eef3f7;box-shadow:0 12px 30px rgba(6,61,121,.08)}
.footer-map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.footer-bct{display:inline-flex;align-self:flex-start}
.footer-bct img{width:180px;height:auto}
@media(max-width:1000px){.footer-map{grid-column:1/-1}}
@media(max-width:820px){.footer-map-frame{height:220px}}