/* =====================================================================
   tina.vn — CSS dùng chung (khung, thành phần). Trang riêng: css/trang-<ten>.css
   Chỉ 5 màu thương hiệu (iso9001.tina.vn/brand): cam #FF6600 · ghi #666666 · ghi nhạt #CCCCCC · đen #000000 · trắng #FFFFFF.
   Bóng/lớp phủ chỉ dùng đen hoặc cam có độ trong suốt. Nút cam luôn chữ đen (chữ trắng trên cam chỉ 2,94:1).
   KHÔNG đặt scroll-behavior:smooth (làm hỏng công cụ chụp/quay); cuộn mượt khi bấm liên kết do js/site.js lo.
   ===================================================================== */
:root{
  --cam:#FF6600; --ghi:#666666; --ghi-nhat:#CCCCCC; --den:#000000; --trang:#FFFFFF;
  --khung:1320px; --le:40px; --khoang:136px; --bo:14px;
  --chu:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --em:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:104px}
body{margin:0;background:var(--trang);color:var(--den);font:400 17px/1.65 var(--chu);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,h4,p,ul,ol,figure,dl,dd,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
button{font:inherit;color:inherit}
h1,h2,h3{text-wrap:balance}
:focus-visible{outline:3px solid var(--den);outline-offset:3px;border-radius:4px}
.toi :focus-visible,.nen-den :focus-visible{outline-color:var(--trang)}
.khung{max-width:calc(var(--khung) + 2*var(--le));margin:0 auto;padding:0 var(--le)}
.an{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bo-qua{position:absolute;left:16px;top:-80px;z-index:200;background:var(--den);color:var(--trang);padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:700}
.bo-qua:focus{top:12px}
.hien-anh>picture{display:block;width:100%;height:100%}

/* ——— Chữ dùng chung ——— */
.nhan{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ghi);line-height:1.4}
.nhan::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--cam);flex:none}
.nen-den .nhan{color:var(--ghi-nhat)}
.nhan b{color:var(--den);font-weight:800}
.nen-den .nhan b{color:var(--trang)}
.td{font-size:clamp(32px,3.6vw,54px);line-height:1.12;font-weight:700;letter-spacing:-.03em;margin-top:18px}
.dan{font-size:19px;line-height:1.65;color:var(--ghi);max-width:36em}
.van-ban p+p{margin-top:1em}

/* ——— Nút, liên kết ——— */
.nut{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:999px;font:700 16px/1 var(--chu);text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s,transform .25s var(--em)}
.nut svg{width:18px;height:18px;flex:none;transition:transform .3s var(--em)}
.nut:hover svg{transform:translateX(4px)}
.nut-cam{background:var(--cam);color:var(--den)}
.nut-cam:hover{background:var(--den);color:var(--trang)}
.nut-den{background:var(--den);color:var(--trang)}
.nut-den:hover{background:var(--cam);color:var(--den)}
.nut-vien{border-color:var(--den);color:var(--den);background:var(--trang)}
.nut-vien:hover{background:var(--den);color:var(--trang)}
.lk{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;background:linear-gradient(var(--cam),var(--cam)) left bottom/100% 2px no-repeat;padding-bottom:4px;transition:background-size .35s var(--em)}
.lk:hover{background-size:0 2px}
.lk svg{width:16px;height:16px;transition:transform .3s var(--em)}
.lk:hover svg{transform:translateX(4px)}
.nen-den .lk{color:var(--cam)}

/* ——— Thanh tiện ích + đầu trang ——— */
.tien-ich{font-size:13px;color:var(--ghi);border-bottom:1px solid var(--ghi-nhat)}
.tien-ich .khung{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:40px}
/* Phương châm viết tay tách nguyên nét từ logo (TGĐ duyệt 03/10/2026); màu theo chữ của thanh: ghi #666666 như logo, trắng khi nằm trên video */
.tien-ich__khau-hieu{display:block;line-height:0}
.tien-ich__khau-hieu svg{display:block;width:168px;height:20px;fill:currentColor}
.tien-ich__phai{display:flex;align-items:center;gap:22px}
.tien-ich__lh{display:flex;align-items:center;gap:4px}
.tien-ich a{text-decoration:none;color:var(--den);font-weight:600}
.tien-ich a:hover{text-decoration:underline;text-decoration-color:var(--cam);text-underline-offset:4px}
.tien-ich__lh a{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;transition:color .2s}
.tien-ich__lh a:hover{color:var(--cam)}
.tien-ich__lh svg{width:18px;height:18px}
/* Nút VI | EN (11/10/2026): ngôn ngữ đang xem đậm màu chữ thanh, ngôn ngữ kia màu ghi; gạch cam khi rê chuột */
.ngon-ngu{display:flex;align-items:center;letter-spacing:.04em}
.ngon-ngu li+li{border-left:1px solid var(--ghi-nhat)}
.ngon-ngu a{display:grid;place-items:center;min-width:34px;height:32px;padding:0 4px;color:var(--ghi);font-weight:600;text-decoration:none}
.ngon-ngu a[aria-current]{color:var(--den);font-weight:800}
.ngon-ngu--dt{font-size:15px;margin-left:auto;margin-right:12px}
.ngon-ngu--dt a{min-width:44px;height:44px}
.ngon-ngu--dau{display:none}   /* điện thoại: thanh tiện ích ẩn, nút nằm ở thanh đầu trang cạnh nút Menu (khung nền trắng như nút Menu, đọc rõ cả trên video) */
.dau{position:sticky;top:0;z-index:100;background:var(--trang);transition:box-shadow .3s}
.dau.cuon{box-shadow:0 1px 0 var(--ghi-nhat),0 12px 32px rgba(0,0,0,.06)}
.dau__thanh{display:flex;align-items:center;gap:28px;min-height:88px}
.logo{flex:none;display:block;margin:-4px 0 -4px -4px;line-height:0}
.logo img{width:96px;height:96px}
.menu{display:flex;align-items:center;gap:2px;margin-left:auto}
.menu>li>a,.menu>li>button{position:relative;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border:0;background:none;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;transition:background-color .2s}
.menu>li>a:hover,.menu>li>button:hover,.menu>li>button[aria-expanded="true"]{background:rgba(0,0,0,.06)}
.menu .dang-xem::after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:3px;border-radius:2px;background:var(--cam)}
.menu button svg{width:12px;height:12px;transition:transform .3s var(--em)}
.menu button[aria-expanded="true"] svg{transform:rotate(180deg)}
.dau__phai{display:flex;align-items:center;gap:18px}
.dau .nut{min-height:46px;padding:0 20px;font-size:15px}
.tien-do{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--cam);transform-origin:0 50%;transform:scaleX(0)}
.mo-dt{display:none;margin-left:auto;align-items:center;gap:10px;height:46px;padding:0 18px;border:1.5px solid var(--den);border-radius:999px;background:var(--trang);font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.mo-dt i{display:block;width:16px;height:2px;background:var(--den);position:relative}
.mo-dt i::before,.mo-dt i::after{content:"";position:absolute;left:0;width:16px;height:2px;background:var(--den)}
.mo-dt i::before{top:-5px}.mo-dt i::after{top:5px}
.mo-dt--dong{display:inline-flex}

/* Mega menu */
.mega{position:absolute;left:0;right:0;top:100%;background:var(--trang);border-top:1px solid var(--ghi-nhat);box-shadow:0 24px 48px rgba(0,0,0,.1);visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .35s var(--em),visibility 0s .35s}
.mega.mo{visibility:visible;opacity:1;transform:none;transition:opacity .25s,transform .35s var(--em)}
.mega .khung{display:grid;grid-template-columns:repeat(4,1fr) 1.25fr;gap:32px;padding-top:40px;padding-bottom:44px}
.mega h3{font-size:16px;font-weight:800;letter-spacing:-.01em;margin-bottom:14px}
.mega h3 a{text-decoration:none}
.mega h3 a:hover{text-decoration:underline;text-decoration-color:var(--cam);text-decoration-thickness:2px;text-underline-offset:5px}
.mega li+li{margin-top:8px}
.mega li a{font-size:15px;color:var(--ghi);text-decoration:none}
.mega li a:hover{color:var(--den)}
.mega__the{display:block;border-radius:var(--bo);overflow:hidden;background:var(--den);color:var(--trang);text-decoration:none;position:relative;align-self:start}
.mega__the img{width:100%;aspect-ratio:16/10;object-fit:cover}
.mega__the span{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-weight:800;font-size:15px}
.mega__the span svg{width:18px;height:18px;flex:none}
.mega--du-an .khung{grid-template-columns:1.1fr 1.1fr 1.25fr}
.mega--dv .khung{grid-template-columns:1.3fr repeat(4,1fr)}
.mega__gioi{display:block;border-radius:var(--bo);overflow:hidden;background:var(--den);color:var(--trang);text-decoration:none;align-self:start}
.mega__gioi img{width:100%;aspect-ratio:16/9;object-fit:cover}
.mega__gioi-chu{display:block;padding:14px 18px 16px}
.mega__gioi-chu b{display:block;font-size:17px;font-weight:800}
.mega__gioi-chu small{display:block;margin-top:3px;font-size:13px;color:var(--ghi-nhat);font-weight:600}
.mega .mega__bg{margin-top:22px;font-size:14px}
.ds-lv a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--ghi-nhat);font-size:16px!important;font-weight:700;color:var(--den)!important}
.ds-lv a span{color:var(--ghi);font-weight:600}
.ds-lv a:hover{border-bottom-color:var(--den)}
.ds-lv li+li{margin-top:0}
.mega--ve .khung{grid-template-columns:1fr 1fr 1fr 1.25fr}

/* Ngăn kéo điện thoại */
.dt{position:fixed;inset:0;z-index:150;background:var(--trang);display:flex;flex-direction:column;visibility:hidden;opacity:0;transform:translateY(-12px);transition:opacity .25s,transform .35s var(--em),visibility 0s .35s}
.dt.mo{visibility:visible;opacity:1;transform:none;transition:opacity .25s,transform .35s var(--em)}
.dt__dau{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--ghi-nhat)}
.dt__dau img{width:72px;height:72px;margin:-4px 0 -4px -4px}
.dt__than{flex:1;overflow:auto;padding:8px 20px 24px}
.dt details{border-bottom:1px solid var(--ghi-nhat)}
.dt summary,.dt__lk{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:22px;font-weight:800;letter-spacing:-.02em;list-style:none;cursor:pointer;text-decoration:none}
.dt summary::-webkit-details-marker{display:none}
.dt summary svg{width:16px;height:16px;transition:transform .3s var(--em)}
.dt details[open] summary svg{transform:rotate(180deg)}
.dt details ul{padding:0 0 16px}
.dt details li a{display:block;padding:8px 0;color:var(--ghi);text-decoration:none;font-size:17px}
.dt__lk{border-bottom:1px solid var(--ghi-nhat)}
.dt__chan{display:grid;gap:10px;padding:16px 20px 24px;border-top:1px solid var(--ghi-nhat)}

/* Thẻ sự kiện (trang chủ, /su-kien/; 16/10/2026) */
.sk-the{display:flex;flex-direction:column;height:100%}
.sk-the__anh{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:var(--bo);background:var(--ghi-nhat)}
.sk-the__anh picture,.sk-the__anh img{display:block;width:100%;height:100%}
.sk-the__anh img{object-fit:cover}
.sk-the__chu{display:flex;flex-direction:column;align-items:flex-start;padding-top:22px}
.sk-the__ngay{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ghi)}
.sk-the__td{margin-top:10px;font-size:clamp(21px,1.7vw,26px);line-height:1.3;font-weight:800;letter-spacing:-.02em}
.sk-the__td a{text-decoration:none}
.sk-the__td a:hover{text-decoration:underline;text-decoration-color:var(--cam);text-decoration-thickness:2px;text-underline-offset:5px}
.sk-the__tom{margin-top:12px;color:var(--ghi);font-size:16px;line-height:1.65}
.sk-the .lk{margin-top:18px}
.sk-the--ngang{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.sk-the--ngang .sk-the__chu{padding-top:0}
.sk-the--ngang .sk-the__td{font-size:clamp(26px,2.4vw,36px);line-height:1.2}
.sk-the--ngang .sk-the__tom{font-size:17px}
@media (max-width:849px){
  .sk-the--ngang{grid-template-columns:1fr;gap:0}
  .sk-the--ngang .sk-the__chu{padding-top:22px}
}

/* ——— Khối, tiêu đề mục ——— */
.muc{padding:var(--khoang) 0}
.muc--sat{padding-top:0}
.muc__dau{display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:end}
.muc__dau>.dan{justify-self:end}
.muc__cuoi{display:flex;justify-content:center;margin-top:40px}
.nen-den{background:var(--den);color:var(--trang)}

/* ——— Đầu trang con (mọi trang trừ trang chủ) ——— */
.hero-con{padding:40px 0 88px;border-bottom:1px solid var(--ghi-nhat)}
.duong-dan ol{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:13px;font-weight:600;color:var(--ghi)}
.duong-dan li{display:flex;align-items:center;gap:10px}
.duong-dan li+li::before{content:"/";color:var(--ghi-nhat)}
.duong-dan a{text-decoration:none;color:var(--den)}
.duong-dan a:hover{text-decoration:underline;text-decoration-color:var(--cam);text-decoration-thickness:2px;text-underline-offset:4px}
.hero-con__luoi{display:grid;grid-template-columns:7fr 5fr;gap:56px;align-items:end;margin-top:56px}
.hero-con__luoi--mot{grid-template-columns:1fr}
.hero-con__td{margin-top:22px;font-size:clamp(40px,4.6vw,70px);line-height:1.1;font-weight:800;letter-spacing:-.035em}
.hero-con__dan{margin-top:24px;font-size:19px;line-height:1.65;color:var(--den);max-width:36em}

/* ——— Con số ——— */
.so{border-top:1px solid var(--ghi-nhat);border-bottom:1px solid var(--ghi-nhat)}
.so ul{display:grid;grid-template-columns:repeat(5,1fr)}
.so li{padding:44px 28px 40px;position:relative}
.so li+li{border-left:1px solid var(--ghi-nhat)}
.so li::before{content:"";position:absolute;left:28px;top:0;width:36px;height:3px;background:var(--cam)}
.so b{display:block;font-size:clamp(40px,4.3vw,68px);font-weight:800;letter-spacing:-.04em;line-height:1.05}
.so b small{font-size:.42em;letter-spacing:-.01em;font-weight:800}
/* Số chạy như đồng hồ số (js/site.js mục 8, TGĐ yêu cầu 03/10/2026). .dem__giu giữ đúng bề rộng chữ số thật; .dem__dai là dải 0–9 cuộn dọc,
   cắt theo chiều cao một dòng (clip-path cho tràn ngang để chữ số rộng hơn không bị xén khi lướt qua). */
.dem__cot{position:relative;display:inline-block;height:1.05em;clip-path:inset(0 -.4em)}
.dem__giu{visibility:hidden}
.dem__dai{position:absolute;left:50%;top:0;white-space:pre;text-align:center;transform:translateX(-50%)}
.dem--chay .dem__dai{transform:translate(-50%,calc(var(--n)*-1.05em));transition:transform var(--t) cubic-bezier(.15,.75,.2,1)}
@media (prefers-reduced-motion:reduce){.dem--chay .dem__dai{transition:transform var(--t) cubic-bezier(.15,.75,.2,1)!important}}   /* vẫn chạy khi máy bật giảm chuyển động, như video trang chủ (TGĐ) */
.so li>span{display:block;margin-top:12px;font-size:15px;line-height:1.5;color:var(--ghi);max-width:14em}   /* chỉ nhãn dưới số, không đụng các span của số chạy */

/* ——— Dự án: bộ lọc + thẻ (trang chủ, /du-an/) ——— */
.loc{margin-top:52px;display:grid;gap:14px}
.loc__hang{display:flex;align-items:center;gap:14px}
.loc__ten{flex:none;width:96px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ghi)}
.chip-ds{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--ghi-nhat);background:var(--trang);font-size:14px;font-weight:700;cursor:pointer;transition:border-color .2s,background-color .25s,color .25s}
.chip:hover{border-color:var(--den)}
.chip small{font-size:12px;font-weight:800;color:var(--ghi);transition:color .25s}
.chip[aria-pressed="true"]{background:var(--den);border-color:var(--den);color:var(--trang)}
.chip[aria-pressed="true"] small{color:var(--ghi-nhat)}
.loc__ket{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:10px;padding-top:18px;border-top:1px solid var(--ghi-nhat);font-size:14px;color:var(--ghi);font-weight:600}
.loc__ket b{color:var(--den)}
.luoi-da{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(216px,auto);grid-auto-flow:dense;gap:16px;margin-top:28px}
.da{position:relative;display:flex;flex-direction:column;border:1.5px solid var(--ghi-nhat);border-radius:var(--bo);padding:22px 22px 20px;background:var(--trang);transition:border-color .25s,transform .35s var(--em),box-shadow .35s}
.da::after{content:"";position:absolute;left:22px;right:22px;top:-1.5px;height:3px;background:var(--cam);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--em)}
.da:hover{border-color:var(--den);transform:translateY(-4px);box-shadow:0 18px 36px rgba(0,0,0,.08)}
.da:hover::after{transform:scaleX(1)}
.da__tren{display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ghi)}
.da__logo{height:64px;margin:20px 0 auto;display:flex;align-items:center}
.da__logo img{max-height:64px;max-width:160px;width:auto}   /* logo khách hàng giữ màu thật, không làm mờ (TGĐ 03/10/2026) */
.da__logo img.mo{opacity:.45}
.da h3{margin-top:18px;font-size:19px;line-height:1.3;font-weight:800;letter-spacing:-.015em}
.da p{margin-top:6px;font-size:13px;line-height:1.5;color:var(--ghi)}
.da--anh{grid-column:span 2;grid-row:span 2;padding:0;overflow:hidden}
.da--anh .da__hinh{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--den)}
.da--anh .da__hinh img,.da--nho .da__hinh img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--em)}
.da--anh:hover .da__hinh img,.da--nho:hover .da__hinh img{transform:scale(1.045)}
.da--anh .da__chu{padding:20px 22px 20px}
.da--anh .da__tren{margin-bottom:2px}
.da--anh h3{margin-top:10px;font-size:22px}
.da--nho{grid-row:span 2;padding:0;overflow:hidden}
.da--nho .da__hinh{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--den)}
.da--nho .da__chu{padding:18px 22px 20px}
.da--chu{background:var(--den);border-color:var(--den);color:var(--trang)}
.da--chu .da__tren,.da--chu p{color:var(--ghi-nhat)}
.da--chu h3{font-size:24px;margin-top:auto}
.da--chu .lk{margin-top:18px;align-self:flex-start;color:var(--cam)}

/* ——— Dịch vụ: 4 hạng mục ——— */
.dv-dau{justify-self:end;max-width:36em}
.dv-dau .dan{max-width:none}
.dau-iso{display:inline-flex;align-items:center;gap:14px;margin-top:22px;padding:8px 22px 8px 8px;border:1.5px solid var(--ghi-nhat);border-radius:999px;text-decoration:none;transition:border-color .25s}
.dau-iso:hover{border-color:var(--den)}
.dau-iso i{flex:none;width:48px;height:48px;border-radius:50%;background:var(--cam);color:var(--den);display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.04em}
.dau-iso span{font-size:13px;line-height:1.4;color:var(--ghi);font-weight:600}
.dau-iso b{display:block;font-size:15px;color:var(--den);font-weight:800}
.hm-chi{display:grid;grid-template-columns:repeat(4,1fr);margin-top:56px;border-top:1.5px solid var(--den)}
.hm-chi li+li{border-left:1px solid var(--ghi-nhat)}
.hm-chi a{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:20px 24px 22px;text-decoration:none;font-size:18px;font-weight:800;letter-spacing:-.015em;line-height:1.3}
.hm-chi a b{font-size:12px;letter-spacing:.14em;color:var(--ghi);font-weight:800}
.hm-chi a::after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:3px;background:var(--cam);transform:scaleX(0);transform-origin:0 50%;transition:transform .4s var(--em)}
.hm-chi a:hover::after{transform:scaleX(1)}
.dv-ds{margin-top:80px;display:grid;gap:104px}
.dv{display:grid;grid-template-columns:repeat(12,1fr);gap:0 40px;align-items:center;scroll-margin-top:120px}
.dv__anh{grid-column:1/7;border-radius:var(--bo);overflow:hidden;aspect-ratio:4/3;background:var(--den);margin:0}
.dv__anh img{width:100%;height:100%;object-fit:cover}
.dv__chu{grid-column:8/13}
.dv:nth-child(even) .dv__anh{grid-column:7/13;grid-row:1}
.dv:nth-child(even) .dv__chu{grid-column:1/6;grid-row:1}
.dv__so{font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--ghi)}
.dv h3{margin-top:14px;font-size:clamp(28px,2.6vw,40px);line-height:1.15;font-weight:800;letter-spacing:-.03em}
.dv h3 a{text-decoration:none}
.dv h3 a:hover{text-decoration:underline;text-decoration-color:var(--cam);text-decoration-thickness:3px;text-underline-offset:6px}
.dv__mo{margin-top:16px;color:var(--ghi);font-size:17px}
.dv__nhom{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;border-top:1px solid var(--ghi-nhat);padding-top:22px}
.dv__nhom h4{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ghi);margin-bottom:10px}
.dv__nhom li{position:relative;padding-left:18px;font-size:15px;line-height:1.5;font-weight:600}
.dv__nhom li+li{margin-top:8px}
.dv__nhom li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:2px;background:var(--cam)}
.dv__nhom--1{grid-template-columns:1fr}
.dv__nhom--1 ul{columns:2;column-gap:28px}
.dv__nhom--1 li{break-inside:avoid}
.dv__hc{margin-top:18px;font-size:13px;line-height:1.55;color:var(--ghi)}
.dv__hc b{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--den);font-weight:800;margin-bottom:4px}
.dv__lk{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:28px}
.dv__lk .lk-phu{font-size:15px;font-weight:700;color:var(--ghi);text-decoration:underline;text-decoration-color:var(--ghi-nhat);text-underline-offset:4px}
.dv__lk .lk-phu:hover{color:var(--den);text-decoration-color:var(--cam)}

/* ——— Chất lượng (nền đen) ——— */
.cl .khung{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:start}
.cl__trai{position:sticky;top:120px}
.cl .td{color:var(--trang)}
.cl__dan{margin-top:20px;color:var(--ghi-nhat);font-size:18px;max-width:30em}
.iso{margin-top:40px;border:1.5px solid var(--ghi);border-radius:var(--bo);padding:32px}
.iso__dau{display:flex;align-items:center;gap:20px}
.iso__dau i{flex:none;width:64px;height:64px;border-radius:50%;background:var(--cam);display:grid;place-items:center;color:var(--den);font-style:normal;font-weight:800;font-size:13px;letter-spacing:.04em}
.iso__ten{font-size:clamp(30px,2.8vw,42px);font-weight:800;letter-spacing:-.03em;line-height:1.1}
.iso__ten small{display:block;font-size:14px;font-weight:700;letter-spacing:0;color:var(--ghi-nhat);margin-top:6px}
.iso dl{margin-top:26px;display:grid;grid-template-columns:auto 1fr;gap:10px 20px;font-size:15px;border-top:1px solid var(--ghi);padding-top:22px}
.iso dt{color:var(--ghi-nhat)}
.iso dd{font-weight:700}
.iso .lk{margin-top:26px}
.cl__luoi{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ghi);border-left:1px solid var(--ghi)}
.cl__o{padding:34px 30px 36px;border-right:1px solid var(--ghi);border-bottom:1px solid var(--ghi)}
.cl__o svg{width:36px;height:36px}
.cl__o h3{margin-top:22px;font-size:21px;line-height:1.3;font-weight:800;letter-spacing:-.015em}
.cl__o p{margin-top:10px;color:var(--ghi-nhat);font-size:15px;line-height:1.6}
.gach{margin-top:14px}
.gach li{position:relative;padding-left:18px;font-size:15px;line-height:1.5}
.gach li+li{margin-top:7px}
.gach li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:2px;background:var(--cam)}
.qt-ds{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.qt-ds li{font-size:12px;font-weight:700;padding:5px 10px;border:1px solid var(--ghi);border-radius:999px;color:var(--trang)}
.cl__o--rong{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.cl__o--rong h3{margin-top:0}
.hang-ds{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.hang-ds li{display:flex;flex-wrap:wrap;min-width:0;align-items:baseline;justify-content:space-between;gap:2px 10px;border:1px solid var(--ghi);border-radius:10px;padding:13px 16px;font-size:19px;font-weight:800;letter-spacing:-.02em}
.hang-ds small{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ghi-nhat)}
.cl__cuoi{margin-top:40px}

/* ——— Người sáng lập + mốc thời gian ——— */
.sl__dau{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:center}
.sl__anh{position:relative;width:min(100%,440px);aspect-ratio:1;justify-self:center}
.sl__anh::before{content:"";position:absolute;inset:-4%;border-radius:50%;border:1.5px solid var(--ghi-nhat)}
.sl__anh .cham{position:absolute;border-radius:50%;background:var(--cam)}
.sl__anh .cham:nth-of-type(1){width:18px;height:18px;left:-2%;bottom:18%}
.sl__anh .cham:nth-of-type(2){width:30px;height:30px;left:4%;bottom:5%}
.sl__anh .cham:nth-of-type(3){width:48px;height:48px;left:16%;bottom:-6%}
.sl__anh img{position:relative;width:100%;height:100%;object-fit:cover;border-radius:50%}
.sl h2.td{font-size:clamp(34px,3.6vw,56px)}
.sl__chuc{margin-top:8px;font-size:18px;font-weight:700;color:var(--ghi)}
.sl__ds{margin-top:30px;border-top:1px solid var(--ghi-nhat)}
.sl__ds li{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--ghi-nhat);font-size:16px}
.sl__ds b{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ghi);padding-top:2px}
.sl .lk{margin-top:28px}
.moc{margin-top:88px;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.moc::before{content:"";position:absolute;left:0;right:0;top:27px;height:1.5px;background:var(--ghi-nhat)}
.moc li{position:relative;padding-top:64px}
.moc i{position:absolute;left:0;top:27px;transform:translate(0,-50%);border-radius:50%;background:var(--cam)}
.moc li:nth-child(1) i{width:14px;height:14px}
.moc li:nth-child(2) i{width:22px;height:22px}
.moc li:nth-child(3) i{width:32px;height:32px}
.moc li:nth-child(4) i{width:46px;height:46px}
.moc b{display:block;font-size:26px;font-weight:800;letter-spacing:-.03em}
.moc p{margin-top:8px;font-size:15px;color:var(--ghi);line-height:1.55}

/* ——— Con người ——— */
.cn__anh{position:relative;border-radius:var(--bo);overflow:hidden;aspect-ratio:16/7;background:var(--den);margin:0}
.cn__anh img{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover;object-position:50% 80%;will-change:transform}
.cn__the{position:relative;width:min(640px,100%);margin:-180px 0 0 48px;background:var(--trang);border-radius:var(--bo);padding:44px 44px 40px;box-shadow:0 24px 60px rgba(0,0,0,.1)}
.cn__the p.mo-ta{margin-top:18px;color:var(--ghi);font-size:17px}
.cn__ds{margin-top:22px;display:grid;gap:10px}
.cn__ds li{position:relative;padding-left:20px;font-size:15px;font-weight:600;line-height:1.5}
.cn__ds li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:2px;background:var(--cam)}
.cn__the .nut{margin-top:28px}
.su-kien{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.su-kien figure{border-radius:var(--bo);overflow:hidden;position:relative;aspect-ratio:3/2;background:var(--den)}
.su-kien img{width:100%;height:100%;object-fit:cover}
.su-kien figcaption{position:absolute;left:12px;bottom:12px;padding:6px 11px;border-radius:8px;background:var(--trang);font-size:13px;font-weight:800}

/* ——— Văn phòng ——— */
.vp{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:56px}
.vp__the{border:1.5px solid var(--ghi-nhat);border-radius:var(--bo);overflow:hidden;display:flex;flex-direction:column}
.vp__the figure{aspect-ratio:16/8;overflow:hidden;background:var(--den)}
.vp__the figure img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.vp__chu{padding:30px 32px 32px;display:flex;flex-direction:column;flex:1}
.vp__chu h3{margin-top:12px;font-size:26px;font-weight:800;letter-spacing:-.025em}
.vp__chu address{font-style:normal;margin-top:12px;font-size:16px;line-height:1.6}
.vp__chu .dt-so{margin-top:10px;font-weight:700}
.vp__chu .lk-wrap{margin-top:auto;padding-top:24px}
.vp__the--dn{background:var(--den);color:var(--trang);border-color:var(--den);position:relative}
.vp__dn{position:relative;flex:1;min-height:260px;display:flex;align-items:flex-end;padding:30px 32px 0;overflow:hidden}
.vp__dn b{font-size:clamp(56px,6vw,96px);font-weight:800;letter-spacing:-.05em;line-height:1}
.vp__dn i{position:absolute;border-radius:50%;background:var(--cam)}
.vp__dn i:nth-of-type(1){width:22px;height:22px;right:170px;top:92px}
.vp__dn i:nth-of-type(2){width:40px;height:40px;right:110px;top:62px}
.vp__dn i:nth-of-type(3){width:74px;height:74px;right:20px;top:28px}
.vp__the--dn .vp__chu address,.vp__the--dn .dt-so,.vp__the--dn .nhan{color:var(--ghi-nhat)}
.vp__the--dn .lk{color:var(--cam)}
.vp__chung{font-size:17px;color:var(--ghi)}
.vp__chung b{color:var(--den)}

/* ——— Liên hệ (khối cam + biểu mẫu) ——— */
.lh{position:relative}
.lh .khung{display:grid;grid-template-columns:5fr 7fr;gap:0}
.lh__trai{position:relative;z-index:0;background:var(--cam);color:var(--den);padding:96px 64px 96px 0}
.lh__trai::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;right:100%;width:50vw;background:var(--cam)}
.lh__trai .nhan{color:var(--den)}
.lh__trai .nhan::before{background:var(--den)}
.lh__trai .td{max-width:11em}
.lh__trai p.mo-ta{margin-top:18px;font-size:18px;max-width:28em}
.buoc{margin-top:36px;border-top:1.5px solid var(--den)}
.buoc li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid rgba(0,0,0,.3)}
.buoc b{font-size:14px;font-weight:800}
.buoc strong{display:block;font-size:17px;font-weight:800}
.buoc span{display:block;font-size:14px;line-height:1.5;margin-top:2px}
.lh__so{display:block;margin-top:34px;text-decoration:none}
.lh__so small{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.lh__so strong{display:block;font-size:clamp(32px,3vw,44px);font-weight:800;letter-spacing:-.03em;margin-top:4px}
.lh__phai{padding:96px 0 96px 72px}

/* Biểu mẫu báo giá (phan/form-bao-gia.html) */
.form-bao-gia{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px;align-content:start}
.form-bao-gia__td{grid-column:1/-1;font-size:28px;line-height:1.2;font-weight:800;letter-spacing:-.025em}
.form-bao-gia__mo{grid-column:1/-1;margin-top:-12px;color:var(--ghi);font-size:15px}
.o-f{display:flex;flex-direction:column;gap:8px;min-width:0}
.o-f.rong{grid-column:1/-1}
.o-f label{font-size:14px;font-weight:800}
.o-f input,.o-f select,.o-f textarea{font:500 16px/1.4 var(--chu);color:var(--den);background:var(--trang);border:1.5px solid var(--ghi-nhat);border-radius:12px;padding:14px 16px;width:100%;appearance:none;transition:border-color .2s}
.o-f input:hover,.o-f select:hover,.o-f textarea:hover{border-color:var(--ghi)}
.o-f input:focus,.o-f select:focus,.o-f textarea:focus{outline:none;border-color:var(--den);box-shadow:0 0 0 3px rgba(255,102,0,.45)}
.o-f select{background-image:linear-gradient(45deg,transparent 50%,#000 50%),linear-gradient(135deg,#000 50%,transparent 50%);background-position:calc(100% - 22px) 52%,calc(100% - 16px) 52%;background-size:6px 6px;background-repeat:no-repeat;padding-right:44px}
.o-f textarea{min-height:120px;resize:vertical}
.o-f--chon{flex-direction:row;align-items:flex-start;gap:12px}
.o-f--chon input{flex:none;width:22px;height:22px;margin:1px 0 0;padding:0;appearance:auto;accent-color:var(--den);border-radius:4px}
.o-f--chon label{font-size:14px;font-weight:600;line-height:1.55;color:var(--ghi)}
.o-f--chon a{color:var(--den);font-weight:700;text-decoration-color:var(--cam);text-underline-offset:3px}
.form-bao-gia .nut{grid-column:1/-1;justify-self:start;border:0}
.form-bao-gia__thong-bao{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:12px;background:var(--cam);color:var(--den);font-size:15px;font-weight:700;line-height:1.5}
.form-bao-gia__thong-bao::before{content:"!";flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--den);color:var(--trang);font-size:14px;font-weight:800}

/* ——— Dải kêu gọi (phan/dai-cta.html) ——— */
.dai-cta{background:var(--cam);color:var(--den)}
.dai-cta .khung{display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:end;padding-top:88px;padding-bottom:88px}
.dai-cta .nhan{color:var(--den)}
.dai-cta .nhan::before{background:var(--den)}
.dai-cta .td{max-width:14em}
.dai-cta p.mo-ta{margin-top:18px;font-size:18px;max-width:30em}
.dai-cta__nut{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.dai-cta .nut-vien{background:transparent}
.dai-cta .nut-vien:hover{background:var(--den);color:var(--trang)}

/* ——— Chân trang ——— */
.chan{border-top:1px solid var(--ghi-nhat);padding:88px 0 0}
.chan__tren{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.5fr;gap:36px}
.chan__logo img{width:128px;height:128px;margin:-6px 0 0 -6px}
.chan__ten{margin-top:14px;font-size:14px;font-weight:800;line-height:1.5;color:var(--den)!important}
.chan p,.chan li,.chan address{font-size:14px;line-height:1.65;color:var(--ghi);font-style:normal}
.chan h2{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
.chan li+li{margin-top:8px}
.chan a{text-decoration:none;color:var(--den);font-weight:600}
.chan a:hover{text-decoration:underline;text-decoration-color:var(--cam);text-decoration-thickness:2px;text-underline-offset:4px}
.chan address+address{margin-top:14px}
.chan address b{display:block;color:var(--den);font-weight:800}
.chan__lh{margin-top:14px}
.chan__ho-so{margin-top:20px;min-height:44px;padding:0 18px;font-size:14px}   /* hồ sơ năng lực PDF (ho_so.py in lại mỗi lần xuất bản) */
.chan .nut:hover{text-decoration:none}
.chan__iso{margin-top:64px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;padding:22px 0;border-top:1px solid var(--ghi-nhat);border-bottom:1px solid var(--ghi-nhat);font-size:14px;color:var(--ghi)}
.chan__iso strong{color:var(--den);font-weight:800}
.chan__iso i{width:10px;height:10px;border-radius:50%;background:var(--cam)}
.chan__day{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:24px 0 32px;font-size:13px;color:var(--ghi)}
.chan__day a{font-weight:700}

/* ——— Thanh gọi / Zalo (điện thoại) ——— */
.thanh-goi{display:none}

/* ——— Chuyển động (một chiều, gắn lớp .js; tắt khi người dùng giảm chuyển động) ——— */
@media (prefers-reduced-motion:no-preference){
  .js .vao-len{animation:hien-len .9s var(--em) both;animation-delay:calc(.08s + var(--d,0)*.1s)}
  @keyframes hien-len{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
  .js .xong{animation:none!important}
  .js .hien{opacity:0;transform:translateY(28px);transition:opacity .9s var(--em),transform .9s var(--em);transition-delay:calc(var(--tre,0)*90ms)}
  .js .hien.da-hien{opacity:1;transform:none}
  .js .hien-anh>picture{clip-path:inset(0 0 100% 0);transition:clip-path 1.2s var(--em);transition-delay:calc(var(--tre,0)*90ms)}
  .js .hien-anh img{transform:scale(1.15);transition:transform 1.6s var(--em);transition-delay:calc(var(--tre,0)*90ms)}
  .js .hien-anh.da-hien>picture{clip-path:inset(0 0 0 0)}
  .js .hien-anh.da-hien img{transform:none}
  .js .hien-anh.xong>picture,.js .hien-anh.xong img{clip-path:none;transition:none}
  .js .moc i{transform:translate(0,-50%) scale(0);transition:transform .7s cubic-bezier(.3,1.5,.5,1);transition-delay:calc(.2s + var(--tre,0)*160ms)}
  .js .moc.da-hien i{transform:translate(0,-50%) scale(1)}
  .js .moc::before{transform:scaleX(0);transform-origin:0 50%;transition:transform 1.4s var(--em)}
  .js .moc.da-hien::before{transform:none}
  .js .sl__anh .cham{transform:scale(0);transition:transform .6s cubic-bezier(.3,1.5,.5,1)}
  .js .sl__anh.da-hien .cham{transform:none}
  .js .sl__anh.da-hien .cham:nth-of-type(2){transition-delay:.12s}
  .js .sl__anh.da-hien .cham:nth-of-type(3){transition-delay:.24s}
  .js .vp__dn i{transform:scale(0);transition:transform .7s cubic-bezier(.3,1.5,.5,1)}
  .js .vp__the--dn.da-hien .vp__dn i{transform:none}
  .js .vp__the--dn.da-hien .vp__dn i:nth-of-type(2){transition-delay:.12s}
  .js .vp__the--dn.da-hien .vp__dn i:nth-of-type(3){transition-delay:.24s}
}

/* ——— Kích thước màn hình ——— */
@media (max-width:1180px){
  .menu,.dau__phai{display:none}
  .mo-dt{display:inline-flex}
  .mega{display:none}
  .so ul{grid-template-columns:repeat(3,1fr)}
  .so li:nth-child(4){border-left:0}
  .so li:nth-child(n+4){border-top:1px solid var(--ghi-nhat)}
  .luoi-da{grid-template-columns:repeat(3,1fr)}
  .chan__tren{grid-template-columns:1fr 1fr 1fr}
  .chan__tren>div:first-child{grid-column:1/-1}
}
@media (max-width:980px){
  :root{--le:24px;--khoang:96px}
  .muc__dau{grid-template-columns:1fr;gap:18px}
  .muc__dau>.dan,.dv-dau{justify-self:start}
  .hero-con__luoi{grid-template-columns:1fr;gap:36px;margin-top:40px}
  .dv{grid-template-columns:1fr;gap:28px}
  .dv__anh,.dv:nth-child(even) .dv__anh{grid-column:1;grid-row:1}
  .dv__chu,.dv:nth-child(even) .dv__chu{grid-column:1;grid-row:2}
  .cl .khung,.sl__dau{grid-template-columns:1fr;gap:48px}
  .cl__trai{position:static}
  .lh .khung{grid-template-columns:1fr}
  .lh__trai{padding:72px 0}
  .lh__trai::before{right:auto;left:calc(-1*var(--le));width:calc(100% + 2*var(--le))}
  .lh__phai{padding:56px 0 72px}
  .vp{grid-template-columns:1fr}
  .dai-cta .khung{grid-template-columns:1fr;gap:28px;padding-top:72px;padding-bottom:72px}
  .dai-cta__nut{justify-content:flex-start}
}
@media (max-width:849px){
  :root{--le:20px;--khoang:80px}
  html{scroll-padding-top:84px}
  body{font-size:16px;padding-bottom:58px}
  .tien-ich{display:none}
  .dau__thanh{gap:10px}
  .ngon-ngu--dau{display:flex;margin-left:auto;height:46px;border:1.5px solid var(--den);border-radius:999px;background:var(--trang);font-size:14px;overflow:hidden}
  .ngon-ngu--dau a{min-width:42px;height:43px}
  .ngon-ngu--dau+.mo-dt{margin-left:0}
  .dau__thanh{min-height:72px}
  .logo img{width:80px;height:80px}
  .hero-con{padding:24px 0 64px}
  .hero-con__dan{font-size:17px}
  .so ul{grid-template-columns:1fr 1fr}
  .so li{padding:30px 16px 28px}
  .so li::before{left:16px}
  .so li:nth-child(n){border-left:0;border-top:1px solid var(--ghi-nhat)}
  .so li:nth-child(even){border-left:1px solid var(--ghi-nhat)}
  .so li:nth-child(-n+2){border-top:0}
  .so li:last-child:nth-child(odd){grid-column:1/-1;border-left:0}
  .dan{font-size:17px}
  .loc{margin-top:36px}
  .loc,.loc__hang{min-width:0}
  .loc__hang{flex-direction:column;align-items:stretch;gap:10px}
  .chip-ds{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1*var(--le));padding:0 var(--le) 4px;scrollbar-width:none}
  .chip-ds::-webkit-scrollbar{display:none}
  .chip{flex:none}
  .loc__ket{flex-direction:column;align-items:flex-start;gap:6px}
  .luoi-da{grid-template-columns:1fr;grid-auto-rows:auto}
  .da--anh,.da--nho{grid-column:auto;grid-row:auto}
  .da--anh .da__hinh{flex:none;aspect-ratio:16/10}
  .da__logo{margin:16px 0 0}
  .da--chu h3{margin-top:28px}
  .dv-ds{margin-top:48px;gap:64px}
  .hm-chi{grid-template-columns:1fr 1fr;margin-top:36px}
  .hm-chi li:nth-child(3){border-left:0}
  .hm-chi li:nth-child(n+3){border-top:1px solid var(--ghi-nhat)}
  .hm-chi a{padding:16px 14px 18px;font-size:16px}
  .hm-chi a::after{left:14px;right:14px}
  .dau-iso{width:100%;border-radius:18px}
  .dv__nhom{grid-template-columns:1fr}
  .dv__nhom--1 ul{columns:1}
  .iso{padding:24px 20px}
  .iso dl{grid-template-columns:1fr;gap:2px}
  .iso dd+dt{margin-top:10px}
  .cl__luoi{grid-template-columns:1fr}
  .cl__o{padding:28px 20px}
  .cl__o--rong{grid-template-columns:1fr;gap:18px}
  .hang-ds li{font-size:17px;padding:11px 12px}
  .sl__anh{width:min(78%,320px)}
  .sl__ds li{grid-template-columns:1fr;gap:4px}
  .moc{grid-template-columns:1fr;gap:0;margin-top:56px}
  .moc::before{left:22px;right:auto;top:0;bottom:0;width:1.5px;height:auto}
  .js .moc::before{transform-origin:50% 0;transform:scaleY(0)}
  .js .moc.da-hien::before{transform:none}
  .moc li{padding:0 0 32px 64px}
  .moc i{left:22px;top:12px;transform:translate(-50%,-50%)}
  .js .moc i{transform:translate(-50%,-50%) scale(0)}
  .js .moc.da-hien i{transform:translate(-50%,-50%) scale(1)}
  .cn__anh{aspect-ratio:4/3}
  .cn__the{margin:-48px 12px 0;padding:28px 22px 28px;width:auto}
  .cn__the .nut{width:100%;white-space:nowrap;padding:0 18px}
  .su-kien{grid-template-columns:repeat(3,78%);overflow-x:auto;scroll-snap-type:x mandatory;margin:32px calc(-1*var(--le)) 0;padding:0 var(--le);scrollbar-width:none}
  .su-kien::-webkit-scrollbar{display:none}
  .su-kien figure{scroll-snap-align:start}
  .vp__chu{padding:24px 22px 26px}
  .vp__dn{min-height:200px;padding:24px 22px 0}
  .vp__dn i:nth-of-type(1){right:130px;top:60px}.vp__dn i:nth-of-type(2){right:78px;top:38px}.vp__dn i:nth-of-type(3){right:16px;top:18px;width:54px;height:54px}
  .lh__trai{padding:64px 0}
  .lh__phai{padding:48px 0 64px}
  .form-bao-gia{grid-template-columns:1fr}
  .form-bao-gia__td{font-size:24px}
  .form-bao-gia .nut{justify-self:stretch}
  .dai-cta__nut .nut{flex:1 1 100%}
  .chan{padding-top:56px}
  .chan__tren{grid-template-columns:1fr 1fr;gap:32px 20px}
  .chan__tren>div:last-child{grid-column:1/-1}
  .chan__logo img{width:104px;height:104px}
  .thanh-goi{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:120;height:58px;box-shadow:0 -6px 20px rgba(0,0,0,.12)}
  .thanh-goi a{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:17px;text-decoration:none}
  .thanh-goi svg{width:20px;height:20px}
  .thanh-goi .goi{background:var(--cam);color:var(--den)}
  .thanh-goi .zalo{background:var(--den);color:var(--trang)}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}