/* KA LOGISTICS / INTERFACE REFINEMENT 2026
   Presentation-only layer: no copy, menu item, destination, or form field altered.
   Brand direction: deep pine / ink navy / controlled KA orange.
*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
:root,
:root:not([data-theme="dark"]){
  --chinh:#123b40;
  --chinh-dam:#0b2631;
  --chinh-nhat:#eaf3f0;
  --cam:#f76920;
  --nen:#fff;
  --xam:#f7f9f9;
  --chu:#182a32;
  --chu-phu:#61727a;
  --vach:#e4eaea;
  --chu-tren-chinh:#fff;
  --phu-tren-chinh:#cbdcde;
  --lien-ket:#176451;
  --o-nhap:#f9fbfb;
  --rong:1200px;
  --font:'Inter','Be Vietnam Pro','Noto Sans SC','PingFang SC','Microsoft YaHei',system-ui,sans-serif;
  color-scheme:light;
}
:root[data-palette="xanh"]{--chinh:#123b40;--chinh-dam:#0b2631;--chinh-nhat:#eaf3f0;--lien-ket:#176451}
/* If a deliberate site-controlled dark theme is enabled, maintain legible contrast. */
:root[data-theme="dark"]{--chinh:#234a4d;--chinh-dam:#0b2631;--cam:#ff7937;--xam:#172329;--nen:#121e24;--chu:#e9f0f2;--chu-phu:#b7c9cc;--vach:#34474a;--chinh-nhat:#1b3435;--lien-ket:#9cd2b5;--o-nhap:#1b2d31;color-scheme:dark}
html{scroll-padding-top:100px}
body{font-size:15px;line-height:1.72;letter-spacing:-.006em;overflow-x:hidden}
h1,h2,h3,h4{letter-spacing:-.035em;line-height:1.22;text-wrap:balance}
h1{font-size:clamp(34px,4.1vw,55px);font-weight:750}
h2{font-size:clamp(27px,2.9vw,38px);font-weight:720}
h3{font-size:clamp(18px,1.55vw,22px);font-weight:700}
p{max-width:73ch}
.khung{padding-right:28px;padding-left:28px}
section{padding:clamp(62px,6.4vw,90px) 0}
.dan-phan{font-size:16px;line-height:1.85;max-width:68ch;margin-bottom:28px;color:var(--chu-phu)}
.nut{min-height:46px;padding:0 22px;border-radius:999px;font-size:13.5px;font-weight:700;letter-spacing:.005em;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,filter .2s ease;box-shadow:0 9px 18px -12px rgba(247,105,32,.8);color:#fff}
.nut:hover{transform:translateY(-2px);box-shadow:0 14px 26px -14px rgba(247,105,32,.7);filter:brightness(1.04)}
.nut-vien{background:transparent;box-shadow:none;color:inherit;border:1px solid currentColor}
.nut-vien:hover{box-shadow:0 8px 20px rgba(12,34,43,.10)}
.lien-ket{font-size:13.5px;font-weight:720;min-height:36px;line-height:1.3;gap:7px;transition:gap .2s,color .2s}
.lien-ket:hover{gap:11px}
:focus-visible{outline:3px solid #e8793f;outline-offset:3px}
::selection{background:#d8eee4;color:#123b40}

/* Utility strip and executive navigation */
.tien-ich{background:#0b2730;font-size:11.5px;letter-spacing:.01em}
.tien-ich .khung{max-width:1360px;min-height:35px;gap:16px}
.tien-ich p{font-size:11.5px;color:#c5d6d7;letter-spacing:.018em}
.tien-ich .phai{gap:13px}
.tien-ich a{min-height:35px;font-size:11.5px}
.tien-ich .ngon-ngu a,.ngon-ngu button{font-size:11.5px;min-height:35px;min-width:29px;padding:0 5px}
.ngon-ngu a[aria-current="true"]{box-shadow:inset 0 -2px 0 #f76920}
.dau{background:rgba(255,255,255,.97);border-bottom:1px solid rgba(28,69,72,.11);box-shadow:0 7px 25px rgba(12,34,43,.045);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.dau .khung{max-width:1360px;column-gap:16px;padding-top:7px}
.logo{padding:2px 0}
.logo img{height:52px}
.nut-dau{min-height:42px;font-size:12.5px;padding:0 19px;box-shadow:0 8px 15px -11px rgba(247,105,32,.8)}
.menu{gap:1px}
.menu>li>a{font-size:12.8px;font-weight:650;letter-spacing:-.015em;transition:color .18s,border-color .18s;padding-left:10px;padding-right:10px}
.menu>li>a:hover,.menu>li>a[aria-current="true"]{color:#166453;border-bottom-color:#f76920}
.mega{background:rgba(255,255,255,.99);box-shadow:0 25px 55px -24px rgba(9,40,45,.24);border-color:var(--vach)}
.mega .khung{max-width:1120px;grid-template-columns:minmax(180px,1fr) minmax(0,2.2fr);gap:40px;padding:28px 28px 35px}
.mega h3{font-size:21px;margin-bottom:8px;color:var(--chinh)}
.mega p{font-size:13.5px;line-height:1.75}
.mega ul{gap:3px 20px}
.mega li a{padding:12px 14px 12px 16px;border:1px solid transparent;border-radius:10px;font-size:13.5px;line-height:1.45;transition:background-color .15s,color .15s,transform .15s}
.mega li a span{font-size:11.5px;line-height:1.55;margin-top:3px}
.mega li a:hover{background:#eff6f3;color:#135641;transform:translateX(2px)}
@media(min-width:1120px){
 .dau .khung{min-height:73px;padding-top:0}
 .menu{margin-left:auto;align-self:stretch}
 .menu>li>a{min-height:73px}
 .nut-dau{margin-left:10px}
 .menu>li:hover>a,.menu>li:focus-within>a{border-bottom-color:#f76920;color:#166453}
}

/* Hero: clear typography, controlled overlays */
.mo-dau{background:#143b45}
.mo-dau .anh img{object-position:center 55%;filter:saturate(.87) contrast(1.06)}
.mo-dau .anh::after{background:linear-gradient(91deg,rgba(8,31,42,.92) 0%,rgba(10,42,50,.87) 31%,rgba(9,37,43,.46) 66%,rgba(7,26,29,.20) 100%)}
:root[data-palette="xanh"] .mo-dau .anh::after{background:linear-gradient(91deg,rgba(8,31,42,.92),rgba(10,42,50,.83) 35%,rgba(9,37,43,.18))}
.mo-dau .khung{padding-top:clamp(74px,8vw,112px);padding-bottom:clamp(156px,15vw,197px)}
.mo-dau h1{font-weight:750;max-width:19.5ch;line-height:1.12;text-shadow:0 2px 12px rgba(0,0,0,.07)}
.mo-dau h1 .dong-2{font-size:.55em;font-weight:480;line-height:1.52;max-width:28ch;margin-top:.55em;letter-spacing:-.017em;color:#deeeeb}
.mo-dau .phu-de{margin-top:24px;font-size:clamp(15px,1.35vw,17px);font-weight:480;line-height:1.65;color:#f2f9f7}
.mo-dau .phu-de li{margin:8px 0;padding-left:25px}
.mo-dau .phu-de li::before{width:10px;height:6px;top:.60em;border-color:#f76920}
.mo-dau .ket-noi{font-size:13px;line-height:1.75;max-width:68ch;margin-top:23px;padding-top:19px;border-color:rgba(255,255,255,.18);color:#dfeced}

/* Floating first-action panel */
.hop-wrap{margin-top:-111px}
.hop{border-radius:19px;box-shadow:0 35px 85px -32px rgba(7,34,40,.35),0 6px 22px rgba(7,34,40,.055);border:1px solid rgba(27,71,72,.06);position:relative}
.hop::before{content:"";height:3px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,#ff6a1f,#eeb777,#23634e);pointer-events:none}
.hop-dau{padding:23px 27px 0;gap:8px 24px}
.hop-dau h2{font-size:20px;font-weight:730;color:var(--chinh)}
.hop-dau p{font-size:13px}
.tab-ds{margin-top:12px;padding:0 27px;gap:8px}
.tab-ds button{font-size:13px;padding:12px 7px;margin-right:13px;min-height:44px;border-bottom-width:2px;font-weight:650}
.tab-ds button[aria-selected="true"]{color:#185844;border-bottom-color:var(--cam)}
.tab-noi{padding:20px 27px 25px}
.chip-ds{gap:9px;margin-bottom:10px}
.chip-ds a,.chip-tinh{min-height:38px;padding:0 14px;border-radius:100px;font-size:12.5px;border:1px solid #dbe7e3;background:#f9fcfa;font-weight:570;transition:transform .2s,background-color .2s,border-color .2s}
.chip-ds a:hover{background:#edf6f1;transform:translateY(-2px);border-color:#c0dbcc;color:#145a45}
.tab-noi .ghi{font-size:12.5px}
.canh-bao{font-size:12.5px;border-radius:9px;background:#fff6e9;border-left:3px solid #ee9c54}
.dong-tra label{font-size:12.5px}

/* Route corridor, grids and data */
.hanh-lang .khung>h2{max-width:20ch}
.hanh-lang .khung>p{font-size:15px;color:var(--chu-phu)}
.duong{margin-top:35px}
.duong::before{height:2px;background:linear-gradient(90deg,#2f765b,#93b9a5,#e1a475)}
.diem::before{border-color:#287452;box-shadow:0 0 0 4px #e9f3ed}
.diem .ten{color:var(--chu)}
.diem .vai-tro{font-size:13px}
.chang .ngay{border-radius:100px;background:#e6f1e9;color:#17634b;font-size:11.5px;padding:4px 11px;letter-spacing:.015em}
.chu-thich{font-size:12px}
.bang-ftl{margin-top:42px}
.bang-ftl h3{font-size:20px;margin-bottom:10px}
.bang-ftl table{font-size:13px}
.bang-ftl th,.bang-ftl td{padding:10px 12px;border-bottom:1px solid #e5edeb}
.bang-ftl tbody tr:nth-child(odd){background:#f7faf9}
.them-ngay{font-size:12.5px;color:var(--chu-phu)}

/* Capabilities: compact magazine cards */
.dich-vu{background:#f5f8f7}
.dich-vu h2{margin-bottom:13px}
.tab-dv{margin-bottom:25px;gap:9px}
.tab-dv button{font-size:13px;font-weight:650;min-height:41px;padding:0 19px;border:1px solid #d9e6e2;border-radius:999px;background:#fff;transition:transform .2s,background-color .2s,border-color .2s}
.tab-dv button:hover{transform:translateY(-2px);border-color:#c0d7cf}
.tab-dv button[aria-selected="true"]{color:#fff;background:#14463d;border-color:#14463d;box-shadow:0 7px 16px -12px #14463d}
.pn-dau{margin-bottom:22px}
.pn-dau h3{font-size:clamp(21px,2vw,27px);max-width:39ch;line-height:1.33}
.nhan-dau{font-size:11px;letter-spacing:.12em;color:#ba592d}
.the-luoi{gap:17px}
.the{border:1px solid #e4ebea;border-radius:14px;box-shadow:0 12px 30px -26px rgba(14,49,48,.33);transition:transform .28s,box-shadow .28s,border-color .28s;min-width:0}
.the:hover{transform:translateY(-5px);border-color:#d4e5e0;box-shadow:0 19px 41px -26px rgba(14,49,48,.36)}
.the .khung-anh{aspect-ratio:16/8.5}
.the .khung-anh img{transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.the:hover .khung-anh img{transform:scale(1.045)}
.the .noi{padding:21px 21px 22px}
.the h3{font-size:18px;line-height:1.34;margin-bottom:11px;color:#1a3940}
.the p{font-size:13px;line-height:1.8;margin-bottom:19px}
.the .lien-ket{margin-top:auto}
.can{font-size:11px}
.khung-trong{background:#eaf3f0}

/* Editorial image / copy blocks */
.khoi-ltl{background:#f8faf9}
.noi-bat{gap:44px}
.noi-bat h2{max-width:21ch;margin-bottom:14px}
.noi-bat .tieu-de-phu{color:#236e55;font-size:18px;line-height:1.45;font-weight:630;margin:-2px 0 15px}
.noi-bat p{font-size:14.5px;line-height:1.85;color:var(--chu-phu)}
.noi-bat ul{margin:19px 0 24px}
.noi-bat li{padding:11px 0 11px 29px;font-size:13.3px;line-height:1.75;color:#485e64}
.noi-bat li strong{color:#183c3d}
.noi-bat li::before{left:3px;top:20px;width:11px;height:6px;border-color:#28936a}
.noi-bat .anh-ghep{gap:12px;grid-template-columns:1.4fr .8fr;align-items:stretch}
.noi-bat .anh-ghep img{border-radius:14px;box-shadow:0 17px 30px -24px rgba(19,55,53,.6);object-fit:cover}
.noi-bat .anh-ghep img:last-child{border-radius:14px}
@media(min-width:960px){.noi-bat{grid-template-columns:1.04fr 1fr;gap:65px}.noi-bat.dao{grid-template-columns:1fr .94fr}}

/* Strong but light-weight value grid */
.vi-sao{background:#f5f8f7}
.vi-sao h2{max-width:28ch}
.bon-y{gap:16px!important}
.bon-y div{background:#fff;border:1px solid #e3ebe9;border-top:3px solid #246c53;border-radius:13px;padding:23px 23px 25px;box-shadow:0 15px 32px -29px rgba(7,50,47,.4);transition:transform .2s,box-shadow .2s}
.bon-y div:hover{transform:translateY(-3px);box-shadow:0 18px 38px -28px rgba(7,50,47,.36)}
.bon-y h3{font-size:19px;margin-bottom:10px;color:#173d42}
.bon-y p{font-size:13.5px;line-height:1.8;color:#66787c}
.bon-y h3 .en{font-size:10.5px;letter-spacing:.1em;color:#bb5728}

/* Proof: statistics, hubs and matrix */
.hiep-hoi{margin-bottom:32px;gap:10px}
.hiep-hoi p{font-size:12.5px}
.logo-hh{min-height:57px;min-width:142px;padding:8px 12px;border-radius:11px;background:#fafcfb}
.so-lieu{margin:4px 0 38px;gap:12px}
.so-lieu>div{padding:23px 21px 20px;background:#f7faf8;border:1px solid #e5eeea;border-radius:13px}
.so-lieu dt{color:#1d7155;font-size:clamp(33px,3.6vw,46px);font-weight:750;letter-spacing:-.04em}
.so-lieu dd{font-size:12.5px;margin-top:9px;line-height:1.6}
.hai-cot{gap:36px}
.hai-cot h3{font-size:20px;margin-bottom:13px}
.hai-cot table{font-size:12.5px}
.hai-cot th,.hai-cot td{padding:12px 12px 12px 0}
.anh-bo img{border-radius:14px;box-shadow:0 18px 39px -28px rgba(19,57,57,.4)}
.ban-do{margin-bottom:39px}
.ban-do-nut{border-radius:15px;border-color:#dce6e3;box-shadow:0 18px 40px -29px rgba(10,38,38,.39)}
.zoom-nhan{right:16px;bottom:16px;min-height:38px;padding:8px 13px;border-radius:999px;background:rgba(15,49,51,.91);font-size:12px;box-shadow:0 7px 16px rgba(0,0,0,.18)}
.ban-do figcaption{font-size:12px;line-height:1.7;margin-top:11px}
.bang-mt h3{font-size:21px}
.bang-lt{border:1px solid #dce6e3;border-radius:13px;box-shadow:0 12px 30px -26px rgba(14,49,48,.23);overflow:auto}
table.lt{font-size:12px;min-width:850px}
table.lt th,table.lt td{padding:12px 10px;border-color:#e6edeb;line-height:1.5}
table.lt thead th{background:#173f46;border-color:rgba(255,255,255,.12);font-weight:650;white-space:normal}
table.lt thead th.goc{background:#255e50;min-width:144px}
table.lt tbody th{background:#eff5f1;min-width:144px;color:#18453f;font-weight:700}
table.lt tbody tr:nth-child(even) td:not(.nb){background:#f9fbfa}
table.lt tbody tr:hover td:not(.nb){background:#eef8f2}
table.lt td{color:#556b6e}
table.lt td.nb{background:#e3f2e7;color:#1e714f;font-weight:750}
table.lt td.trong{color:#a0afb2}
.chu-giai{font-size:12px}
.chu-giai .mau-nb{width:13px;height:13px;border-radius:4px}
.goi-y{font-size:12px}

/* Partnerships */
.toi{background:linear-gradient(117deg,#10393e 0%,#173f40 54%,#14322e 100%);position:relative;overflow:hidden}
.toi::before{content:"";position:absolute;width:550px;height:550px;right:-220px;bottom:-240px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(86,157,121,.15),transparent 70%)}
.doi-tac{gap:48px;position:relative}
.toi h2{max-width:22ch;font-size:clamp(30px,3.1vw,42px)}
.toi .phu{color:#c7dbd8;font-size:14.5px;line-height:1.85}
.cau-nhan{font-size:clamp(19px,1.85vw,24px);padding-left:18px;border-left:3px solid #f76920;margin:21px 0}
.cau-chot{font-size:17px;margin:20px 0}
.cam-ket-dt{font-size:clamp(18px,1.8vw,23px);line-height:1.45}
.doi-tac img{border-radius:15px;box-shadow:0 20px 34px -20px rgba(0,0,0,.32)}

/* Contact & enquiry: precise fields, raised office cards */
.lien-he{background:linear-gradient(180deg,#f4f8f6 0%,#edf4f0 100%);padding-bottom:90px}
.lh-luoi{gap:30px}
@media(min-width:1000px){.lh-luoi{grid-template-columns:minmax(0,5fr) minmax(0,6.8fr);gap:30px}}
.the-form{border:1px solid #e4edeb;border-radius:17px;padding:clamp(23px,2.5vw,34px);box-shadow:0 25px 65px -35px rgba(7,43,43,.30),0 2px 12px rgba(7,43,43,.03)}
.the-form h2{font-size:clamp(24px,2.3vw,31px);margin-bottom:8px}
.phu-form{font-size:13px;line-height:1.8}
.the-form label{font-size:12.5px;margin:17px 0 6px;font-weight:690}
.the-form input,.the-form select,.the-form textarea,.dong-tra input{font-size:13px;min-height:47px;padding:11px 13px;border:1px solid #d2dfdd;border-radius:9px;background:#fbfdfc;box-shadow:none;transition:border-color .18s,box-shadow .18s}
.the-form textarea{min-height:94px}
.the-form input:focus,.the-form select:focus,.the-form textarea:focus,.dong-tra input:focus{border-color:#24775c;outline:0;box-shadow:0 0 0 3px rgba(33,115,87,.11)}
.the-form input::placeholder,.the-form textarea::placeholder{color:#9aa9aa}
.nut-lon{min-height:49px;border-radius:100px;font-size:13.5px;margin-top:17px;box-shadow:0 12px 26px -16px rgba(247,105,32,.65)}
.chan-form{font-size:11.5px;gap:10px;margin-top:18px;padding-top:15px}
.chan-form svg{width:15px;height:15px}
.cot-vp h3{font-size:clamp(22px,2.25vw,29px);margin-bottom:19px}
.luoi-vp{gap:13px}
.vp-the{border-radius:13px;border-color:#e3eeea;padding:20px 21px;box-shadow:0 14px 28px -26px rgba(8,45,42,.28);transition:transform .2s,box-shadow .2s}
.vp-the:hover{transform:translateY(-3px);box-shadow:0 18px 36px -27px rgba(8,45,42,.3)}
.vp-the h4{font-size:14px;margin-bottom:15px;letter-spacing:-.02em;color:#1a3c3f}
.vp-the .ma{min-width:35px;height:27px;border-radius:6px;font-size:11px;background:#175347}
.vp-ds{gap:9px}
.vp-ds li{grid-template-columns:19px minmax(0,1fr);gap:10px;font-size:12px;line-height:1.75}
.tick{width:19px;height:19px;background:#e8f4ee}
.tick::after{left:7px;top:3px;width:5px;height:10px;border-color:#27845e;border-width:0 2px 2px 0}
.vp-ds a.hot{color:#bc5a28}

/* Footer, mobile and always-available quick actions */
.chan{background:linear-gradient(145deg,#09252e 0%,#103b42 100%);padding-top:48px;font-weight:400}
.chan::before{background:radial-gradient(circle,rgba(70,154,118,.14),transparent 68%)}
.chan .ky{font-size:clamp(25px,2.9vw,36px);font-weight:700;max-width:24ch}
.mang-ngang{color:#c5d9d7;font-size:12px}
.mxh a{width:40px;height:40px;border-color:rgba(255,255,255,.25)}
.tuyen-mini{margin-top:49px}
.nut-t em{font-size:11px}
.nut-t b{font-size:10px}
.chan .duoi{font-size:11.5px;color:#c8dbd9}
.dinh-duoi{gap:8px}
.dinh-duoi .nut{font-size:12.5px}
.thong-bao{border-radius:100px;font-size:12px;padding:10px 18px;box-shadow:0 10px 25px rgba(0,0,0,.19)}
.phong-to{background:rgba(5,24,31,.98)}
.dong-pt{border-radius:100px;font-size:12px}
@media(min-width:900px){
  .dinh-duoi{display:flex;flex-direction:column;gap:9px;left:auto;right:23px;bottom:25px;padding:0;background:transparent;border:0;width:auto;z-index:39;filter:drop-shadow(0 8px 18px rgba(9,31,35,.10))}
  .dinh-duoi .nut{min-height:42px;padding:0 18px;flex:auto;box-shadow:0 8px 22px rgba(9,31,35,.10);font-size:12px}
  .dinh-duoi .nut-vien{background:#fff;color:#17483e;border:1px solid #d9e8e2}
  .dinh-duoi .nut-vien:hover{background:#f3f9f5}
  .dinh-duoi.an{transform:none}
}
@media(max-width:1119px){
  .dau .khung{padding-top:7px}
  .menu{margin-top:5px}
  .menu>li>a{font-size:12.5px;min-height:44px}
  .mo-dau h1{max-width:23ch}
}
@media(max-width:739px){
  html{scroll-padding-top:120px}
  body{font-size:14px;line-height:1.75}
  .khung{padding-left:19px;padding-right:19px}
  section{padding:55px 0}
  .tien-ich .khung{padding-left:13px;padding-right:13px;gap:6px}
  .tien-ich .phai{gap:7px}
  .tien-ich a{font-size:10.5px}
  .ngon-ngu a{font-size:10px;min-width:23px}
  .dau .khung{padding:7px 14px 0;column-gap:8px}
  .logo img{height:42px}
  .nut-dau{min-height:38px;font-size:11px;padding:0 14px}
  .menu{display:flex;flex-wrap:nowrap;gap:4px;margin:7px -14px 0;padding:4px 12px 7px;width:calc(100% + 28px);border-top:1px solid #eef2f0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity}
  .menu>li,.menu>li:nth-child(3),.menu>li:nth-child(4),.menu>li:nth-child(5){grid-column:auto;border:0;flex:0 0 auto;scroll-snap-align:start}
  .menu>li>a{min-height:35px;padding:0 11px;font-size:11.5px;border-bottom:0;border-radius:100px;color:#415359;background:#f4f7f6;white-space:nowrap}
  .menu>li>a:hover,.menu>li>a[aria-current="true"]{color:#17634d;background:#e5f0ea;border-bottom:0}
  .menu .dai{display:none}.menu .ngan{display:inline}
  .dau.thu-gon .logo,.dau.thu-gon .nut-dau{display:block}
  .dau.thu-gon .khung{padding-top:6px}
  .dau.thu-gon .menu{margin-top:6px;border-top:1px solid #eef2f0}
  .mo-dau .khung{padding-top:61px;padding-bottom:167px}
  .mo-dau h1{font-size:clamp(31px,7.5vw,40px);max-width:20ch}
  .mo-dau h1 .dong-2{font-size:.60em}
  .mo-dau .anh::after{background:linear-gradient(93deg,rgba(8,30,39,.93),rgba(8,30,39,.67) 66%,rgba(8,30,39,.48))}
  .mo-dau .phu-de{font-size:13px;margin-top:18px}
  .mo-dau .ket-noi{font-size:12px}
  .hop-wrap{margin-top:-108px}
  .hop{border-radius:15px}
  .hop-dau{padding:19px 18px 0}
  .hop-dau h2{font-size:17px}
  .hop-dau p{font-size:12px}
  .tab-ds{padding:0 18px;margin-top:11px}
  .tab-ds button{font-size:12px;min-height:40px;margin-right:6px;padding:10px 5px}
  .tab-noi{padding:17px 18px 20px}
  .chip-ds a,.chip-tinh{font-size:11px;min-height:36px;padding:0 11px}
  .dan-phan{font-size:13.5px;line-height:1.8}
  h2{font-size:clamp(25px,6vw,32px)}
  .the .khung-anh{aspect-ratio:16/8.8}
  .the .noi{padding:18px}

  .noi-bat{gap:28px}
  .noi-bat p{font-size:13px}
  .noi-bat li{font-size:12.5px}
  .noi-bat .tieu-de-phu{font-size:16px}
  .bon-y div{padding:20px}
  .ban-do{margin-bottom:30px}
  .so-lieu{gap:9px}
  .so-lieu>div{padding:17px 14px}
  .so-lieu dt{font-size:clamp(28px,6.6vw,38px)}
  .so-lieu dd{font-size:11.5px}
  .the-form{padding:21px 19px}
  .vp-the{padding:18px 17px}
  .dinh-duoi{padding:9px 12px calc(9px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -9px 27px rgba(8,39,37,.06);border-top:1px solid #e6efeb}
  .dinh-duoi .nut{min-height:43px;padding:0 11px}
  .dinh-duoi .nut-vien{color:#17634d;border:1px solid #cce0d5}
  .chan{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:430px){
 .tien-ich .zalo-top{display:none}
 .tien-ich .phai{gap:5px}
 .logo img{height:40px}
 .nut-dau{font-size:10.5px}
 .diem{max-width:60px}
 .diem .ten{font-size:11px}
 .chang .ngay{font-size:10px;padding:3px 5px}
 .the-luoi{grid-template-columns:1fr}
 .so-lieu{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ban-do figcaption{font-size:11.5px}
}
@media(prefers-reduced-motion:reduce){
 .the,.the .khung-anh img,.bon-y div,.vp-the,.nut,.chip-ds a{transition:none!important}
 .the:hover,.bon-y div:hover,.vp-the:hover,.nut:hover{transform:none}
}

/* Nút nổi chỉ icon: WhatsApp, WeChat, Zalo */
.dinh-duoi.fab{position:fixed;left:auto;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));top:auto;width:auto;display:flex;flex-direction:column;gap:10px;padding:0;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;z-index:45}
.dinh-duoi.fab .fab-b{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;color:#fff;box-shadow:0 6px 18px rgba(8,20,40,.28);transition:transform .15s}
.dinh-duoi.fab .fab-b:hover{transform:scale(1.07)}
.dinh-duoi.fab .fab-b:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #0B2D5B}
.dinh-duoi.fab .fab-b svg{width:28px;height:28px;fill:currentColor}
.dinh-duoi.fab .fab-wa{background:#25D366}
.dinh-duoi.fab .fab-wc{background:#07C160}
.dinh-duoi.fab .fab-za{background:#0068FF}
@media(max-width:1119px){.chan{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}}

/* Icon kênh liên hệ (logo) cạnh ID */
.ic{width:26px;height:26px;padding:5px;border-radius:50%;fill:#fff;flex:none;box-sizing:border-box;vertical-align:middle}
.ic-wa{background:#25D366}.ic-wc{background:#07C160}.ic-za{background:#0068FF}
.ic-mail{width:24px;height:24px;flex:none;vertical-align:middle}
.chip-ds a{gap:9px}
.chip-ds a .ic,.chip-ds a .ic-mail{margin-left:-6px}
.chip-ds a .ic-mail{margin-left:-2px}
.ic-l{display:inline-flex;align-items:center;gap:6px;margin-right:10px;white-space:nowrap}

/* Form báo giá nằm trong tab Get a quote */
#bao-gia{scroll-margin-top:96px}
.tab-noi .the-form{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.tab-noi .the-form h2{display:none}
.tab-noi .the-form .phu-form{margin-top:0}
.lh-luoi{grid-template-columns:minmax(0,1fr)!important}
/* Tab Talk to an expert: chỉ icon */
.chip-ds.chip-ic{gap:14px}
.chip-ds.chip-ic a{min-height:0;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:0 4px 12px rgba(8,20,40,.18);transition:transform .15s}
.chip-ds.chip-ic a:hover{transform:scale(1.07)}
.chip-ds.chip-ic .ic{width:54px;height:54px;padding:14px;margin:0}
.ic-em{background:#0B2D5B}
.chan-form .ic{width:22px;height:22px;padding:4px;flex:none}
.chan-form a.ic-l{margin-left:4px}
.the .the-phu{color:var(--chinh);font-weight:600;font-size:16px;margin:0 0 8px}
:root[data-theme="dark"] .the .the-phu{color:var(--chu)}
.doi-tac .ds-van-hanh{list-style:none;margin:6px 0 18px;padding:0;max-width:62ch}
.doi-tac .ds-van-hanh li{position:relative;padding-left:28px;margin:14px 0;color:var(--phu-tren-chinh,#DCE5F2);line-height:1.6}
.doi-tac .ds-van-hanh li strong{color:#fff;font-weight:700}
.doi-tac .ds-van-hanh li::before{content:"";position:absolute;left:2px;top:.55em;width:11px;height:6px;border-left:2.5px solid #f76920;border-bottom:2.5px solid #f76920;transform:rotate(-45deg)}
/* Văn phòng: cờ quốc gia và khung viền có màu */
.vp-the .co{display:inline-flex;width:42px;height:28px;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.22);flex:none}
.vp-the .co svg{width:100%;height:100%;display:block}
.vp-the{border:2px solid #2F7D62}
.vp-the:hover{border-color:#1E6B2E}
/* Video nền trang chủ */
.mo-dau .anh video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:saturate(.9) contrast(1.05)}

/* Cold chain gallery (6 photos) */
.noi-bat .anh-ghep.g6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:stretch}
.noi-bat .anh-ghep.g6 img{width:100%;height:100%;object-fit:cover;border-radius:6px;aspect-ratio:1/1!important}
.noi-bat .anh-ghep.g6 img:nth-child(1){grid-column:span 6;aspect-ratio:16/10!important}
.noi-bat .anh-ghep.g6 img:nth-child(2),.noi-bat .anh-ghep.g6 img:nth-child(3),.noi-bat .anh-ghep.g6 img:nth-child(4){grid-column:span 2}
.noi-bat .anh-ghep.g6 img:nth-child(5),.noi-bat .anh-ghep.g6 img:nth-child(6){grid-column:span 3;aspect-ratio:4/3!important}

/* Partners: team photo group */
.doi-tac .nhom-anh{display:grid;gap:14px;align-self:start}
@media(min-width:960px){.doi-tac .nhom-anh{position:sticky;top:120px}}
.doi-tac .nhom-anh img{position:static;width:100%;aspect-ratio:auto;height:auto;border-radius:12px;object-fit:cover}

/* Partners: operations gallery */
.doi-tac-gal{margin-top:56px;display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
@media(min-width:700px){.doi-tac-gal{grid-template-columns:repeat(2,minmax(0,1fr))}}
.doi-tac-gal figure{margin:0}
.doi-tac-gal img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:12px;box-shadow:0 20px 34px -22px rgba(0,0,0,.4)}
.doi-tac-gal figcaption{margin-top:10px;font-size:.95rem;line-height:1.4;color:var(--phu-tren-chinh,#DCE5F2)}

/* Partners: single column after removing team photos */
.doi-tac{grid-template-columns:minmax(0,1fr)!important}

/* Partners: 4 operation photos in the right column */
@media(min-width:960px){.doi-tac{grid-template-columns:1.55fr 1fr!important;align-items:start}.doi-tac-gal{position:sticky;top:120px}}
.doi-tac-gal{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
.doi-tac-gal img{aspect-ratio:4/3;border-radius:8px}
.doi-tac-gal figcaption{margin-top:6px;font-size:.78rem;line-height:1.35}

/* Partners gallery order: wide / pair / wide */
.doi-tac-gal figure:first-child,.doi-tac-gal figure:last-child{grid-column:span 2}
.doi-tac-gal figure:first-child img,.doi-tac-gal figure:last-child img{aspect-ratio:16/9}

/* Contact: team photo */
.lh-anh{margin:36px 0 0}
.lh-anh img{display:block;width:100%;height:auto;aspect-ratio:2.2/1;object-fit:cover;border-radius:14px;box-shadow:0 20px 34px -22px rgba(0,0,0,.35)}

/* LTL gallery (5 photos) */
.khoi-ltl .noi-bat .anh-ghep.g5{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
.khoi-ltl .noi-bat .anh-ghep.g5 img{width:100%;height:100%;object-fit:cover;border-radius:6px;aspect-ratio:4/3!important}
.khoi-ltl .noi-bat .anh-ghep.g5 img:nth-child(1){grid-column:span 2;aspect-ratio:2/1!important}

.khoi-ltl .noi-bat .anh-ghep.g5 img:nth-child(1){aspect-ratio:1400/768!important}

/* Hubs: image fills the table column height only */
.anh-bo{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden}
.anh-bo img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto!important;object-fit:cover;object-position:50% 38%;border-radius:0;box-shadow:none}
@media(min-width:960px){.anh-bo{aspect-ratio:auto;align-self:stretch;min-height:320px}}

/* Route strip under transit-time remarks */
.tuyen-cua-khau{margin:22px 0 0}
.tuyen-cua-khau .tuyen-cuon{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;background:#fff;border:1px solid #e3ebe7}
.tuyen-cua-khau img{display:block;width:100%;min-width:760px;height:auto}

.tuyen-cua-khau{margin:28px 0 12px}