/* xediensmile.vn · bộ màu M9: đầu đen chỉ vàng, hero đỏ, thân trắng, chân đen */
@font-face{font-family:B;src:url(/font/bvp-vietnamese-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:B;src:url(/font/bvp-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:B;src:url(/font/bvp-vietnamese-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:B;src:url(/font/bvp-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:B;src:url(/font/bvp-vietnamese-800-normal.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:B;src:url(/font/bvp-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:B;src:url(/font/bvp-vietnamese-900-italic.woff2) format("woff2");font-weight:900;font-style:italic;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:B;src:url(/font/bvp-latin-900-italic.woff2) format("woff2");font-weight:900;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--do:#EC0A10;--do6:#C8040A;--do7:#9E0207;--do0:#FFF0F0;--den:#0A0A0B;--den9:#141417;--den8:#1E1F23;--den7:#303136;
 --v1:#FFF4C2;--v3:#F2CF6B;--v5:#D9A732;--v7:#8A5C0E;--nen:#F7F6F6;--vien:#E6E3E4;--chu:#0A0A0B;--phu:#5E5B5D;--mo:#77747A;--xl:#167A43;
 --chi-vang:linear-gradient(90deg,#6E460B,#D9A732 20%,#FFF4C2 50%,#D9A732 80%,#6E460B);
 --kl-den:linear-gradient(160deg,#3A3B40 0%,#141417 45%,#050506 75%,#1C1C20 100%);
 --do-bong:radial-gradient(120% 90% at 18% 0%,rgba(255,255,255,.26),transparent 55%),linear-gradient(160deg,#FF2B31 0%,#EC0A10 34%,#B8030A 72%,#7A0106 100%);
 --do-nut:linear-gradient(180deg,#FF5257 0%,#EC0A10 47%,#CB050B 53%,#9E0207 100%);
 --bo:14px;--w:1240px;--bong:0 1px 0 var(--vien),0 10px 30px rgba(10,10,11,.06)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:84px;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;font:400 16px/1.65 B,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--chu);background:#fff}
img{max-width:100%;height:auto;display:block}a{color:inherit}button{font-family:inherit}
:focus-visible{outline:2px solid var(--do);outline-offset:2px}
h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em;font-weight:800;letter-spacing:-.01em;text-wrap:balance}
h1{font-size:clamp(28px,4.2vw,44px)}h2{font-size:clamp(22px,2.8vw,30px)}h3{font-size:18px}
.to{font:900 italic clamp(30px,5.4vw,58px)/1.04 B,sans-serif;letter-spacing:-.02em;text-transform:uppercase}
p{margin:0 0 1em}.w{max-width:var(--w);margin:0 auto;padding:0 16px}
.do{color:var(--do6)}.xam{color:var(--phu)}.nho{font-size:14px}.vang{color:var(--v3)}
.an{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* ---------- đầu trang: đen, chỉ vàng ---------- */
.dai{background:var(--den);color:#B7B4B6;font-size:13px}
.dai .w{display:flex;justify-content:space-between;gap:12px;padding-top:6px;padding-bottom:6px}
.dai b{color:var(--v3);font-weight:600}.dai a{color:#fff;text-decoration:none;font-weight:800}
.top{position:sticky;top:0;z-index:50;background:var(--den);color:#fff}
.top:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--chi-vang)}
.top .w{display:flex;align-items:center;gap:18px;height:70px}
.logo img{height:46px;width:auto}
.menu{display:flex;gap:2px;margin:0 0 0 auto;list-style:none;padding:0}
.menu a{display:block;padding:10px 11px;border-radius:8px;text-decoration:none;font-weight:600;font-size:15px;color:#EDEDED}
.menu a:hover,.menu a[aria-current]{color:#fff;background:var(--den8)}.menu a[aria-current]{box-shadow:inset 0 -2px 0 var(--v5)}
.nut{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:12px 18px;font:800 15px/1.1 B,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap;min-height:44px;transition:background .15s,transform .15s}
.nut:active{transform:translateY(1px)}
.nut-do{background:var(--do);color:#fff}.nut-do:hover{background:var(--do6)}
.nut-den{background:var(--den);color:#fff}.nut-den:hover{background:var(--den8)}
.nut-vien{background:#fff;color:var(--den);box-shadow:inset 0 0 0 1.5px var(--den)}.nut-vien:hover{background:var(--nen)}
.nut-trong{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85)}.nut-trong:hover{background:rgba(255,255,255,.1)}
.nut-vang{color:var(--den);background:linear-gradient(180deg,#FFF4C2,#F2CF6B 45%,#D9A732)}
.nut-menu{display:none;margin-left:auto;background:none;border:0;padding:10px;cursor:pointer}
.nut-menu span{display:block;width:24px;height:2.5px;background:#fff;margin:5px 0;border-radius:2px}
/* huy hiệu */
.huy{display:inline-flex;align-items:center;gap:6px;font:800 11px/1 B,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--v3);padding:6px 10px;border-radius:6px;
 background:linear-gradient(#141417,#0A0A0B) padding-box,linear-gradient(135deg,#FFF4C2,#D9A732 40%,#6E460B 70%,#EDC055) border-box;border:1.5px solid transparent}
.vach{display:inline-block;width:44px;height:5px;background:var(--do);margin-bottom:12px;transform:skewX(-20deg)}
.vach.vang{background:var(--chi-vang)}
/* ---------- hero: 5 banner xoay ---------- */
.hero{position:relative;background:var(--den);color:#fff}
.truot{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.truot::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);height:min(560px,72vh);min-height:440px;background:var(--do-bong);position:relative;overflow:hidden}
.slide:before{content:"";position:absolute;left:36%;top:-20%;bottom:-20%;width:18%;background:rgba(0,0,0,.18);transform:skewX(-14deg)}
.slide .chu{position:relative;z-index:2;padding:48px 24px 56px max(16px,calc((100vw - var(--w))/2 + 16px));display:flex;flex-direction:column;justify-content:center;gap:14px}
.slide .chu p{margin:0;font-size:17px;color:rgba(255,255,255,.88);max-width:460px}
.slide .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.slide .tin{display:flex;gap:22px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:rgba(255,255,255,.8)}.slide .tin b{display:block;color:#fff;font-size:20px;font-weight:800}
.slide .hinh{position:relative;z-index:1;clip-path:polygon(9% 0,100% 0,100% 100%,0 100%)}
.slide .hinh img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide .huy{align-self:flex-start}
.slide .hinh.xe{display:flex;align-items:center;justify-content:center;padding:32px;clip-path:none}
.slide .hinh.xe img{position:static;object-fit:contain;max-height:100%;width:auto}
.dieu{position:absolute;left:0;right:0;bottom:16px;z-index:5;display:flex;justify-content:center;gap:8px}
.dieu button{width:28px;height:4px;border-radius:2px;border:0;padding:0;background:rgba(255,255,255,.45);cursor:pointer}
.dieu button[aria-current=true]{background:#fff;width:44px}
.mui{position:absolute;top:50%;z-index:5;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:0;background:rgba(10,10,11,.55);color:#fff;font-size:22px;cursor:pointer;display:grid;place-items:center}
.mui:hover{background:var(--den)}.mui{top:auto;bottom:20px;margin:0}.mui.t{right:68px}.mui.p{right:16px}
/* ---------- khối ---------- */
.khoi{padding:60px 0}.khoi-xam{background:var(--nen)}.khoi-den{background:var(--den);color:#fff}
.dau-khoi{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.dau-khoi h2{margin:0}.dau-khoi p{margin:6px 0 0;color:var(--phu)}.khoi-den .dau-khoi p{color:#B7B4B6}
.dau-khoi>a{font-weight:800;text-decoration:none;color:var(--do6);white-space:nowrap}.dau-khoi>a:hover{text-decoration:underline}
/* thẻ hãng */
.hang4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.o-hang{position:relative;display:flex;flex-direction:column;gap:6px;min-height:180px;border-radius:var(--bo);padding:20px;text-decoration:none;color:#fff;background:var(--kl-den);overflow:hidden;isolation:isolate}
.o-hang:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#FFF4C2,#D9A732 30%,#6E460B 55%,#EDC055 80%,#8A5C0E);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.o-hang .uq{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--v3)}
.o-hang b{font:900 italic 28px/1 B,sans-serif;text-transform:uppercase}
.o-hang span.so{font-size:13px;color:#B7B4B6}
.o-hang img{position:absolute;right:2%;bottom:4%;width:58%;height:auto;aspect-ratio:32/25;z-index:-1;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.o-hang:hover img{transform:scale(1.05)}
.o-hang i{margin-top:auto;font-style:normal;font-weight:800;font-size:13px;color:#fff}
/* danh mục theo công năng */
.tab-dm{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 18px;padding:0 16px}
.tab-dm::-webkit-scrollbar{display:none}
.tab-dm a{flex:none;text-decoration:none;font-weight:800;font-size:14px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--vien);background:#fff}
.tab-dm a:hover{border-color:var(--den)}
.dm{padding:38px 0;border-top:1px solid var(--vien)}.dm:first-of-type{border-top:0}
.dm .luoi>.the:nth-child(n+5){display:none}
.dm.mo .luoi>.the{display:flex!important}
.xem-them{display:flex;justify-content:center;gap:10px;margin-top:18px;flex-wrap:wrap}
.dm.mo .xem-them .mo-them{display:none}
/* ---------- thẻ xe (SP3: kim loại đen viền vàng) ---------- */
.luoi{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.the{position:relative;display:flex;border-radius:16px;padding:1.5px;background:linear-gradient(135deg,#FFF4C2,#D9A732 30%,#6E460B 55%,#EDC055 80%,#8A5C0E);transition:box-shadow .45s cubic-bezier(.2,.7,.2,1);box-shadow:0 10px 26px rgba(10,10,11,.14)}
.the:hover{box-shadow:0 22px 44px rgba(10,10,11,.28),0 0 0 3px rgba(217,167,50,.22)}
.the .in{flex:1;display:flex;flex-direction:column;border-radius:14.5px;overflow:hidden;background:var(--den);color:#fff}
.the .anh{aspect-ratio:4/3;background:#141417;position:relative;overflow:hidden}
.the .anh img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.the:hover .anh img{transform:scale(1.04)}
.the .nhan{position:absolute;left:8px;top:8px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.the .nhan span{font-size:10.5px;font-weight:800;background:var(--do);color:#fff;border-radius:4px;padding:3px 7px}
.the .nhan span.k{background:rgba(10,10,11,.8);color:var(--v3);box-shadow:inset 0 0 0 1px rgba(242,207,107,.5)}
.the .than{padding:12px 14px 14px;display:flex;flex-direction:column;gap:5px;flex:1;border-top:1px solid rgba(242,207,107,.28)}
.the .uq{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--v3)}
.the h3{font-size:17px;margin:0;color:#fff}.the h3 a{text-decoration:none}.the h3 a:after{content:"";position:absolute;inset:0;z-index:1}
.the .ts{font-size:12.5px;color:#B7B4B6;line-height:1.45}
.the .day{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px}
.gia{font-weight:800;color:var(--do6);font-size:18px;letter-spacing:-.01em;line-height:1.2}
.gia small{display:block;color:var(--mo);font-weight:400;font-size:11.5px;letter-spacing:0}
.the .gia{color:#fff}.the .gia small{color:#9C999C}
.the .nut{position:relative;z-index:2;padding:9px 12px;min-height:40px;font-size:13.5px}
/* bảng */
.bang{width:100%;border-collapse:collapse;font-size:15px;background:#fff}
.bang th,.bang td{border-bottom:1px solid var(--vien);padding:11px 12px;text-align:left;vertical-align:top}
.bang thead th{background:var(--den);color:#fff;font-weight:800;font-size:14px}
.bang tbody th{background:var(--nen);font-weight:600;width:40%}
.bang td.so{font-weight:800;white-space:nowrap;color:var(--do6)}.bang tbody tr:hover td{background:#FCFBFB}
.cuon-ngang{overflow-x:auto;border:1px solid var(--vien);border-radius:var(--bo)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.chip{border:1.5px solid var(--vien);background:#fff;border-radius:999px;padding:8px 14px;font:800 14px B,sans-serif;cursor:pointer;min-height:40px}
.chip.on{background:var(--den);color:#fff;border-color:var(--den)}
/* ---------- trang xe ---------- */
.vet{font-size:13px;color:var(--phu);padding:12px 16px}.vet a{text-decoration:none}.vet a:hover{color:var(--do6)}
.xe{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:36px;align-items:start}
.xe-anh{background:#141417;border-radius:var(--bo);aspect-ratio:4/3;overflow:hidden;box-shadow:0 0 0 1.5px var(--v5)}
.xe-anh img{width:100%;height:100%;object-fit:cover}
.anh-nho{display:flex;gap:8px;margin-top:10px;overflow-x:auto}
.anh-nho button{flex:none;width:84px;aspect-ratio:4/3;border-radius:8px;border:1.5px solid var(--vien);background:#141417;padding:0;cursor:pointer;overflow:hidden}
.anh-nho button[aria-current=true]{border-color:var(--do)}
.anh-nho img{width:100%;height:100%;object-fit:contain}
.mau-sac{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}
.mau-sac i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.mau-sac span{font-size:13px;color:var(--phu)}
.hop{border-radius:var(--bo);padding:22px;position:sticky;top:90px;background:#fff;box-shadow:0 1px 0 var(--vien),0 18px 50px rgba(10,10,11,.10);border-top:4px solid var(--den)}
.hop .gia-to{font:900 italic 36px/1 B,sans-serif;color:var(--do6);margin:6px 0 2px}
.pb{display:flex;flex-direction:column;gap:8px;margin:14px 0}
.pb label{display:flex;justify-content:space-between;gap:10px;border:1.5px solid var(--vien);border-radius:10px;padding:10px 12px;cursor:pointer;font-size:15px}
.pb input{accent-color:var(--do)}.pb label:has(input:checked){border-color:var(--do);background:var(--do0)}
.hop .nut{width:100%;margin-top:8px}.hop ul{padding-left:18px;font-size:14px;color:var(--phu);margin:14px 0 0}
.tskt{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}
.tskt div{background:var(--nen);border-radius:12px;padding:12px;border-left:3px solid var(--do)}
.tskt b{display:block;font-size:16px;line-height:1.3}.tskt span{font-size:12px;color:var(--phu)}
.noi-dung{max-width:840px}.noi-dung h2{margin-top:1.5em}.noi-dung h3{margin-top:1.2em}
.noi-dung ul,.noi-dung ol{padding-left:20px}.noi-dung li{margin:0 0 .4em}
details{border-bottom:1px solid var(--vien);padding:15px 0}
summary{font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";color:var(--do);font-size:22px;line-height:1}details[open] summary:after{content:"–"}details p{margin:10px 0 0;color:#2a2a2c}
.canh-bao{background:var(--do0);border-left:4px solid var(--do);padding:12px 14px;border-radius:8px;font-size:14px;margin-top:14px}
/* ---------- cửa hàng ---------- */
.ch{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ch a,.ch .o{display:flex;flex-direction:column;gap:4px;border:1px solid var(--vien);border-radius:var(--bo);padding:16px;text-decoration:none;background:#fff;transition:border-color .15s}
.ch a:hover{border-color:var(--den)}
.ch b{font-size:16px}.ch span{font-size:14px;color:var(--phu)}
.ch .sao{color:var(--v7);font-weight:800;font-size:13px}
.ban-do{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:stretch}
.ds-ch{display:flex;flex-direction:column;gap:8px}
.ds-ch button{text-align:left;display:flex;flex-direction:column;gap:2px;border:1.5px solid var(--vien);border-radius:12px;padding:12px 14px;background:#fff;cursor:pointer;font-size:14px;color:var(--phu)}
.ds-ch button b{color:var(--chu);font-size:15px}
.ds-ch button[aria-pressed=true]{border-color:var(--do);background:var(--do0)}
.khung-map{position:relative;border-radius:var(--bo);overflow:hidden;background:var(--kl-den);min-height:380px}
.khung-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.khung-map .mo-map{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;text-align:center;padding:20px}
/* ---------- khách hàng (KH6: kim loại đen, ngoặc vàng) ---------- */
.kh-luoi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kh{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/5;background:var(--den9);box-shadow:0 0 0 1.5px rgba(217,167,50,.55)}
.kh img{width:100%;height:100%;object-fit:cover}
.kh6{border-radius:16px;padding:26px 24px 22px;color:#fff;background:var(--kl-den);position:relative;grid-column:span 2;display:flex;flex-direction:column;justify-content:center;box-shadow:0 0 0 1.5px rgba(217,167,50,.55)}
.kh6 .dn{font:900 96px/.7 Georgia,serif;background:linear-gradient(180deg,#FFF4C2,#D9A732 50%,#8A5C0E);-webkit-background-clip:text;background-clip:text;color:transparent;height:44px;display:block}
.kh6 p{font-size:19px;line-height:1.5;margin:8px 0 16px;font-weight:600}
.kh6 .ai{display:flex;align-items:center;gap:12px;border-top:1px solid rgba(242,207,107,.35);padding-top:14px;font-size:14px;color:#B7B4B6}
.kh6 .ai b{color:#fff;display:block;font-size:15px}
.kh6 .ai img{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1.5px var(--v5)}
/* ---------- cam kết ---------- */
.ck{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ck div{border-radius:var(--bo);padding:20px;background:var(--kl-den);color:#fff;position:relative}
.ck div:after{content:"";position:absolute;left:20px;right:20px;top:0;height:1.5px;background:var(--chi-vang)}
.ck b{display:block;font-size:17px;margin:10px 0 4px}.ck p{margin:0;color:#B7B4B6;font-size:14px}
.ck i{display:inline-block;font:900 italic 26px/1 B,sans-serif;color:transparent;-webkit-text-stroke:1.2px var(--v3)}
/* ---------- chân trang ---------- */
.chan{background:var(--den);color:#B7B4B6;font-size:14px;padding:0 0 96px;position:relative}
.chan:before{content:"";display:block;height:1.5px;background:var(--chi-vang)}
.chan .w{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;padding-top:44px}
.chan h4{color:#fff;margin:0 0 12px;font-size:15px}
.chan a{color:#E6E3E4;text-decoration:none}.chan a:hover{color:#fff;text-decoration:underline}
.chan ul{list-style:none;padding:0;margin:0}.chan li{margin:0 0 8px}
.ban-quyen{grid-column:1/-1;border-top:1px solid var(--den7);padding-top:16px;font-size:13px}
/* ---------- thanh dưới + hộp báo giá ---------- */
.thanh{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;grid-template-columns:1fr 1fr 1.4fr;gap:6px;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:var(--den);box-shadow:0 -6px 24px rgba(0,0,0,.25)}
.thanh:before{content:"";position:absolute;left:0;right:0;top:0;height:1.5px;background:var(--chi-vang)}
.thanh a,.thanh button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;border-radius:10px;color:#fff;background:var(--den8);text-decoration:none;font:800 15px B,sans-serif;border:0}
.thanh .bg{background:var(--do)}
.nen-mo{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:80;display:none;align-items:center;justify-content:center;padding:16px}
.nen-mo.mo{display:flex}
.hop-mo{background:#fff;border-radius:16px;padding:24px;max-width:430px;width:100%;position:relative;border-top:4px solid var(--do)}
.hop-mo .dong{position:absolute;right:10px;top:8px;border:0;background:none;font-size:28px;cursor:pointer;width:44px;height:44px}
.o-nhap{width:100%;border:1.5px solid #CFCBCD;border-radius:10px;padding:13px;font:16px B,sans-serif;margin:6px 0 10px}
.o-nhap:focus{outline:2px solid var(--do);border-color:var(--do)}
.dong-y{font-size:12px;color:var(--phu)}
/* ---------- đáp ứng ---------- */
@media (max-width:1100px){.menu a{padding:10px 8px;font-size:14px}}
@media (max-width:1000px){.luoi{grid-template-columns:repeat(3,1fr)}.dm .luoi>.the:nth-child(4){display:none}.ck,.hang4{grid-template-columns:1fr 1fr}.chan .w{grid-template-columns:1fr 1fr}.kh-luoi{grid-template-columns:repeat(3,1fr)}.kh6{grid-column:1/-1}}
@media (max-width:860px){
 .menu{display:none;position:absolute;top:70px;left:0;right:0;background:var(--den);flex-direction:column;padding:8px 16px 16px;border-bottom:1.5px solid var(--v5)}
 body.mo .menu{display:flex}.nut-menu{display:block}.top .nut-do{display:none}.dai .an-dt{display:none}
 .slide{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;height:auto;min-height:0}
 .slide:before{display:none}
 .slide .hinh{order:-1;aspect-ratio:2/1;clip-path:none}
 .slide .hinh.xe{aspect-ratio:4/3;padding:16px}
 .slide .chu{padding:20px 16px 48px}.mui{display:none}
 .xe,.ban-do{grid-template-columns:1fr}.luoi{grid-template-columns:1fr 1fr;gap:10px}
 .dm .luoi>.the:nth-child(n+3){display:none}
 .ch{grid-template-columns:1fr}.tskt{grid-template-columns:1fr 1fr}.kh-luoi{grid-template-columns:1fr 1fr}
 .hop{position:static}.thanh{display:grid}.khoi{padding:40px 0}
 .the .than{padding:10px}.the .uq{font-size:9px}.the h3{font-size:14.5px}.gia{font-size:16px}.the .ts{display:none}
 .the .day{flex-direction:column;align-items:stretch}.khung-map{min-height:300px}
}
@media (max-width:520px){.chan .w{grid-template-columns:1fr}.logo img{height:38px}.hang4{gap:10px}.o-hang{min-height:178px;padding:14px}.o-hang b{font-size:22px}.o-hang i{display:none}.o-hang img{width:80%;right:0;bottom:3%}}

/* Cảm giác app trên điện thoại: chuyển trang mượt, chạm có phản hồi, hiện dần khi cuộn */
@view-transition{navigation:auto}
::view-transition-old(root){animation:.18s cubic-bezier(.4,0,1,1) both vt-ra}
::view-transition-new(root){animation:.28s cubic-bezier(.2,.7,.2,1) both vt-vao}
@keyframes vt-ra{to{opacity:0;transform:translateY(-6px)}}
@keyframes vt-vao{from{opacity:0;transform:translateY(10px)}}
html{-webkit-tap-highlight-color:transparent}a,button,summary,label{touch-action:manipulation}
.the,.o-hang,.nut,.chip,.tab-dm a{transition-property:transform,box-shadow,background,border-color;transition-duration:.45s,.45s,.15s,.15s;transition-timing-function:cubic-bezier(.2,.7,.2,1)}
.the:active,.o-hang:active{transform:scale(.975);transition-duration:.12s}
.nut:active,.chip:active,.tab-dm a:active{transform:scale(.95);transition-duration:.1s}
.lo{opacity:0;transform:translateY(18px)}
.lo.hien{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}
.slide .hinh:not(.xe) img{animation:troi 9s ease-out both}
@keyframes troi{from{transform:scale(1.07)}to{transform:scale(1)}}
/* Máy cảm ứng không có rê chuột: bỏ hiệu ứng hover để không bị kẹt sau khi chạm */
@media (hover:none){.the:hover{box-shadow:0 10px 26px rgba(10,10,11,.14)}.the:hover .anh img,.o-hang:hover img{transform:none}}
@media (prefers-reduced-motion:reduce){.lo{opacity:1;transform:none}@view-transition{navigation:none}}

/* Banner: chữ trượt theo tay khi lướt, từng dòng lệch nhịp; ảnh trôi ngược nhẹ tạo chiều sâu */
.slide{--p:0;--o:1}
.slide .o-chu>*{transform:translate3d(calc(var(--p) * var(--k,0) * 1px),0,0);opacity:var(--o);will-change:transform}
.slide .o-chu>:nth-child(1){--k:60}.slide .o-chu>:nth-child(2){--k:130}.slide .o-chu>:nth-child(3){--k:210}
.slide .hinh.bo{position:relative;padding:0}
.slide .hinh.bo img{position:absolute;width:62%;max-height:none;bottom:8%}
.slide .hinh.bo img:nth-child(1){left:2%;bottom:16%;width:50%;opacity:.9}
.slide .hinh.bo img:nth-child(2){right:0;bottom:16%;width:50%;opacity:.9}
.slide .hinh.bo img:nth-child(3){left:19%;bottom:2%;width:62%;z-index:2}
.slide .hinh.bo img:only-child{left:19%}
@media (max-width:860px){
 .slide .chu{padding:18px 16px 44px;gap:10px;justify-content:flex-start}.slide .chu p{font-size:15px;line-height:1.55}.slide .tin{display:none}
 .slide .to{font-size:clamp(30px,9vw,40px)}
 .slide .hinh.bo{aspect-ratio:2/1}
}
@media (prefers-reduced-motion:reduce){.slide .o-chu>*{transform:none!important;opacity:1!important}}
/* Nút "sống": ô vàng có mũi tên nhịp nhẹ, vệt sáng lướt qua định kỳ; rê chuột thì ô vàng loang kín nút */
.nut-do,.nut-den,.nut-trong{position:relative;isolation:isolate;overflow:hidden;padding-left:52px;--nhan:linear-gradient(180deg,#FFF4C2,#F2CF6B 45%,#D9A732);--chu-nhan:#0A0A0B;
 background-image:linear-gradient(105deg,transparent 38%,rgba(255,244,194,.38) 50%,transparent 62%);background-size:260% 100%;background-repeat:no-repeat;background-position:160% 0;animation:quet 5s cubic-bezier(.4,0,.2,1) infinite}
.nut-trong{--nhan:#fff}
.nut-do:before,.nut-den:before,.nut-trong:before{content:"";position:absolute;z-index:-1;left:6px;top:6px;bottom:6px;width:34px;border-radius:7px;background:var(--nhan);transition:left .5s,top .5s,bottom .5s,width .5s,border-radius .5s;transition-timing-function:cubic-bezier(.2,.7,.2,1)}
.nut-do:after,.nut-den:after,.nut-trong:after{content:"";position:absolute;left:6px;top:50%;width:34px;height:16px;margin-top:-8px;background:var(--chu-nhan);
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h10M8.5 3.5 13 8l-4.5 4.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h10M8.5 3.5 13 8l-4.5 4.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat;
 animation:nhip 2.6s ease-in-out infinite}
.nut-den:nth-of-type(2n),.nut-den:nth-of-type(2n):after{animation-delay:1.3s}
@keyframes quet{0%,55%{background-position:160% 0}85%,100%{background-position:-60% 0}}
@keyframes nhip{0%,55%,100%{transform:translateX(0)}70%{transform:translateX(5px)}82%{transform:translateX(-1px)}}
@media (hover:hover){.nut-do:hover,.nut-den:hover,.nut-trong:hover{color:var(--chu-nhan)}
 .nut-do:hover:before,.nut-den:hover:before,.nut-trong:hover:before{left:0;top:0;bottom:0;width:100%;border-radius:inherit}}
.nut-do:focus-visible:before,.nut-den:focus-visible:before,.nut-trong:focus-visible:before{left:0;top:0;bottom:0;width:100%;border-radius:inherit}
.nut-do:focus-visible,.nut-den:focus-visible,.nut-trong:focus-visible{color:var(--chu-nhan)}
.nut-do:active:before,.nut-den:active:before,.nut-trong:active:before{left:0;top:0;bottom:0;width:100%;border-radius:inherit;transition-duration:.25s}
.nut-do:active,.nut-den:active,.nut-trong:active{color:var(--chu-nhan)}
/* thẻ xe dày đặc: giữ nút gọn, chỉ đổi màu khi rê */
.the .nut{padding-left:12px;animation:none;background-image:none}.the .nut:after{display:none}.the .nut:before{left:0;width:0;top:0;bottom:0;border-radius:inherit}
/* thanh liên hệ dưới đáy điện thoại: nút Báo giá có vệt sáng lướt, Gọi ngay có chấm xanh nhấp nháy như đang trực */
.thanh .bg{background-image:linear-gradient(105deg,transparent 38%,rgba(255,244,194,.4) 50%,transparent 62%);background-size:260% 100%;background-repeat:no-repeat;animation:quet 4s cubic-bezier(.4,0,.2,1) infinite}
.thanh a[href^="tel:"]:before{content:"";width:8px;height:8px;border-radius:50%;background:#2BD46B;box-shadow:0 0 0 0 rgba(43,212,107,.6);animation:truc 2s ease-out infinite}
@keyframes truc{0%{box-shadow:0 0 0 0 rgba(43,212,107,.55)}70%,100%{box-shadow:0 0 0 8px rgba(43,212,107,0)}}
@media (hover:hover){.the .nut:hover:before{width:100%}}

/* ===== Bản 5: tinh gọn kiểu web xe cao cấp ===== */
/* dải cam kết chạy ngang */
.chay{display:flex;overflow:hidden;background:#000;color:var(--v3);font-size:12.5px;font-weight:600;letter-spacing:.04em;height:32px;align-items:center;white-space:nowrap;border-bottom:1px solid rgba(242,207,107,.18)}
.chay .dong-chay{display:flex;flex:none;animation:chay 38s linear infinite}
.chay span{display:inline-flex;align-items:center;padding:0 22px}.chay span:after{content:"";width:5px;height:5px;margin-left:44px;transform:rotate(45deg);background:var(--v5);opacity:.8}
.chay:hover .dong-chay{animation-play-state:paused}
@keyframes chay{to{transform:translateX(-100%)}}
/* menu một hàng, không rớt dòng */
.menu a{white-space:nowrap;letter-spacing:.01em}
@media (max-width:1180px){
 .menu{display:none;position:absolute;top:70px;left:0;right:0;background:var(--den);flex-direction:column;padding:8px 16px 16px;border-bottom:1.5px solid var(--v5)}
 body.mo .menu{display:flex}.nut-menu{display:block}.top .nut-do{margin-left:auto}}
@media (max-width:860px){.top .nut-do{display:none}}
/* đỏ bóng có khối */
.nut-do,.nut-do:hover{background-color:#D8070D;background-image:linear-gradient(105deg,transparent 38%,rgba(255,244,194,.38) 50%,transparent 62%),var(--do-nut);background-size:260% 100%,100% 100%;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(0,0,0,.22),0 8px 18px -6px rgba(236,10,16,.6)}
.nut-den{background-image:linear-gradient(105deg,transparent 38%,rgba(255,244,194,.3) 50%,transparent 62%),linear-gradient(180deg,#2B2C31,#0A0A0B);background-size:260% 100%,100% 100%;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 18px -8px rgba(0,0,0,.6)}
.the .nut-do{background-image:var(--do-nut);background-size:100% 100%}
/* hero tràn ngang, chữ gọn một góc */
.slide{display:block;height:auto;min-height:0;background:#0A0A0B}
.slide:before{display:none}
.slide .nen-anh{position:relative;height:clamp(440px,44vw,680px);overflow:hidden}
.slide .nen-anh>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:troi 9s ease-out both}
.slide-xe .nen-anh{background:var(--do-bong)}
.dan-xe{position:absolute;right:5%;bottom:4%;width:min(56%,860px);aspect-ratio:2/1}
.dan-xe img{position:absolute;bottom:0;width:52%;height:auto}
.dan-xe img:nth-child(1){left:0;bottom:12%;opacity:.92}.dan-xe img:nth-child(2){right:0;bottom:12%;opacity:.92}.dan-xe img:nth-child(3){left:22%;width:58%;z-index:2}
.dan-xe img:only-child{left:20%;width:62%}
.o-chu{position:absolute;z-index:3;left:max(16px,calc((100vw - var(--w))/2 + 16px));bottom:58px;max-width:min(400px,34%);padding:20px 22px 22px;border-radius:16px;color:#fff;
 background:linear-gradient(160deg,rgba(10,10,11,.74),rgba(10,10,11,.5));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(242,207,107,.26),0 20px 50px -20px rgba(0,0,0,.7);display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.the-nho{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--v3)}
.o-chu .tieu{margin:0;font:800 clamp(22px,2.3vw,30px)/1.15 B,sans-serif;letter-spacing:-.01em}
.o-chu .tieu small{display:block;margin-top:6px;font-size:14px;font-weight:600;color:rgba(255,255,255,.78);letter-spacing:0}
.o-chu .nut{margin-top:4px}
.hero .dieu{bottom:22px}
@media (max-width:860px){
 .slide .nen-anh{height:auto;aspect-ratio:16/11}
 .dan-xe{right:0;width:74%;bottom:8%}
 .o-chu{left:10px;bottom:24px;max-width:58%;padding:10px 12px 12px;gap:5px;border-radius:12px}
 .o-chu .tieu{font-size:15.5px;line-height:1.2}.o-chu .tieu small{display:none}
 .o-chu .nut{min-height:34px;padding:7px 11px 7px 40px;font-size:12.5px}
 .o-chu .nut:before{width:24px;left:5px;top:5px;bottom:5px}.o-chu .nut:after{width:24px;left:5px}
 .the-nho{font-size:9.5px}.hero .dieu{bottom:12px}}
/* thanh liên hệ đáy: chỉ Gọi và Chat */
.thanh{grid-template-columns:1fr 1.35fr}
.thanh .chat{background-color:#D8070D;background-image:linear-gradient(105deg,transparent 38%,rgba(255,244,194,.4) 50%,transparent 62%),var(--do-nut);background-size:260% 100%,100% 100%;background-repeat:no-repeat;animation:quet 4s cubic-bezier(.4,0,.2,1) infinite;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.thanh .chat:before{content:"";width:18px;height:18px;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v11H9l-5 4z' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v11H9l-5 4z' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
/* chân trang gọn */
.chan .w.chan-tren{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-top:48px;padding-bottom:28px}
.chan-hieu img{height:44px;width:auto;margin-bottom:14px}.chan-hieu p{margin:0 0 16px;max-width:340px;line-height:1.6}
.chan-nut{display:flex;gap:10px;flex-wrap:wrap}.chan-nut .nut{min-height:42px;font-size:14px}
.chan-nhom summary{list-style:none;color:#fff;font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:6px 0 14px;cursor:default}
.chan-nhom summary::-webkit-details-marker{display:none}
.chan-nhom li{margin:0 0 9px}.chan-nhom a{color:#C9C6C8}
.chan .ban-quyen{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #222327;padding-top:18px;padding-bottom:18px;font-size:12.5px;color:#8D8A8C}
@media (max-width:860px){
 .chan .w.chan-tren{grid-template-columns:1fr;gap:0;padding-top:36px}
 .chan-hieu{padding-bottom:22px}
 .chan-nhom{border-top:1px solid #222327}
 .chan-nhom summary{display:flex;justify-content:space-between;align-items:center;margin:0;padding:16px 0;cursor:pointer}
 .chan-nhom summary:after{content:"";width:10px;height:10px;border-right:2px solid var(--v3);border-bottom:2px solid var(--v3);transform:rotate(45deg) translateY(-3px);transition:transform .3s}
 .chan-nhom[open] summary:after{transform:rotate(-135deg) translateY(-2px)}
 .chan-nhom ul{padding-bottom:14px}
 .chan .ban-quyen{flex-direction:column;gap:4px}}
/* trang chính sách */
.cs-luoi{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;align-items:start}
.cs-menu{position:sticky;top:96px;display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:16px;background:var(--nen)}
.cs-menu a{padding:11px 14px;border-radius:10px;text-decoration:none;font-weight:600;color:var(--phu)}
.cs-menu a:hover{color:var(--chu);background:#fff}
.cs-menu a[aria-current]{color:#fff;background:var(--den);box-shadow:inset 3px 0 0 var(--do)}
.cs-noi{max-width:760px}.cs-noi h1{font-size:clamp(28px,3.6vw,42px);line-height:1.15;margin:10px 0 22px;letter-spacing:-.015em}
.cs-noi .the-nho{color:var(--do6)}
.cs-noi .noi-dung{font-size:16.5px;line-height:1.8;color:#2B2A2C}
.cs-noi .noi-dung h3{position:relative;margin:2em 0 .6em;padding-left:14px;font-size:19px;color:var(--chu)}
.cs-noi .noi-dung h3:before{content:"";position:absolute;left:0;top:.25em;bottom:.25em;width:3px;border-radius:2px;background:var(--do)}
.cs-noi .noi-dung ul{list-style:none;padding:0}
.cs-noi .noi-dung li{position:relative;padding-left:26px;margin:0 0 .55em}
.cs-noi .noi-dung li:before{content:"";position:absolute;left:4px;top:.55em;width:9px;height:5px;border-left:2px solid var(--v7);border-bottom:2px solid var(--v7);transform:rotate(-45deg)}
.cs-hoi{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:40px;padding:22px 24px;border-radius:18px;background:var(--kl-den);color:#fff}
.cs-hoi>div{flex:1;min-width:200px;display:flex;flex-direction:column}.cs-hoi span{color:#B7B4B6;font-size:14px}
@media (max-width:860px){
 .cs-luoi{grid-template-columns:1fr;gap:18px}
 .cs-menu{position:static;flex-direction:row;overflow-x:auto;padding:6px;scrollbar-width:none}.cs-menu::-webkit-scrollbar{display:none}
 .cs-menu a{white-space:nowrap;padding:9px 14px}
 .cs-noi .noi-dung{font-size:15.5px}}

/* ===== Bản 6: thẻ xe kiểu Porsche, chữ tiết chế ===== */
.the{border-radius:18px}.the .in{border-radius:16.5px;background:#141414}
.the .than{padding:14px 16px 16px;gap:8px;border-top:0}
.the .uq{font-size:11px;letter-spacing:.14em;color:var(--v3)}
.the h3{font-size:19px;font-weight:600;letter-spacing:-.005em;line-height:1.25}
.the .so{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.the .so div{display:flex;flex-direction:column;min-width:0}
.the .so b{font-size:19px;font-weight:700;color:var(--v3);line-height:1.15;font-variant-numeric:tabular-nums}
.the .so span{font-size:11.5px;color:#8F8C8E;line-height:1.3}
.the .nhan span{font-size:11px;font-weight:600;letter-spacing:.02em;border-radius:999px;padding:4px 9px;background:rgba(10,10,11,.72);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.the .nhan span.hot{background:var(--do-nut);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.the .nhan{left:10px;top:10px;flex-direction:row;flex-wrap:wrap;gap:6px}
.the .gia{font-size:18px;font-weight:700}.the .gia small{font-size:11.5px;font-weight:400;display:block}
.the .nut{min-height:44px;border-radius:12px;padding:10px 16px}
@media (hover:hover){.the:hover{transform:translateY(-4px)}}
@media (max-width:860px){
 .the .than{padding:11px 11px 12px}.the h3{font-size:15.5px}.the .uq{font-size:9.5px}
 .the .so{gap:4px;padding:8px 0}.the .so b{font-size:15px}.the .so span{font-size:10px}
 .the .so div:nth-child(3){display:none}.the .so{grid-template-columns:1fr 1fr}
 .the .gia{font-size:15.5px}.the .nut{width:100%;min-height:40px}
 .the .nhan span{font-size:9.5px;padding:3px 7px}}
/* chữ: tiêu đề khối bớt đậm nghiêng, thang cỡ gọn */
.dau-khoi h2,.khoi h2{font-weight:700;letter-spacing:-.015em}
@media (max-width:860px){.top .w{height:56px}.logo img{height:34px}.menu{top:56px}}

/* danh sách cửa hàng cạnh bản đồ: chi tiết và chỉ đường */
.ds-ch .o-ch{display:flex;flex-direction:column}
.ds-ch .o-ch .lk{display:flex;gap:16px;padding:6px 14px 0;font-size:13px;font-weight:700}
.ds-ch .o-ch .lk a{color:var(--do6);text-decoration:none}.ds-ch .o-ch .lk a:hover{text-decoration:underline}

/* ảnh khách trôi phải sang trái */
.kh-chay{display:flex;overflow:hidden;gap:0;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.kh-dong{display:flex;flex:none;gap:14px;padding-right:14px;animation:chay 70s linear infinite}
.kh-chay:hover .kh-dong,.kh-chay:active .kh-dong{animation-play-state:paused}
.kh-dong .kh{flex:none;width:240px;border-radius:14px;overflow:hidden}
.kh-dong .kh img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
@media (max-width:860px){.kh-dong .kh{width:150px}.kh-dong{gap:10px;padding-right:10px;animation-duration:50s}}

/* nội dung chính sách có cấu trúc */
.cs-noi .noi-dung{display:flex;flex-direction:column;gap:16px}
.cs-the{padding:22px 24px;border-radius:18px;background:#fff;box-shadow:0 1px 0 var(--vien),0 12px 32px -18px rgba(10,10,11,.18);border:1px solid var(--vien)}
.cs-the>h3:first-child{margin-top:0}.cs-the>:last-child{margin-bottom:0}
.cs-noi .noi-dung .cs-the:first-child{background:var(--nen);box-shadow:none}
.nv{display:grid;grid-template-columns:1fr;margin:12px 0;border-radius:12px;overflow:hidden;border:1px solid var(--vien)}
.nv div{display:grid;grid-template-columns:minmax(120px,36%) 1fr;gap:12px;padding:11px 14px;border-top:1px solid var(--vien)}
.nv div:first-child{border-top:0}.nv div:nth-child(odd){background:#FBFAFA}
.nv dt{font-weight:700;color:var(--chu);font-size:14.5px}.nv dd{margin:0;font-size:15px}
.cs-noi .noi-dung ol.buoc{list-style:none;counter-reset:b;padding:0;display:grid;gap:10px}
.cs-noi .noi-dung ol.buoc li{counter-increment:b;position:relative;padding:12px 14px 12px 54px;border-radius:12px;background:var(--nen);margin:0}
.cs-noi .noi-dung ol.buoc li:before{content:counter(b);position:absolute;left:12px;top:10px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:var(--do-nut);border:0;transform:none}
.bang-cuon{overflow-x:auto}
@media (max-width:860px){.cs-the{padding:16px}.nv div{grid-template-columns:1fr;gap:2px}}

/* dải cam kết dưới banner: chạy trái sang phải */
.tin-chay{display:flex;overflow:hidden;background:linear-gradient(180deg,#141417,#0A0A0B);border-top:1px solid rgba(242,207,107,.35);border-bottom:1px solid rgba(242,207,107,.35);padding:14px 0}
.dong-tin{display:flex;flex:none;animation:chay-phai 45s linear infinite}
.dong-tin span{display:inline-flex;align-items:center;white-space:nowrap;padding:0 26px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.dong-tin span:before{content:"";width:6px;height:6px;margin-right:52px;transform:rotate(45deg);background:var(--chi-vang)}
.tin-chay:hover .dong-tin{animation-play-state:paused}
@keyframes chay-phai{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media (max-width:860px){.tin-chay{padding:11px 0}.dong-tin span{font-size:12px;padding:0 18px}.dong-tin span:before{margin-right:36px}}
/* xe trên banner: đứng thẳng hàng, cùng cỡ, cách đều, không chồng lên nhau */
.dan-xe{display:flex;align-items:flex-end;justify-content:center;gap:2%;aspect-ratio:auto;height:62%}
.dan-xe img,.dan-xe img:nth-child(n),.dan-xe img:only-child{position:static;flex:0 1 32%;width:32%;max-height:100%;object-fit:contain;opacity:1;left:auto;right:auto;bottom:auto;z-index:auto}
.dan-xe img:only-child{flex-basis:56%;width:56%}
@media (max-width:860px){.dan-xe{height:52%;width:70%;right:2%}}
/* ô hãng: xe luôn nằm trọn trong ô (giới hạn theo chiều cao), không bị cắt đầu */
.o-hang img{right:3%;bottom:6%;top:auto;height:84%;width:auto;max-width:58%;aspect-ratio:auto;object-fit:contain;object-position:right bottom}
@media (max-width:520px){.o-hang img{height:58%;max-width:86%;right:2%;bottom:4%}}
/* v7: 5 ô hãng */
.hang4:has(>.o-hang:nth-child(5):last-child){grid-template-columns:repeat(5,1fr)}
.hang4:has(>.o-hang:nth-child(5):last-child) .o-hang img{max-width:70%}
@media (max-width:1000px){.hang4:has(>.o-hang:nth-child(5):last-child){grid-template-columns:1fr 1fr}.hang4>.o-hang:nth-child(5):last-child{grid-column:1/-1}.hang4>.o-hang:nth-child(5):last-child img{max-width:46%}}