/*
Theme Name: ChuyenPhat Source Fidelity V2
Theme URI: https://chuyenphat.com.vn/
Author: dot vn Studio
Description: All-in-one source-faithful theme rebuilt from supplied static source. Includes automatic 42-page bootstrap and admin controls.
Version: 2.1.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: chuyenphat-v2
*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--navy:#071a2b;--navy2:#0b2238;--ink:#102235;--muted:#66778a;--line:#dfe6ed;--soft:#f4f7fa;--cobalt:#1457d9;--cobalt2:#0b63f6;--teal:#0b8f8c;--green:#0f9f6e;--white:#fff;--amber:#f3a62f;--danger:#c84646;--shadow:0 22px 60px rgba(7,26,43,.12);--radius:18px;--container:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Manrope',Arial,sans-serif;color:var(--ink);background:#fff;font-size:14px}.container{width:min(calc(100% - 40px),var(--container));margin:auto}a{color:inherit}.utility-bar{height:32px;background:#04111f;color:#9fb0c1;font-size:10px}.utility-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.utility-inner>span{display:flex;align-items:center;gap:7px}.utility-inner>span i{width:6px;height:6px;border-radius:50%;background:#35c891;box-shadow:0 0 0 4px rgba(53,200,145,.08)}.utility-inner div{display:flex;height:100%}.utility-inner a{display:flex;align-items:center;text-decoration:none;padding:0 12px;border-left:1px solid rgba(255,255,255,.07)}
.site-header{height:74px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.nav-shell{height:100%;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:170px}.brand-mark{width:34px;height:34px;border-radius:8px;background:var(--cobalt);position:relative;display:block;overflow:hidden}.brand-mark i{position:absolute;width:7px;height:25px;background:#fff;transform:skew(-24deg);top:5px}.brand-mark i:nth-child(1){left:6px}.brand-mark i:nth-child(2){left:14px;height:18px;top:10px;opacity:.7}.brand-mark i:nth-child(3){left:22px}.brand-type{display:flex;flex-direction:column;line-height:1}.brand-type b{font-size:16px;letter-spacing:1px}.brand-type small{font-size:8px;letter-spacing:3px;color:#718094;margin-top:4px}.main-nav{display:flex;align-items:stretch;height:100%;margin-left:auto}.nav-item{height:100%;display:flex;align-items:center}.nav-item>a{text-decoration:none;padding:0 13px;height:100%;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#25384d}.nav-item>a span{font-size:9px;color:#93a0ad}.nav-item:hover>a{color:var(--cobalt)}.header-actions{display:flex;align-items:center;gap:15px;margin-left:14px}.link-track{font-size:11px;font-weight:700;text-decoration:none;color:#23384d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 19px;border-radius:9px;border:1px solid transparent;text-decoration:none;font-weight:700;font-size:12px;cursor:pointer;font-family:Manrope;background:#fff}.btn-sm{min-height:38px;padding:0 15px}.btn-primary{background:var(--cobalt);color:#fff}.btn-primary:hover{background:#0e48bc}.btn-outline{border-color:#cfd8e1;color:#18324a;background:#fff}.btn-white{background:#fff;color:#0c2d4c}.btn-ghost-white{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}.full{width:100%}.mobile-toggle{display:none;border:0;background:transparent;font-size:22px}.mobile-drawer{display:none}.has-mega{position:static}.mega-panel{position:absolute;left:0;right:0;top:74px;background:#fff;border-top:1px solid var(--line);box-shadow:0 28px 70px rgba(6,25,43,.18);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;padding:25px 0}.has-mega:hover .mega-panel,.has-mega:focus-within .mega-panel{opacity:1;visibility:visible;transform:none}.mega-grid{width:min(calc(100% - 40px),var(--container));margin:auto;display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:36px}.mega-grid.four{grid-template-columns:1fr 1fr 1.15fr}.mega-col{display:flex;flex-direction:column;gap:2px}.mega-kicker{font-size:9px;letter-spacing:1.5px;color:#91a0af;font-weight:800;margin-bottom:8px}.mega-col a{text-decoration:none;padding:10px 0;border-bottom:1px solid #edf1f4;display:flex;flex-direction:column;gap:4px}.mega-col a:last-child{border-bottom:0}.mega-col a:hover b{color:var(--cobalt)}.mega-col b{font-size:12px}.mega-col small{font-size:10px;color:#8491a0}.mega-feature{background:#edf4ff;border:1px solid #dbe8ff;border-radius:14px;padding:23px}.mega-feature.dark-card{background:#0b2238;border-color:#0b2238;color:#fff}.mega-feature>span{font-size:9px;letter-spacing:1.5px;font-weight:800;color:var(--cobalt)}.mega-feature h3{font-size:21px;letter-spacing:-.7px;margin:12px 0 8px}.mega-feature p{font-size:11px;line-height:1.6;color:#66788d}.mega-feature.dark-card p{color:#aebccc}.mega-cta{display:inline-block;margin-top:14px;font-size:11px;font-weight:800;color:var(--cobalt);text-decoration:none}.dark-card .mega-cta{color:#8cb4ff}.mega-small .mega-grid{grid-template-columns:1fr 1fr}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:var(--cobalt);display:inline-block}.eyebrow.light{color:#8db6ff}.eyebrow.dark{color:var(--cobalt)}.home-hero{background:linear-gradient(128deg,#071a2b 0%,#0a2842 70%,#0b3152 100%);color:#fff;padding:78px 0 0;overflow:hidden}.home-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;padding-bottom:70px}.hero-copy h1{font-size:58px;line-height:1.05;letter-spacing:-3.2px;margin:15px 0 20px;max-width:690px}.hero-copy h1 em{font-style:normal;color:#8db6ff}.hero-copy>p{font-size:16px;line-height:1.7;color:#bfccd8;max-width:590px}.hero-trust{display:flex;gap:34px;margin-top:32px}.hero-trust div{display:flex;flex-direction:column;gap:5px;padding-right:32px;border-right:1px solid rgba(255,255,255,.12)}.hero-trust div:last-child{border-right:0}.hero-trust strong{font-size:24px}.hero-trust span{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#7f93a6}.search-product-card{background:#fff;color:var(--ink);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.28);overflow:hidden}.product-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.product-tabs button{border:0;background:#f7f9fb;padding:15px;font:700 11px Manrope;color:#68788a;cursor:pointer}.product-tabs button.active{background:#fff;color:var(--cobalt);box-shadow:inset 0 -2px var(--cobalt)}.product-panel{display:none;padding:24px}.product-panel.active{display:block}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.form-row.three{grid-template-columns:repeat(3,1fr)}label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:700;color:#576b7e}input,select,textarea{width:100%;border:1px solid #d6dfe7;border-radius:8px;background:#fff;padding:12px 12px;font:500 12px Manrope;color:#16304a;outline:none}input:focus,select:focus,textarea:focus{border-color:#7ba7f6;box-shadow:0 0 0 3px rgba(20,87,217,.08)}.input-unit{display:flex;border:1px solid #d6dfe7;border-radius:8px;overflow:hidden}.input-unit input{border:0;border-radius:0}.input-unit b{display:flex;align-items:center;padding:0 12px;background:#f4f7fa;border-left:1px solid #d6dfe7;font-size:10px}.form-note{display:block;text-align:center;color:#8b99a7;font-size:9px;margin-top:10px}.hero-network-line{height:46px;background:rgba(0,0,0,.18);border-top:1px solid rgba(255,255,255,.07)}.hero-network-line .container{height:100%;display:flex;align-items:center;gap:12px;color:#8fa0b1;font-size:9px;letter-spacing:1px}.hero-network-line i{height:1px;width:70px;background:linear-gradient(90deg,#35516c,#6d87a0)}.hero-network-line b{margin-left:auto;color:#647d93;font-size:9px}.tool-strip{background:#fff;border-bottom:1px solid var(--line)}.tool-strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}.tool-strip a{min-height:90px;padding:20px 22px;border-right:1px solid var(--line);text-decoration:none;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center}.tool-strip a:first-child{border-left:1px solid var(--line)}.tool-strip>a>span{font-size:9px;color:#8c9aa8}.tool-strip a div{display:flex;flex-direction:column;gap:4px}.tool-strip b{font-size:12px}.tool-strip small{font-size:9px;color:#8a98a6}.tool-strip i{font-style:normal;color:var(--cobalt)}
.section{padding:90px 0}.section-white{background:#fff}.section-soft{background:var(--soft)}.section-navy{background:var(--navy);color:#fff}.section-cobalt{background:var(--cobalt);color:#fff}.section-code{background:#081522;color:#fff}.section-heading{max-width:760px;margin-bottom:36px}.section-heading.split{max-width:none;display:flex;align-items:flex-end;justify-content:space-between}.section-heading h2,.two-col h2,.route-showcase h2,.air-feature h2,.business-showcase h2,.api-home h2,.support-grid h2{font-size:39px;letter-spacing:-1.8px;line-height:1.12;margin:12px 0 0}.section-heading p,.two-col p,.route-showcase p,.air-feature p,.business-showcase p,.api-home p,.support-grid p{font-size:13px;line-height:1.8;color:#6a7c8e}.section-heading.light h2{color:#fff}.text-link{font-size:11px;font-weight:800;text-decoration:none;color:var(--cobalt)}.text-link.light{color:#9cc0ff}.quote-list{display:flex;flex-direction:column;gap:10px}.quote-card{display:grid;grid-template-columns:1.45fr .85fr .8fr .9fr 1fr auto;gap:18px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:17px 18px;background:#fff;position:relative}.quote-card.recommended{border-color:#9ab9ef;box-shadow:0 10px 30px rgba(20,87,217,.09)}.quote-card.recommended:before{content:'PHỔ BIẾN';position:absolute;top:-8px;left:18px;background:var(--cobalt);color:#fff;padding:3px 7px;border-radius:4px;font-size:7px;font-weight:800;letter-spacing:1px}.quote-service,.quote-meta,.quote-price{display:flex;flex-direction:column;gap:5px}.quote-service b{font-size:13px}.quote-service span,.quote-meta span,.quote-price span{font-size:9px;color:#8492a0}.quote-meta strong{font-size:11px}.quote-price strong{font-size:17px;color:#0d2d49}.quote-card button{border:0;background:#0e2c46;color:#fff;border-radius:8px;padding:11px 13px;font:700 9px Manrope;cursor:pointer}.service-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-cards a{min-height:310px;border:1px solid #22384b;background:#0d2338;border-radius:14px;padding:24px;text-decoration:none;display:flex;flex-direction:column}.service-cards a.featured{background:var(--cobalt);border-color:var(--cobalt)}.service-cards span{font-size:9px;letter-spacing:1.5px;color:#7d9cb8}.service-cards h3{font-size:23px;margin:44px 0 12px}.service-cards p{font-size:11px;line-height:1.7;color:#9fb1c1}.service-cards b{margin-top:auto;font-size:10px;color:#a8c7ff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-grid>div{background:#fff;border:1px solid var(--line);padding:24px;border-radius:12px;min-height:210px}.process-grid>div>b{font-size:10px;color:var(--cobalt)}.process-grid h3{font-size:19px;margin:40px 0 10px}.process-grid p{font-size:11px;line-height:1.7;color:#6f8090}.route-showcase,.business-showcase,.air-feature,.api-home{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}.route-board{border:1px solid var(--line);border-radius:14px;overflow:hidden}.route-board-head,.route-board a{display:grid;grid-template-columns:1.4fr .6fr .7fr .7fr;align-items:center;gap:12px;padding:15px 17px}.route-board-head{background:#f6f8fa;color:#7f8d9c;font-size:8px;font-weight:800;letter-spacing:1px}.route-board a{border-top:1px solid var(--line);text-decoration:none;font-size:11px}.route-board a:hover{background:#f8fbff}.route-board b{font-size:12px}.route-board b i{font-style:normal;color:#8ca0b3;padding:0 8px}.pill{display:inline-flex;width:max-content;padding:5px 7px;border-radius:6px;font-size:8px;font-weight:800}.pill.blue{background:#e8f0ff;color:#1758c7}.pill.green{background:#e4f7f1;color:#0b8d66}.air-feature{grid-template-columns:1fr 1fr}.air-feature p{color:#dbe7ff;max-width:600px}.hero-actions{display:flex;gap:10px;margin-top:25px}.flight-card{background:#fff;color:var(--ink);border-radius:16px;padding:26px;box-shadow:0 30px 70px rgba(5,26,67,.25)}.flight-top{display:flex;align-items:center;justify-content:center;gap:24px;font-size:22px;font-weight:800}.flight-top i{font-style:normal;color:#7e8d9b}.flight-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin:30px 0}.flight-line div{display:flex;flex-direction:column}.flight-line b{font-size:18px}.flight-line small{font-size:8px;color:#8c98a5;margin-top:3px}.flight-line>span{height:2px;background:linear-gradient(90deg,var(--cobalt),#a8c4f7);position:relative}.flight-line>span:after{content:'';position:absolute;right:-2px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--cobalt)}.flight-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.flight-meta div{background:#f5f7fa;border-radius:9px;padding:12px;display:flex;flex-direction:column;gap:4px}.flight-meta small{font-size:7px;color:#8b98a6}.flight-meta b{font-size:10px}.flight-meta .ok{color:var(--green)}.business-showcase{grid-template-columns:1.15fr .85fr}.dashboard-preview,.dashboard-large{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.dash-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.dash-top div{display:flex;flex-direction:column;gap:4px}.dash-top b{font-size:12px}.dash-top span{font-size:8px;color:#8a98a6}.dash-top button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px;font-size:8px}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px}.dash-stats div{background:#f6f8fa;border-radius:9px;padding:13px;display:flex;flex-direction:column}.dash-stats span{font-size:8px;color:#7f8e9d}.dash-stats strong{font-size:20px;margin:7px 0}.dash-stats small{font-size:8px;color:var(--green)}.dash-stats .warn{color:#be6b0b}.shipment-lines{padding:0 16px 16px}.shipment-lines div{display:grid;grid-template-columns:1fr 1fr auto;padding:12px;border-top:1px solid var(--line);font-size:9px}.shipment-lines em{font-style:normal;color:var(--green)}.shipment-lines .warning{color:#bb6c0a}.check-list{margin:20px 0 25px;display:flex;flex-direction:column;gap:11px}.check-list p{margin:0;font-size:11px;color:#50677a}.api-home{grid-template-columns:.85fr 1.15fr}.api-home p{color:#97aabc}.api-home pre,.api-doc-layout pre{background:#0d2134;border:1px solid #20364b;border-radius:14px;padding:26px;margin:0;font:12px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d7e3ed;overflow:auto}.api-home pre span,.api-doc-layout pre span{color:#8bb9ff}.api-home pre i,.api-doc-layout pre i{color:#7dd5b2}.api-home pre b,.api-doc-layout pre b{color:#89e3bd}.support-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:14px}.support-grid>a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;text-decoration:none;display:flex;flex-direction:column;min-height:180px}.support-grid>a span{font-size:9px;color:var(--cobalt)}.support-grid>a b{font-size:14px;margin-top:42px}.support-grid>a small{font-size:9px;color:#7e8d9b;margin-top:8px}.final-cta{background:linear-gradient(120deg,#0e4bc1,#1465ec);color:#fff;padding:52px 0}.final-cta .container{display:flex;align-items:center;justify-content:space-between}.final-cta span{font-size:9px;letter-spacing:1.6px}.final-cta h2{font-size:30px;margin:9px 0 0;letter-spacing:-1px}.final-cta .container>div:last-child{display:flex;gap:10px}
.page-hero{padding:52px 0 58px;background:linear-gradient(120deg,#f6f9fc,#edf4fa);border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:8px;align-items:center;font-size:9px;color:#8a98a5;margin-bottom:34px}.breadcrumb a{text-decoration:none}.page-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.page-hero h1{font-size:50px;line-height:1.05;letter-spacing:-2.6px;margin:12px 0 16px}.page-hero p{font-size:14px;line-height:1.8;color:#657789;max-width:680px}.hero-data-panel{background:#fff;border:1px solid #dfe6ed;border-radius:15px;padding:21px;box-shadow:0 15px 45px rgba(11,43,72,.08)}.panel-label{font-size:8px;letter-spacing:1.3px;color:#8d9ba8;font-weight:800}.status-line{display:flex;align-items:center;gap:9px;margin:14px 0 20px;font-size:11px}.status-line i{width:8px;height:8px;background:#2db882;border-radius:50%;box-shadow:0 0 0 4px #e2f8ef}.hero-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-data-grid div{background:#f5f8fa;border-radius:9px;padding:13px}.hero-data-grid strong{display:block;font-size:18px}.hero-data-grid span{font-size:8px;color:#8998a6}.metrics-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:13px;overflow:hidden}.metrics-strip div{padding:22px;border-right:1px solid var(--line)}.metrics-strip div:last-child{border-right:0}.metrics-strip span{display:block;font-size:8px;color:#8996a3;letter-spacing:1px}.metrics-strip strong{display:block;font-size:18px;margin-top:8px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.info-card,.cta-card{background:#f6f8fa;border:1px solid var(--line);border-radius:14px;padding:24px}.info-card>span,.cta-card>b{font-size:8px;letter-spacing:1.3px;color:#8291a0}.info-card h3,.cta-card h3{font-size:22px;margin:10px 0 20px}.info-card label{margin-bottom:12px}.service-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-directory a{border:1px solid var(--line);border-radius:13px;padding:24px;min-height:240px;text-decoration:none;display:flex;flex-direction:column}.service-directory span{font-size:8px;letter-spacing:1px;color:var(--cobalt)}.service-directory h3{font-size:21px;margin:45px 0 10px}.service-directory p{font-size:11px;line-height:1.7;color:#718293}.service-directory b{margin-top:auto;font-size:10px;color:var(--cobalt)}.tool-layout{display:grid;grid-template-columns:1fr .38fr;gap:24px;align-items:start}.tool-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 12px 40px rgba(11,37,61,.06)}.tool-card-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:18px}.tool-card-head span{font-size:8px;letter-spacing:1px;color:#7d8d9c}.tool-card-head b{font-size:10px}.side-note{background:#0a2238;color:#fff;border-radius:14px;padding:22px}.side-note b{font-size:13px}.side-note p{font-size:11px;line-height:1.7;color:#aabac9}.side-note a{font-size:10px;color:#8db6ff;text-decoration:none}.tracking-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:24px;align-items:start}.compact-tool{margin-bottom:18px}.track-summary{background:#0a2238;color:#fff;border-radius:14px;padding:24px}.track-summary>span{font-size:8px;letter-spacing:1px;color:#8ea4b8}.track-summary h3{font-size:21px;margin:10px 0 20px}.track-summary div{display:flex;align-items:center;gap:9px}.status-dot{width:8px;height:8px;background:#3bc68d;border-radius:50%}.track-summary strong{font-size:11px}.track-summary p{font-size:10px;color:#a9bac9;margin-top:12px}.timeline-card{border:1px solid var(--line);border-radius:14px;padding:22px}.timeline-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.timeline-head span{font-size:8px;letter-spacing:1px;color:#82909e}.timeline-head b{font-size:10px}.timeline{padding-top:10px}.event{display:grid;grid-template-columns:24px 1fr;gap:12px;min-height:72px;position:relative}.event:before{content:'';position:absolute;left:5px;top:17px;bottom:-5px;width:1px;background:#d9e1e8}.event:last-child:before{display:none}.event i{width:11px;height:11px;border-radius:50%;border:2px solid #c7d1db;background:#fff;margin-top:4px;z-index:1}.event.done i{border-color:var(--green);background:var(--green)}.event.current i{border-color:var(--cobalt);box-shadow:0 0 0 5px #e9f0ff}.event div{display:flex;flex-direction:column;gap:4px}.event b{font-size:11px}.event span,.event small{font-size:9px;color:#7f8e9d}.route-searchbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;border:1px solid var(--line);border-radius:10px;padding:5px 7px 5px 14px;margin-bottom:16px}.route-searchbar input{border:0;box-shadow:none}.route-searchbar>span{color:#718292}.route-searchbar>div{display:flex;gap:5px}.route-filter{border:0;background:#f0f4f7;border-radius:6px;padding:8px 10px;font:700 9px Manrope;color:#67788a;cursor:pointer}.route-filter.active{background:var(--navy);color:#fff}.route-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}.route-head,.route-row{display:grid;grid-template-columns:1.7fr .7fr .7fr .7fr .9fr .6fr;gap:12px;align-items:center;padding:14px 16px}.route-head{background:#f6f8fa;color:#81909e;font-size:8px;letter-spacing:1px;font-weight:800}.route-row{border-top:1px solid var(--line);font-size:10px}.route-row b{font-size:11px}.route-row b i{font-style:normal;color:#8e9ba8;font-size:8px;margin:0 5px}.route-row a{text-decoration:none;color:var(--cobalt);font-weight:800}.transit-result{border:1px solid var(--line);border-radius:14px;overflow:hidden}.transit-result>span{display:block;background:#f5f7f9;padding:14px;font-size:8px;letter-spacing:1px;color:#80909e}.transit-result div{display:flex;justify-content:space-between;padding:17px;border-top:1px solid var(--line)}.transit-result b{font-size:10px}.transit-result strong{font-size:13px}.location-search{display:flex;gap:10px;margin-bottom:18px}.location-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:16px}.location-list{display:flex;flex-direction:column;gap:10px}.location-card{border:1px solid var(--line);border-radius:11px;padding:18px}.location-card.active{border-color:#9ab9ef;background:#f7faff}.location-card>span{font-size:8px;color:var(--cobalt);letter-spacing:1px}.location-card h3{font-size:16px;margin:10px 0 7px}.location-card p{font-size:10px;color:#788898}.location-card div{display:flex;justify-content:space-between}.location-card div b,.location-card div small{font-size:9px}.location-card div small{color:#7f8f9d}.map-placeholder{min-height:520px;border:1px solid var(--line);border-radius:12px;position:relative;overflow:hidden;background:#eef3f6}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#dfe7ec 1px,transparent 1px),linear-gradient(90deg,#dfe7ec 1px,transparent 1px);background-size:34px 34px;transform:rotate(8deg) scale(1.2)}.map-pin{position:absolute;width:32px;height:32px;border-radius:50% 50% 50% 0;background:var(--cobalt);color:#fff;display:grid;place-items:center;font-weight:800;transform:rotate(-45deg);box-shadow:0 5px 15px rgba(20,87,217,.3)}.map-pin::first-letter{transform:rotate(45deg)}.p1{left:34%;top:29%}.p2{left:61%;top:46%}.p3{left:43%;top:67%}.map-placeholder>b{position:absolute;right:15px;bottom:12px;font-size:8px;color:#8998a5}.booking-shell{max-width:1060px}.booking-steps{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:16px}.booking-steps span{font-size:9px;color:#8291a0;display:flex;align-items:center;gap:7px}.booking-steps b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#dfe5ea}.booking-steps .active{color:var(--cobalt);font-weight:800}.booking-steps .active b{background:var(--cobalt);color:#fff}.booking-main{display:grid;grid-template-columns:1fr .36fr;gap:16px}.booking-summary{background:#0b2238;color:#fff;border-radius:14px;padding:22px}.booking-summary>span{font-size:8px;letter-spacing:1px;color:#8fa6ba}.booking-summary h3{font-size:20px;margin:12px 0}.booking-summary p{font-size:10px;line-height:1.7;color:#aabac9}.booking-summary>div{border-top:1px solid #274159;padding-top:15px;margin-top:18px;display:flex;justify-content:space-between}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.capability-grid>div{border:1px solid var(--line);border-radius:12px;padding:22px;min-height:220px}.capability-grid span{font-size:9px;color:var(--cobalt)}.capability-grid h3{font-size:18px;margin:46px 0 10px}.capability-grid p{font-size:11px;line-height:1.7;color:#718294}.flow-rail{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:12px;background:#fff;padding:25px}.flow-rail span{font-size:10px;font-weight:800;color:#28425a}.flow-rail i{font-style:normal;color:#a0adba}.api-doc-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.endpoint-list{margin-top:24px}.endpoint-list div{display:grid;grid-template-columns:50px 1fr auto;gap:10px;border-top:1px solid #203448;padding:13px 0;font-size:10px}.endpoint-list div span{color:#8db6ff;font-weight:800}.endpoint-list div small{color:#8398aa}.ops-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.ops-stat{border:1px solid var(--line);border-radius:10px;padding:16px}.ops-stat span{font-size:8px;color:#84929f}.ops-stat strong{font-size:23px;display:block;margin:7px 0}.ops-stat small{font-size:8px;color:var(--green)}.ops-stat .warn{color:#bd6f0e}.dash-table-large .head,.dash-table-large>div{display:grid;grid-template-columns:1fr 1fr 1fr 1fr .8fr;gap:12px;padding:14px 18px;border-top:1px solid var(--line);font-size:9px}.dash-table-large .head{background:#f5f7fa;color:#82919e;font-size:8px}.dash-table-large em{font-style:normal;color:var(--green)}.dash-table-large .warning{color:#bd6f0e}.pricing-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}.pricing-head,.pricing-table>div{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:12px;align-items:center;padding:15px 17px;border-top:1px solid var(--line);font-size:10px}.pricing-head{background:#f5f7f9;border-top:0!important;color:#81909f;font-size:8px;font-weight:800}.notice{margin-top:16px;border-left:3px solid var(--cobalt);background:#f3f7fd;padding:15px 18px}.notice b{font-size:10px}.notice p{font-size:10px;color:#637587;margin:5px 0 0}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rule-card{border:1px solid var(--line);border-radius:13px;padding:24px;min-height:240px}.rule-card>span{font-size:8px;letter-spacing:1px;color:var(--cobalt)}.rule-card.danger{border-top:4px solid #cc5353}.rule-card.warning{border-top:4px solid #e4a23f}.rule-card h3{font-size:19px;margin:40px 0 12px}.rule-card p{font-size:11px;line-height:1.8;color:#6f8091}.support-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.support-categories a{border:1px solid var(--line);border-radius:12px;padding:22px;min-height:200px;text-decoration:none}.support-categories span{font-size:9px;color:var(--cobalt)}.support-categories h3{font-size:18px;margin:42px 0 9px}.support-categories p{font-size:11px;color:#718192;line-height:1.7}.center-actions{display:flex;gap:10px;justify-content:center;margin-top:30px}.metric-wall{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-wall div{background:#f5f7fa;border:1px solid var(--line);border-radius:10px;padding:20px}.metric-wall strong{display:block;font-size:28px}.metric-wall span{font-size:8px;color:#83919f}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.contact-card{border:1px solid var(--line);border-radius:12px;padding:22px}.contact-card>span{font-size:8px;color:var(--cobalt);letter-spacing:1px}.contact-card h3{font-size:18px;margin:33px 0 10px}.contact-card p{font-size:11px;line-height:1.7;color:#718292}.contact-card b{font-size:10px}.contact-form{margin-top:18px}.sitemap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sitemap-grid>div{border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column}.sitemap-grid>div>span{font-size:8px;letter-spacing:1px;color:#7f8d9a;font-weight:800;margin-bottom:10px}.sitemap-grid a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;padding:11px 0;border-top:1px solid #edf1f4}.sitemap-grid a b{font-size:10px}.sitemap-grid a small{font-size:8px;color:#92a0ad}
.site-footer{background:#04111f;color:#9cadbd;padding:60px 0 18px}.footer-top{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:42px}.brand.inverse .brand-type b{color:#fff}.footer-brand p{font-size:10px;line-height:1.8;margin-top:18px;max-width:300px}.footer-badges{display:flex;gap:6px;flex-wrap:wrap}.footer-badges span{border:1px solid #1b3044;border-radius:5px;padding:5px 7px;font-size:7px;color:#71879b}.footer-top>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}.footer-top>div>b{color:#fff;font-size:10px;margin-bottom:5px}.footer-top a{font-size:9px;color:#91a2b2;text-decoration:none}.footer-top a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #17283a;margin-top:42px;padding-top:17px;font-size:8px;color:#6d8296}.toast{position:fixed;right:20px;bottom:20px;background:#0b2238;color:#fff;border-radius:9px;padding:12px 15px;box-shadow:var(--shadow);font-size:10px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;z-index:100}.toast.show{opacity:1;transform:none}
@media(max-width:1050px){.main-nav,.header-actions{display:none}.mobile-toggle{display:block;margin-left:auto}.mobile-drawer.open{display:flex;position:fixed;z-index:49;left:0;right:0;top:106px;background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.12);padding:18px 20px;flex-direction:column}.mobile-drawer a{text-decoration:none;padding:12px;border-bottom:1px solid var(--line);font-size:12px;font-weight:700}.home-hero-grid,.page-hero-grid,.route-showcase,.air-feature,.business-showcase,.api-home,.api-doc-layout,.two-col{grid-template-columns:1fr}.service-cards{grid-template-columns:1fr 1fr}.support-grid{grid-template-columns:1fr 1fr}.tool-layout,.tracking-layout,.location-layout,.booking-main{grid-template-columns:1fr}.footer-top{grid-template-columns:1.4fr 1fr 1fr}.footer-top>div:nth-child(n+4){margin-top:15px}.quote-card{grid-template-columns:1fr 1fr 1fr}.quote-service{grid-column:1/-1}.quote-card button{grid-column:3}.route-table{overflow:auto}.route-head,.route-row{min-width:850px}.pricing-table{overflow:auto}.pricing-head,.pricing-table>div{min-width:800px}.capability-grid,.process-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.container{width:min(calc(100% - 24px),var(--container))}.utility-bar{display:none}.site-header{height:66px}.mobile-drawer.open{top:66px}.home-hero{padding-top:50px}.home-hero-grid{padding-bottom:48px}.hero-copy h1{font-size:40px;letter-spacing:-2px}.hero-copy>p{font-size:14px}.hero-trust{gap:14px}.hero-trust div{padding-right:14px}.form-row,.form-row.three{grid-template-columns:1fr}.tool-strip-grid{grid-template-columns:1fr 1fr}.tool-strip a:nth-child(odd){border-left:1px solid var(--line)}.tool-strip a{border-bottom:1px solid var(--line)}.section{padding:64px 0}.section-heading h2,.two-col h2,.route-showcase h2,.air-feature h2,.business-showcase h2,.api-home h2,.support-grid h2{font-size:31px}.service-cards,.process-grid,.capability-grid,.support-categories,.rule-grid,.contact-grid,.sitemap-grid{grid-template-columns:1fr}.support-grid{grid-template-columns:1fr}.quote-card{grid-template-columns:1fr 1fr}.quote-price{grid-column:1}.quote-card button{grid-column:2}.final-cta .container{align-items:flex-start;flex-direction:column;gap:22px}.page-hero h1{font-size:38px}.metrics-strip{grid-template-columns:1fr 1fr}.metrics-strip div:nth-child(2){border-right:0}.metrics-strip div{border-bottom:1px solid var(--line)}.service-directory{grid-template-columns:1fr}.booking-steps{grid-template-columns:1fr;gap:8px}.ops-grid{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:7px}.hero-network-line i{width:25px}.hero-network-line b{display:none}.flight-meta{grid-template-columns:1fr}.location-search{flex-direction:column}}


/* === TYPOGRAPHY FIX V2.1: smaller titles, safe Vietnamese line spacing === */
h1,h2,h3{
  margin-top:0;
  font-weight:700;
  letter-spacing:-.35px;
  line-height:1.3;
  word-break:normal;
  overflow-wrap:normal;
  text-wrap:pretty;
}
.hero-copy h1{
  font-size:48px;
  line-height:1.18;
  letter-spacing:-1.25px;
  max-width:640px;
  margin:16px 0 22px;
}
.page-hero h1{
  font-size:40px;
  line-height:1.22;
  letter-spacing:-.8px;
  margin:12px 0 14px;
}
.section-heading h2,.two-col h2,.route-showcase h2,.air-feature h2,.business-showcase h2,.api-home h2,.support-grid h2{
  font-size:32px;
  line-height:1.28;
  letter-spacing:-.6px;
  margin:12px 0 0;
}
.section-heading{max-width:720px;margin-bottom:34px}
.section-heading.split{gap:28px;align-items:flex-end}
.section-heading.split>div{min-width:0;flex:1}
.section-heading.split .text-link{flex:0 0 auto;white-space:nowrap;margin-bottom:5px}
.mega-feature h3{font-size:18px;line-height:1.35;letter-spacing:-.25px;margin:11px 0 8px}
.service-cards h3{font-size:20px;line-height:1.35;letter-spacing:-.25px;margin:40px 0 12px}
.process-grid h3{font-size:17px;line-height:1.4;letter-spacing:-.2px;margin:36px 0 10px}
.booking-summary h3,.rule-card h3,.capability-grid h3,.support-categories h3,.contact-card h3,.location-card h3{
  line-height:1.4;
  letter-spacing:-.2px;
}
.final-cta h2{font-size:27px;line-height:1.3;letter-spacing:-.45px}
.hero-trust strong,.metric-wall strong,.ops-stat strong{line-height:1.2}
.main-nav,.nav-item>a,.header-actions,.btn,.link-track,.mega-kicker,.eyebrow,.text-link,.tool-strip b,.tool-strip small{
  white-space:nowrap;
}
.mega-col b,.mega-col small{line-height:1.45}
.service-cards p,.process-grid p,.mega-feature p,.support-categories p,.rule-card p,.contact-card p,.capability-grid p{
  line-height:1.72;
}

@media(max-width:1050px){
  .hero-copy h1{font-size:43px;line-height:1.2;letter-spacing:-.9px}
  .section-heading.split{align-items:flex-start;flex-wrap:wrap;gap:14px}
  .section-heading.split .text-link{margin:0}
}
@media(max-width:700px){
  .hero-copy h1{font-size:34px;line-height:1.24;letter-spacing:-.55px;margin:13px 0 17px}
  .page-hero h1{font-size:31px;line-height:1.28;letter-spacing:-.45px}
  .section-heading h2,.two-col h2,.route-showcase h2,.air-feature h2,.business-showcase h2,.api-home h2,.support-grid h2{
    font-size:26px;
    line-height:1.32;
    letter-spacing:-.35px;
  }
  .mega-feature h3{font-size:17px;line-height:1.4}
  .service-cards h3{font-size:19px;line-height:1.4;margin-top:28px}
  .process-grid h3{font-size:16px;line-height:1.42;margin-top:28px}
  .final-cta h2{font-size:24px;line-height:1.35}
  .hero-copy>p{line-height:1.75}
}

/* V2.2 — customer-service destinations */
.section-destinations{background:#f6f8fb}.destination-home-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.destination-home-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.destination-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.destination-panel-head span{font-size:8px;letter-spacing:1.4px;color:var(--cobalt);font-weight:800}.destination-panel-head h3{font-size:20px;line-height:1.35;margin:7px 0 0}.destination-panel-head>a{font-size:9px;font-weight:800;text-decoration:none;color:var(--cobalt);white-space:nowrap}.destination-mini-grid{display:grid;grid-template-columns:1fr 1fr}.destination-mini-grid>a{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;text-decoration:none;padding:17px 8px;border-bottom:1px solid #edf1f4}.destination-mini-grid>a:nth-child(odd){padding-right:16px;border-right:1px solid #edf1f4}.destination-mini-grid>a:nth-child(even){padding-left:16px}.destination-mini-grid>a>b{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:#edf4ff;color:var(--cobalt);font-size:10px}.destination-mini-grid strong{display:block;font-size:11px;color:#17334c}.destination-mini-grid small{display:block;font-size:8px;color:#82909e;margin-top:4px}.destination-mini-grid i{font-style:normal;color:#9aa8b5}.country-chip-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.country-chip-grid a{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:10px;text-decoration:none}.country-chip-grid b{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:#0c2b46;color:#fff;font-size:8px}.country-chip-grid span{font-size:10px;font-weight:700;color:#233d54}.destination-grid,.country-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.destination-card,.country-card{border:1px solid var(--line);border-radius:13px;padding:20px;text-decoration:none;min-height:210px;display:flex;flex-direction:column;position:relative;background:#fff}.destination-card:hover,.country-card:hover{border-color:#9eb9e7;box-shadow:0 16px 35px rgba(13,54,95,.08);transform:translateY(-2px)}.destination-code,.country-card>span{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#edf4ff;color:var(--cobalt);font-size:10px;font-weight:800}.destination-card h3,.country-card h3{font-size:18px;line-height:1.4;margin:26px 0 4px;color:#17334c}.destination-card p,.country-card p{font-size:9px;color:#65798b;margin:0}.destination-card small,.country-card small{font-size:9px;line-height:1.65;color:#8493a1;margin-top:9px;display:block}.destination-card>i,.country-card>i{position:absolute;right:18px;top:24px;font-style:normal;color:#9aabba}.country-card>span{background:#0c2b46;color:#fff}.journey-types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.journey-types>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.journey-types b{font-size:9px;color:var(--cobalt)}.journey-types h3{font-size:17px;line-height:1.4;margin:24px 0 8px}.journey-types p{font-size:10px;line-height:1.7;color:#708294}.region-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.region-grid a{min-height:130px;border:1px solid var(--line);border-radius:12px;padding:18px;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;background:#fff}.region-grid b{font-size:13px;color:#17334c}.region-grid span{font-size:9px;line-height:1.6;color:#788997;margin-top:7px}.location-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.location-facts div{border:1px solid var(--line);border-radius:9px;padding:12px;display:flex;flex-direction:column;gap:5px}.location-facts span{font-size:8px;color:#82909e}.location-facts b{font-size:10px;color:#263f56}.route-card-stack{display:flex;flex-direction:column;gap:9px}.route-card-stack>a{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:15px 17px;background:#fff}.route-card-stack span,.route-card-stack b{font-size:10px;color:#233d54}.route-card-stack b{text-align:right}.route-card-stack i{font-style:normal;color:#9aa8b4}.destination-feature{background:#f2f7ff}.destination-hero .hero-data-grid strong{font-size:13px}.destination-hero .hero-data-grid span{font-size:8px}.page-hero.destination-hero p{max-width:620px}
@media(max-width:1050px){.destination-home-layout{grid-template-columns:1fr}.destination-grid,.country-grid{grid-template-columns:repeat(2,1fr)}.region-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.destination-mini-grid{grid-template-columns:1fr}.destination-mini-grid>a:nth-child(odd){border-right:0;padding-right:8px}.destination-mini-grid>a:nth-child(even){padding-left:8px}.country-chip-grid,.destination-grid,.country-grid,.journey-types,.region-grid,.location-facts{grid-template-columns:1fr}.destination-panel-head{align-items:flex-start;flex-direction:column}.destination-card,.country-card{min-height:185px}}

/* ==========================================================
   V2.4 — J&T EXPRESS-INSPIRED DESIGN SYSTEM
   User-supplied design DNA. Information architecture unchanged.
   ========================================================== */

:root{
  --jt-red:#ff6b00;
  --jt-red-dark:#e85f00;
  --jt-blue:#003c9f;
  --jt-text:#161d25;
  --jt-muted:#5d6a7a;
  --jt-border:#e9e9e9;
  --jt-soft:#f7f8fa;
  --jt-soft-red:#fff5f5;
  --jt-white:#ffffff;
  --jt-radius:10px;
  --jt-space:12px;
  --jt-shadow-mid:0 3px 10px rgba(0,0,0,.16);
  --jt-shadow-high:0 4px 20px rgba(194,186,204,.4);

  /* compatibility tokens */
  --color-primary:#ff0000;
  --color-secondary:#0090c0;
  --color-blue:#0090c0;
  --color-bg:#ffffff;
  --color-surface:#ffffff;
  --color-soft:#f7f8fa;
  --color-warm:#fff5f5;
  --color-yellow:#ffffff;
  --color-text:#161d25;
  --color-text-secondary:#5d6a7a;
  --color-border:#e9e9e9;
  --color-danger:#ef4444;
  --color-success:#16a36a;
  --shadow-mid:var(--jt-shadow-mid);
  --shadow-high:var(--jt-shadow-high);
  --radius-button:10px;
  --radius-card:10px;
  --space:12px;

  --navy:#ffffff;
  --navy2:#f7f8fa;
  --ink:#161d25;
  --muted:#5d6a7a;
  --line:#e9e9e9;
  --soft:#f7f8fa;
  --cobalt:#ff0000;
  --cobalt2:#d60009;
  --teal:#0090c0;
  --green:#16a36a;
  --white:#ffffff;
  --amber:#ff0000;
  --danger:#ef4444;
  --shadow:var(--jt-shadow-high);
  --radius:10px;
}

html,body{background:#fff}
body{
  font-family:'Manrope',Arial,sans-serif;
  color:var(--jt-text);
  background:#fff;
  font-size:14px;
  line-height:1.7;
  font-weight:400;
}
*{scroll-margin-top:96px}
a{transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.container{width:min(calc(100% - 48px),1240px)}

/* Global typography — restrained J&T scale */
h1,h2,h3,h4,h5,h6,
.hero-copy h1,.page-hero h1,.section-heading h2,.two-col h2,.route-showcase h2,
.air-feature h2,.business-showcase h2,.support-grid h2,.final-cta h2,.mega-feature h3{
  font-family:'Manrope',Arial,sans-serif;
  color:var(--jt-text);
  font-weight:500;
  letter-spacing:0;
  word-break:normal;
  overflow-wrap:normal;
  text-wrap:pretty;
}
h1{font-size:30px;line-height:1.4}
h2{font-size:20px;line-height:1.45}
h3{font-size:16px;line-height:1.5}
h4{font-size:14px;line-height:1.55}
p,li,small,span,a,button,input,select,textarea,label{font-family:'Manrope',Arial,sans-serif}

/* Utility + header */
.utility-bar{height:36px;background:var(--jt-red);color:#fff;font-size:11px}
.utility-inner a{color:#fff;border-left:1px solid rgba(255,255,255,.26)}
.utility-inner>span i{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.2)}
.site-header{height:72px;background:#fff;border-bottom:1px solid var(--jt-border);box-shadow:0 2px 8px rgba(22,29,37,.04)}
.brand{min-width:180px}
.brand-mark{width:38px;height:38px;border-radius:6px;background:var(--jt-red)}
.brand-mark i{height:27px;top:6px}.brand-mark i:nth-child(1){left:7px}.brand-mark i:nth-child(2){left:16px;height:19px;top:10px}.brand-mark i:nth-child(3){left:26px}
.brand-type b{font-size:16px;font-weight:600;color:var(--jt-text);letter-spacing:.2px}
.brand-type small{font-size:8px;color:var(--jt-muted);letter-spacing:1.8px}
.main-nav{gap:2px}
.nav-item>a{padding:0 12px;font-size:12px;font-weight:500;color:var(--jt-text)}
.nav-item>a span{font-size:8px;color:#9da4ad}
.nav-item:hover>a,.nav-item:focus-within>a{color:var(--jt-red)}
.header-actions{gap:10px;margin-left:10px}
.link-track{font-size:12px;font-weight:500;color:var(--jt-red)}
.mobile-toggle{color:var(--jt-text)}

/* Buttons */
.btn{min-height:42px;padding:0 18px;border-radius:6px;font-size:13px;font-weight:600;font-family:'Manrope',Arial,sans-serif}
.btn-sm{min-height:38px;padding:0 16px}
.btn-primary{background:var(--jt-red);color:#fff;border-color:var(--jt-red)}
.btn-primary:hover{background:var(--jt-red-dark);border-color:var(--jt-red-dark)}
.btn-outline{background:#fff;color:var(--jt-red);border:1px solid var(--jt-red)}
.btn-outline:hover{background:var(--jt-soft-red)}
.btn-white{background:#fff;color:var(--jt-red);border:1px solid var(--jt-red)}
.btn-ghost-white{background:#fff;color:var(--jt-red);border:1px solid var(--jt-red)}

/* Mega menu */
.mega-panel{top:72px;background:#fff;border-top:1px solid var(--jt-border);box-shadow:var(--jt-shadow-mid);padding:24px 0}
.mega-grid{gap:36px}
.mega-kicker{font-size:10px;letter-spacing:.8px;color:var(--jt-red);font-weight:600;margin-bottom:6px}
.mega-col a{padding:10px 0;border-bottom:1px solid var(--jt-border)}
.mega-col a:hover b{color:var(--jt-red)}
.mega-col b{font-size:13px;font-weight:500;line-height:1.5;color:var(--jt-text)}
.mega-col small{font-size:11px;line-height:1.55;color:var(--jt-muted)}
.mega-feature,.mega-feature.dark-card{background:#fff;border:1px solid var(--jt-border);color:var(--jt-text);border-radius:10px;padding:24px;box-shadow:none}
.mega-feature>span{font-size:10px;letter-spacing:.6px;font-weight:600;color:var(--jt-red)}
.mega-feature h3{font-size:18px;line-height:1.45;margin:10px 0 8px}
.mega-feature p,.mega-feature.dark-card p{font-size:12px;line-height:1.7;color:var(--jt-muted)}
.mega-cta,.dark-card .mega-cta{font-size:12px;font-weight:600;color:var(--jt-red)}

/* Home hero */
.home-hero{background:#fff;color:var(--jt-text);padding:60px 0 0;border-bottom:1px solid var(--jt-border)}
.home-hero-grid{grid-template-columns:.92fr 1.08fr;gap:48px;padding-bottom:48px}
.eyebrow,.eyebrow.dark,.eyebrow.light{font-size:10px;font-weight:600;letter-spacing:.8px;color:var(--jt-red)}
.hero-copy h1{font-size:30px;line-height:1.42;letter-spacing:0;margin:12px 0 16px;max-width:620px;color:var(--jt-text);font-weight:500}
.hero-copy h1 em{font-style:normal;color:var(--jt-red);font-weight:500}
.hero-copy>p{font-size:15px;line-height:1.75;color:var(--jt-muted);max-width:600px}
.hero-trust{gap:24px;margin-top:24px}
.hero-trust div{padding-right:24px;border-right:1px solid var(--jt-border)}
.hero-trust strong{font-size:20px;line-height:1.35;color:var(--jt-red);font-weight:600}
.hero-trust span{font-size:9px;letter-spacing:.3px;color:var(--jt-muted)}
.search-product-card{background:#fff;color:var(--jt-text);border:1px solid var(--jt-border);border-radius:10px;box-shadow:var(--jt-shadow-high)}
.product-tabs{border-bottom:1px solid var(--jt-border)}
.product-tabs button{background:#fafafa;padding:14px 12px;font:500 12px 'Manrope',Arial,sans-serif;color:var(--jt-muted)}
.product-tabs button.active{background:#fff;color:var(--jt-red);box-shadow:inset 0 -2px var(--jt-red)}
.product-panel{padding:24px}
.form-row{gap:12px;margin-bottom:12px}
label{gap:6px;font-size:11px;font-weight:500;color:var(--jt-muted)}
input,select,textarea{border:1px solid #dfe2e6;border-radius:6px;background:#fff;padding:12px;font:400 13px 'Manrope',Arial,sans-serif;color:var(--jt-text);outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--jt-red);box-shadow:0 0 0 3px rgba(255,0,0,.08)}
.input-unit{border:1px solid #dfe2e6;border-radius:6px}.input-unit input{border:0}.input-unit b{background:#fafafa;border-left:1px solid #dfe2e6;font-size:11px}
.form-note{font-size:10px;color:#8a929d}
.hero-network-line{height:42px;background:#fff;border-top:1px solid var(--jt-border)}
.hero-network-line .container{color:var(--jt-muted);font-size:10px}.hero-network-line i{background:var(--jt-red)}.hero-network-line b{color:var(--jt-text)}

/* Quick tools */
.tool-strip{background:#fff;border-bottom:1px solid var(--jt-border)}
.tool-strip a{min-height:96px;padding:18px 20px;border-color:var(--jt-border)}
.tool-strip>a>span{font-size:10px;color:var(--jt-red);font-weight:600}.tool-strip b{font-size:13px;font-weight:500;color:var(--jt-text)}.tool-strip small{font-size:11px;color:var(--jt-muted)}.tool-strip i{color:var(--jt-red)}

/* Section rhythm */
.section{padding:72px 0}
.section-white,.section-navy,.section-cobalt,.section-code,.section-destinations{background:#fff;color:var(--jt-text)}
.section-soft{background:var(--jt-soft)}
.section-heading{margin-bottom:36px;max-width:720px}
.section-heading h2,.two-col h2,.route-showcase h2,.air-feature h2,.business-showcase h2,.support-grid h2{font-size:22px;line-height:1.5;letter-spacing:0;color:var(--jt-text);font-weight:500;margin:10px 0 0}
.section-heading p,.two-col p,.route-showcase p,.air-feature p,.business-showcase p,.support-grid p{font-size:13px;line-height:1.75;color:var(--jt-muted)}
.section-heading.light h2{color:var(--jt-text)}
.text-link,.text-link.light{font-size:12px;font-weight:500;color:var(--jt-red)}

/* Generic surfaces */
.quote-card,.service-cards a,.process-grid>div,.capability-grid>div,.rule-card,.info-card,.contact-card,.tool-card,.cta-card,.booking-summary,.side-note,.support-categories>div,
.route-board,.route-table,.pricing-table,.timeline-card,.dashboard-preview,.dashboard-large,.booking-shell,.contact-form,
.compact-tool,.track-summary,.transit-result,.location-search,.destination-home-panel,.destination-card,.country-card,
.journey-types>div,.region-grid a,.location-facts div,.route-card-stack>a,.hero-data-panel,.metric-wall>div,.ops-stat{
  background:#fff;
  border:1px solid var(--jt-border);
  border-radius:10px;
  box-shadow:none;
}
.quote-card:hover,.service-cards a:hover,.destination-card:hover,.country-card:hover,.region-grid a:hover{border-color:#d8d8d8;box-shadow:0 3px 10px rgba(0,0,0,.08);transform:translateY(-1px)}

/* Quote */
.quote-list{gap:12px}.quote-card{padding:18px 20px}.quote-card.recommended{border-color:var(--jt-red);box-shadow:0 2px 10px rgba(255,0,0,.08)}
.quote-card.recommended:before{background:var(--jt-red);border-radius:4px;font-size:8px}
.quote-service b{font-size:14px;font-weight:500}.quote-service span,.quote-meta span,.quote-price span{font-size:11px;color:var(--jt-muted)}.quote-meta strong{font-size:13px;font-weight:500}.quote-price strong{font-size:18px;color:var(--jt-text);font-weight:600}
.quote-card button{background:var(--jt-red);border-radius:6px;padding:10px 14px;font:600 12px 'Manrope',Arial,sans-serif}

/* Service cards */
.service-cards{gap:12px}.service-cards a{color:var(--jt-text)}
.service-cards a.featured{background:#fff;border-color:var(--jt-red)}
.service-cards span{color:var(--jt-red)}.service-cards h3{font-size:16px;line-height:1.55;color:var(--jt-text);font-weight:500;margin-top:30px}.service-cards p{font-size:12px;line-height:1.75;color:var(--jt-muted)}.service-cards b{color:var(--jt-red);font-weight:500}
.process-grid>div b{color:var(--jt-red)}.process-grid h3{font-size:15px;font-weight:500;line-height:1.55;margin-top:24px}.process-grid p{font-size:12px;line-height:1.75;color:var(--jt-muted)}

/* Route / timetable / tracking */
.route-board-head,.route-head,.pricing-head,.timeline-head{background:#fafafa;color:var(--jt-text);border-color:var(--jt-border)}
.pill.blue{background:#edf8fc;color:var(--jt-blue)}.pill.green{background:#edf8f2;color:#16875d}
.air-feature p{color:var(--jt-muted)}
.section-cobalt .btn-white,.section-cobalt .btn-ghost-white{color:var(--jt-red);border-color:var(--jt-red);background:#fff}
.flight-card{background:#fff;color:var(--jt-text);border:1px solid var(--jt-border);border-radius:10px;box-shadow:var(--jt-shadow-mid)}
.flight-top{border-color:var(--jt-border)}.flight-top span{color:var(--jt-text)}.flight-top i{color:var(--jt-red)}.flight-line span{background:#ececec}.flight-meta{border-color:var(--jt-border)}.flight-meta small{color:var(--jt-muted)}
.status-dot,.status-line i,.timeline .event:before{background:var(--jt-red)}
.timeline .event.done:before{background:#16a36a}
.notice{background:#fff7f7;border:1px solid #ffd5d5;color:#8a1e24;border-radius:6px}

/* Dashboard */
.dashboard-preview,.dashboard-large{color:var(--jt-text)}
.dash-top,.dash-table-large .head{background:#fff;border-color:var(--jt-border)}
.dash-stats>div{background:#fafafa;border-color:var(--jt-border);border-radius:8px}
.dash-stats span,.shipment-lines span{color:var(--jt-muted)}.dash-stats strong{color:var(--jt-text);font-weight:600}
.shipment-lines>div,.dash-table-large>div{border-color:var(--jt-border)}.shipment-lines em{color:#16875d}.shipment-lines em.warning,.warn{color:#c53030}.check-list p:before{color:var(--jt-red)}

/* Destinations */
.destination-home-layout{gap:12px}.destination-home-panel{padding:24px}
.destination-panel-head{border-color:var(--jt-border);padding-bottom:16px}.destination-panel-head span{font-size:10px;color:var(--jt-red);font-weight:600}.destination-panel-head h3{font-size:18px;font-weight:500}.destination-panel-head>a{font-size:11px;color:var(--jt-red);font-weight:500}
.destination-mini-grid>a{border-color:var(--jt-border);padding-top:14px;padding-bottom:14px}.destination-mini-grid>a>b{background:#fff0f0;color:var(--jt-red);border-radius:6px}.destination-mini-grid strong{font-size:13px;font-weight:500;color:var(--jt-text)}.destination-mini-grid small{font-size:10px;color:var(--jt-muted)}
.country-chip-grid{gap:8px}.country-chip-grid a{border-color:var(--jt-border);border-radius:8px}.country-chip-grid a:hover{border-color:#d6d6d6;background:#fafafa}.country-chip-grid b{background:var(--jt-red);border-radius:6px}.country-chip-grid span{font-size:12px;color:var(--jt-text);font-weight:500}
.destination-grid,.country-grid{gap:12px}.destination-card,.country-card{padding:18px;min-height:190px}
.destination-code,.country-card>span{background:#fff0f0;color:var(--jt-red);border-radius:6px}.country-card>span{background:var(--jt-red);color:#fff}
.destination-card h3,.country-card h3{font-size:16px;line-height:1.5;font-weight:500;color:var(--jt-text);margin:22px 0 4px}.destination-card p,.country-card p,.destination-card small,.country-card small{color:var(--jt-muted)}
.journey-types{gap:12px}.journey-types>div{padding:20px}.journey-types b{font-size:9px;color:var(--jt-red)}.journey-types h3{font-size:15px;font-weight:500;margin:18px 0 8px}.journey-types p,.region-grid span{font-size:11px;line-height:1.7;color:var(--jt-muted)}
.destination-feature{background:#fafafa}

/* Internal page hero */
.page-hero{background:#fff;color:var(--jt-text);border-bottom:1px solid var(--jt-border)}
.page-hero h1{font-size:30px;line-height:1.45;letter-spacing:0;color:var(--jt-text);font-weight:500}
.page-hero p{font-size:14px;line-height:1.75;color:var(--jt-muted)}
.breadcrumb{font-size:11px;color:#8a929d}.breadcrumb a{color:var(--jt-red)}
.hero-data-panel{box-shadow:var(--jt-shadow-mid)}
.hero-data-grid>div{border-color:var(--jt-border)}.hero-data-grid span{color:var(--jt-muted)}.hero-data-grid strong{color:var(--jt-text);font-weight:500}
.metric-wall strong,.ops-stat strong{color:var(--jt-red);font-weight:600}

/* Final CTA */
.final-cta{background:var(--jt-red);color:#fff}
.final-cta span{color:#fff}.final-cta h2{font-size:24px;line-height:1.5;letter-spacing:0;color:#fff;font-weight:500}
.final-cta .btn-white{background:#fff;color:var(--jt-red);border-color:#fff}
.final-cta .btn-ghost-white{background:transparent;color:#fff;border-color:#fff}

/* Footer remains light */
.site-footer{background:#fafafa;color:var(--jt-text);border-top:1px solid var(--jt-border)}
.footer-top{border-color:var(--jt-border)}.footer-brand p,.footer-top a,.footer-bottom{color:var(--jt-muted)}.footer-top>div>b{color:var(--jt-text);font-weight:500}.footer-top a:hover{color:var(--jt-red)}
.footer-badges span{background:#fff;border:1px solid var(--jt-border);color:var(--jt-muted);border-radius:6px}
.brand.inverse .brand-type b{color:var(--jt-text)}.brand.inverse .brand-type small{color:var(--jt-muted)}

/* Keep short navigation labels on one line */
.main-nav,.nav-item>a,.header-actions,.btn,.link-track,.mega-kicker,.eyebrow,.text-link,.tool-strip b,.tool-strip small{white-space:nowrap}
.mega-col b,.mega-col small{line-height:1.5}

@media(max-width:1050px){
  .mega-panel{top:72px}
  .hero-copy h1{font-size:28px;line-height:1.45}
  .section-heading h2,.two-col h2,.route-showcase h2,.air-feature h2,.business-showcase h2,.support-grid h2{font-size:20px;line-height:1.5}
}
@media(max-width:700px){
  .container{width:min(calc(100% - 30px),1240px)}
  .utility-bar{display:none}
  .site-header{height:64px}.mobile-drawer.open{top:64px}
  .home-hero{padding-top:36px}.home-hero-grid{padding-bottom:36px}
  .hero-copy h1{font-size:26px;line-height:1.45;margin:10px 0 14px}.hero-copy>p{font-size:14px;line-height:1.75}
  .section{padding:48px 0}
  .section-heading{margin-bottom:24px}
  .section-heading h2,.two-col h2,.route-showcase h2,.air-feature h2,.business-showcase h2,.support-grid h2{font-size:19px;line-height:1.55}
  .page-hero h1{font-size:26px;line-height:1.5}
  .final-cta h2{font-size:21px;line-height:1.55}
  .product-tabs button{font-size:11px;padding:12px 6px}
  .product-panel{padding:18px}
  .destination-home-panel{padding:18px}
}


/* Visual upgrade for homepage service + flow blocks */
.service-cards a{padding:18px;min-height:340px}
.service-visual{height:108px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid #eceef2;border-radius:12px;background:linear-gradient(135deg,#fff5f5 0%,#f7fbff 100%);margin-bottom:16px}
.service-visual:before,.service-visual:after{content:'';position:absolute;border-radius:999px;opacity:.9}
.service-visual:before{width:108px;height:108px;right:-28px;top:-34px;background:rgba(255,0,0,.08)}
.service-visual:after{width:74px;height:74px;left:-18px;bottom:-22px;background:rgba(0,144,192,.08)}
.service-visual svg{width:86px;height:60px;position:relative;z-index:1;stroke:var(--jt-red);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.service-visual.air svg,.service-visual.express svg{stroke:var(--jt-blue)}
.service-tagline{position:absolute;left:14px;bottom:12px;z-index:1;font-size:10px;line-height:1;color:var(--jt-muted);font-weight:500;letter-spacing:.2px}
.service-cards h3{margin-top:14px}
.service-cards b{display:inline-flex;align-items:center;gap:6px}
.service-cards a:hover .service-visual{border-color:#ffd7d9;background:linear-gradient(135deg,#fff2f2 0%,#f0fbff 100%)}
.service-cards a:hover .service-visual svg{transform:translateY(-1px)}

.process-grid>div{position:relative;padding:22px;min-height:238px}
.process-visual{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:18px;border:1px solid #ffe0e0;background:linear-gradient(135deg,#fff5f5 0%,#fff 100%);margin-bottom:14px}
.process-visual svg{width:40px;height:40px;stroke:var(--jt-red);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.process-visual.compare{background:linear-gradient(135deg,#eef8fc 0%,#fff 100%);border-color:#d7eef7}
.process-visual.compare svg{stroke:var(--jt-blue)}
.process-visual.track{background:linear-gradient(135deg,#fff8ef 0%,#fff 100%);border-color:#ffe7ba}
.process-grid>div>b{display:inline-block;margin-top:2px}
.process-grid h3{margin-top:12px}
.process-grid>div:not(:last-child):after{content:'→';position:absolute;right:-14px;top:44px;width:28px;height:28px;border-radius:999px;background:#fff;color:var(--jt-red);border:1px solid var(--jt-border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;box-shadow:0 3px 10px rgba(0,0,0,.06)}

@media(max-width:1050px){
  .process-grid>div:not(:last-child):after{display:none}
}
@media(max-width:700px){
  .service-cards a{min-height:auto}
  .service-visual{height:96px}
  .service-visual svg{width:78px;height:56px}
  .process-grid>div{min-height:auto}
}


/* Brand logo image */
.brand-image{display:flex;align-items:center}
.brand-logo{display:block;height:50px;width:auto;object-fit:contain}
.footer-logo{height:52px}
.brand-image .brand-mark,.brand-image .brand-type{display:none}
@media(max-width:1050px){.brand-logo{height:46px}}
@media(max-width:700px){.brand{min-width:auto}.brand-logo{height:42px}.footer-logo{height:46px}}

/* Staff / team visual sections */
.team-showcase-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:stretch}
.team-card-wide,.team-card,.staff-photo,.team-support-media,.enterprise-human-media{background:#fff;border:1px solid var(--jt-border);border-radius:12px;overflow:hidden}
.team-card-wide img,.team-card img,.staff-photo img,.team-support-media img,.enterprise-human-media img{display:block;width:100%;height:100%;object-fit:cover}
.team-card-wide{display:grid;grid-template-columns:1.06fr .94fr;min-height:360px}
.team-card-copy{padding:26px;display:flex;flex-direction:column;justify-content:center}
.team-card-copy span,.team-card div span,.staff-photo figcaption,.team-support-copy .eyebrow{font-size:10px;letter-spacing:.5px}
.team-card-copy span,.team-card div span{color:var(--jt-red);font-weight:600}
.team-card-copy h3,.team-card div h3{font-size:18px;line-height:1.5;margin:10px 0 10px;color:var(--jt-text);font-weight:500}
.team-card-copy p{font-size:13px;line-height:1.75;color:var(--jt-muted);margin:0}
.team-card-stack{display:grid;grid-template-rows:repeat(3,1fr);gap:16px}
.team-card{display:grid;grid-template-columns:172px 1fr;min-height:109px}
.team-card div{padding:18px;display:flex;flex-direction:column;justify-content:center}
.staff-gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}
.staff-photo{margin:0;min-height:220px;display:flex;flex-direction:column}
.staff-photo.large{grid-row:span 2;min-height:456px}
.staff-photo figcaption{padding:12px 14px;color:var(--jt-muted);line-height:1.6}
.staff-photo.large img{flex:1}
.team-support-panel,.enterprise-human-block{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.team-support-media,.enterprise-human-media{min-height:340px}
.team-support-copy p,.enterprise-human-block p{font-size:13px;line-height:1.8;color:var(--jt-muted)}

@media(max-width:1050px){
  .team-showcase-grid,.staff-gallery-grid,.team-support-panel,.enterprise-human-block{grid-template-columns:1fr}
  .team-card-wide{grid-template-columns:1fr}
  .team-card-stack{grid-template-columns:1fr 1fr 1fr;grid-template-rows:none}
  .staff-photo.large{grid-row:auto;min-height:280px}
}
@media(max-width:700px){
  .team-card{grid-template-columns:1fr}
  .team-card-stack{grid-template-columns:1fr}
  .team-card-wide,.team-support-media,.enterprise-human-media{min-height:auto}
  .team-card-wide img{height:220px}
  .team-card img{height:180px}
  .staff-photo img{height:210px}
}


/* 2026-10-03 — Manrope + real service photography */
html,body,button,input,select,textarea,label,a,span,p,small,li,h1,h2,h3,h4,h5,h6{font-family:'Manrope',Arial,sans-serif}
.service-visual{height:150px;padding:0;border-radius:10px;background:#f5f5f5;border:0;margin-bottom:16px;overflow:hidden;display:block}
.service-visual:before,.service-visual:after{display:none}
.service-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .25s ease}
.service-cards a:hover .service-visual img{transform:scale(1.025)}
.service-tagline{display:none}
.service-cards a{padding:14px;min-height:390px}
.service-cards span{margin-top:2px}
.service-cards h3{font-size:17px;line-height:1.45;margin:10px 0 8px}
.service-cards p{font-size:13.5px;line-height:1.72;color:var(--jt-muted)}
.process-grid p{font-size:13px;line-height:1.72}
.section-heading p,.two-col p,.route-showcase p,.air-feature p,.business-showcase p,.support-grid p{font-size:14px;line-height:1.75}
.mega-feature p{font-size:12.5px}
@media(max-width:1050px){.service-visual{height:170px}.service-cards a{min-height:auto}}
@media(max-width:700px){.service-visual{height:210px}.service-cards p,.process-grid p{font-size:13px}}


/* V2.1 — Contact management, footer contact strip, contact page, floating Zalo */
.cp-contact-nav>a{white-space:nowrap}
.cp-contact-footer{border-top:1px solid rgba(255,255,255,.12);padding-top:26px;padding-bottom:26px}
.cp-contact-footer-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:16px}
.cp-contact-footer-title b{font-size:16px;color:#fff}.cp-contact-footer-title span{font-size:12px;color:rgba(255,255,255,.58)}
.cp-contact-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cp-contact-footer-grid>a,.cp-contact-footer-grid>div{display:flex;flex-direction:column;gap:4px;padding:13px 14px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.035);text-decoration:none;min-width:0}
.cp-contact-footer-grid span{font-size:10px;letter-spacing:.45px;text-transform:uppercase;color:rgba(255,255,255,.5)}
.cp-contact-footer-grid strong{font-size:12px;line-height:1.5;color:#fff;font-weight:500;overflow-wrap:anywhere}
.cp-contact-footer-grid>a:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.22)}
.cp-contact-page{margin-bottom:28px}.cp-contact-page-head{max-width:720px;margin-bottom:18px}.cp-contact-page-head h2{margin:8px 0 8px}.cp-contact-page-head p{margin:0;color:var(--jt-muted);line-height:1.7}
.cp-contact-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cp-contact-detail{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--jt-border);border-radius:11px;background:#fff;min-height:104px}
.cp-contact-detail span{font-size:11px;color:var(--jt-muted);font-weight:600}.cp-contact-detail a,.cp-contact-detail strong{font-size:15px;line-height:1.5;color:var(--jt-text);font-weight:600;text-decoration:none}.cp-contact-detail a:hover{color:var(--jt-red)}
.cp-contact-page + .contact-grid{display:none}
.cp-contact-detail-zalo{background:#eef9ff;border-color:#cdebf7}.cp-contact-detail-zalo a{color:#087ec3}
.cp-zalo-float{position:fixed;right:22px;bottom:22px;z-index:9998;display:flex;align-items:center;gap:9px;padding:8px 14px 8px 8px;border-radius:999px;background:#0788d1;color:#fff!important;text-decoration:none!important;box-shadow:0 10px 28px rgba(0,0,0,.18);font-weight:700;font-size:13px;transition:transform .2s ease,box-shadow .2s ease}
.cp-zalo-float:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.24)}
.cp-zalo-bubble{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#0788d1;font-size:11px;font-weight:800;letter-spacing:-.2px}.cp-zalo-text{white-space:nowrap}
@media(max-width:1050px){.cp-contact-footer-grid,.cp-contact-page-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.cp-contact-footer-title{display:block}.cp-contact-footer-title span{display:block;margin-top:5px}.cp-contact-footer-grid,.cp-contact-page-grid{grid-template-columns:1fr}.cp-zalo-float{right:14px;bottom:14px;padding-right:8px}.cp-zalo-text{display:none}.cp-zalo-bubble{width:42px;height:42px}}