/* ---------- Về chúng tôi theo mẫu cowayvina.com.vn/introduction (js/48-ve-chung-toi.js) ---------- */
.vct{--vct:#1ea0dc;--vct-soft:#f1fafe;color:#333;font-size:14.5px;line-height:1.7}
.vct-k{margin:0 0 56px}
.vct-h{font-size:30px;line-height:1.35;font-weight:600;color:var(--vct);margin:0 0 22px;text-transform:uppercase}
.vct-phu{font-size:18px;font-weight:700;margin:0 0 18px;color:#222}
.vct-tren{font-size:13px;color:#888;letter-spacing:.5px;margin-bottom:6px}
.vct-giua{text-align:center}
.vct-giua .vct-h{color:#222;font-size:26px}
.vct-c{text-align:center}
.vct-p{margin:0 0 12px}
.vct-giua .vct-p,.vct-tron .vct-p{max-width:860px;margin-left:auto;margin-right:auto}
.vct-xam{background:var(--paper);border-radius:14px;padding:36px 32px}
.vct img{max-width:100%;display:block}
.vct-anh{margin:18px 0}
.vct-anh img{width:100%;border-radius:4px}
.vct-ul{list-style:none;padding:0;margin:0}
.vct-ul li{position:relative;padding-left:14px;margin:5px 0}
.vct-ul li:before{content:"";position:absolute;left:0;top:.8em;width:6px;height:6px;border-radius:50%;background:var(--vct)}

/* trích dẫn TGĐ */
.vct-trich{display:grid;grid-template-columns:minmax(220px,42%) 1fr;align-items:center;background:#f2f2f2;margin-bottom:26px}
.vct-trich-anh{width:100%}
.vct-trich-q{padding:24px 40px}
.vct-trich blockquote{font-size:26px;line-height:1.5;color:#333;margin:0 0 26px;font-weight:300}
.vct-cv{font-size:14px;color:#555}

/* mạng lưới: chú thích bản đồ */
.vct-map{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px 24px}
.vct-map li{display:flex;align-items:center;gap:10px;line-height:1.4}
.vct-map-ic{flex:0 0 36px;height:36px;background-repeat:no-repeat}

/* doanh thu */
.vct-bd-nhan{font-size:12px;color:#888;margin-top:22px}
.vct-bd{margin-top:6px;font-size:13px;overflow-x:auto}
.vct-bd summary{cursor:pointer;color:var(--vct)}
.vct-bd table{border-collapse:collapse;margin-top:8px;width:100%}
.vct-bd th,.vct-bd td{border:1px solid #dde6ee;padding:4px 6px;text-align:center}
.vct-bd th{background:var(--vct-soft)}

/* lĩnh vực kinh doanh */
.vct-cot{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:20px;text-align:center}
.vct-cot-ic{display:inline-block;width:150px;height:120px;background-repeat:no-repeat}
.vct-cot h5{font-size:18px;line-height:24px;min-height:48px;margin:10px 0;font-weight:600;color:var(--vct)}
.vct-cot .vct-ul li{padding:0;margin:2px 0;color:#555}
.vct-cot .vct-ul li:before{display:none}

/* danh mục sản phẩm – ngôi nhà */
.vct-nha{display:grid;grid-template-columns:1fr minmax(0,628px) 1fr;gap:24px;align-items:center}
.vct-nha-c{display:flex;flex-direction:column;gap:22px}
.vct-nha-g{color:#9fb3c2;cursor:pointer;transition:color .3s}
.vct-nha-g h5{font-size:20px;line-height:1.3;padding:6px 0;margin:0 0 8px;border-bottom:2px solid currentColor;font-weight:600}
.vct-nha-g .vct-ul li:before{background:currentColor;border-radius:0;width:8px;height:1px}
.vct-nha-g.on,.vct-nha-g:hover{color:#189cd8}
.vct-nha-h{container-type:inline-size;aspect-ratio:628/498;background-size:100% auto;background-repeat:no-repeat;position:relative}
.vct-nha-on{position:absolute;inset:0;background-size:100cqw auto;background-repeat:no-repeat;background-position:0 calc(var(--k) * -100cqw / 628);transition:opacity .2s}

/* thẻ giải thưởng */
.vct-the{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vct-the>div{background:var(--vct-soft);border-radius:5px;min-height:300px;padding:20px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.vct-the img{max-height:100px;margin-bottom:10px}
.vct-the h5{font-size:16px;line-height:1.4;margin:10px 0;font-weight:600}
.vct-the-phu{display:block;font-size:12px;line-height:1.3;color:#349ff1;margin:0 0 10px}
.vct-the p{margin:0;line-height:1.5}

/* dãy logo */
.vct-logo{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center}
.vct-logo img{max-height:90px}

/* danh sách có biểu tượng */
.vct-ds{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:22px}
.vct-ds-doc .vct-ds-i{text-align:center}
.vct-ds-doc .vct-ds-i img{margin:0 auto 10px;max-height:90px}
.vct-ds-doc p{font-size:13px;line-height:1.5;margin:0}
.vct-ds-ngang{gap:12px}
.vct-ds-ngang .vct-ds-i{display:flex;align-items:center;gap:16px}
.vct-ds-ngang .vct-ds-i img{flex:0 0 auto}
.vct-ds-ngang p{margin:0}
.vct-ds-tren .vct-ds-i img{max-height:56px;margin-bottom:12px}
.vct-ds-tren h5{font-size:16px;color:#e8505b;font-weight:700;margin:0 0 8px}
.vct-ds-tren p{font-size:13.5px;color:#555;margin:0}
.vct-ds-buoc{display:flex;justify-content:center;align-items:flex-start;gap:16px}
.vct-ds-buoc .vct-ds-i{flex:0 1 260px;text-align:center}
.vct-ds-buoc .vct-ds-i img{margin:0 auto 12px;max-height:130px}
.vct-ds-buoc p{font-weight:600;margin:0}
.vct-buoc-mt{align-self:center;padding-bottom:40px}
.vct-dau{font-size:20px;line-height:1.5;font-weight:600;margin:0 0 20px}
.vct-hero{background-size:cover;background-position:right center;border-radius:6px;padding:30px}
.vct-hero .vct-ds{width:50%;background:rgba(255,255,255,.88);padding:18px;border-radius:6px}
.vct-caption{font-style:italic;text-align:center;color:#555;margin:14px 0 0}

/* nhiệm vụ: vòng tròn */
.vct-tron{display:flex;justify-content:center;gap:40px;margin-top:26px;flex-wrap:wrap}
.vct-tron>div{width:210px;height:210px;border-radius:50%;background:#2ba6e1;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;font-size:16px;line-height:1.5}

/* dãy ảnh */
.vct-anhhang{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.vct-anhhang img{width:100%;aspect-ratio:3/2;object-fit:cover}

/* 2 cột ảnh – chữ */
.vct-2c{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.vct-2c .vct-anh{margin:0}
.vct-2c-rev>.vct-anh{order:2}
.vct-anh-doc{display:flex;justify-content:center}
.vct-anh-doc img{width:auto;max-height:440px}
.vct-y2{list-style:none;padding:0;margin:0}
.vct-y2 li{padding-left:30px;margin:0 0 16px;position:relative;display:flex;flex-direction:column}
.vct-y2-ic{position:absolute;left:0;top:3px;width:20px;height:20px;background:no-repeat center/contain}
.vct-y2 b{color:#e8505b;font-weight:600}
.vct-y2 span{font-size:13.5px;color:#555}
.vct-nut-w{margin:16px 0}
.vct-nut{display:inline-block;background:#2ba6e1;color:#fff;padding:10px 22px;border-radius:2px;font-weight:600}
.vct-link{color:var(--vct);font-weight:600}
.vct-link:after{content:" ↗"}
.vct-ghichu{display:block;margin-top:6px;color:#8a5300}
.vct-sau{margin:0 0 4px;color:#555}

/* lịch sử: giai đoạn */
.vct-moc{background:var(--paper);border-radius:14px;padding:30px 36px 18px}
.vct-moc-s{display:none;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.vct-moc-s.on{display:grid}
.vct-moc-s img{width:100%;border-radius:4px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.vct-moc-nam{font-size:46px;font-weight:700;color:#333;margin-bottom:18px;line-height:1.1}
.vct-moc-dots{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:22px}
.vct-moc-dots [data-moc-i]{width:12px;height:12px;border-radius:50%;background:#cfd8e0;cursor:pointer}
.vct-moc-dots [data-moc-i].on{background:var(--vct)}
.vct-moc-mt{cursor:pointer;font-size:24px;color:#8a99a8;padding:0 8px;user-select:none}
.vct-moc-mt:hover{color:var(--vct)}

/* lịch sử: mốc Coway Vina */
.vct-vina{background-size:cover;background-position:center;border-radius:14px;padding:44px 40px;position:relative}
.vct-vina:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35);border-radius:14px}
.vct-vina>*{position:relative}
.vct-vina .vct-h{color:#fff}
.vct-vina-l{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px}
.vct-vina-l>div{background:#fff;border-radius:16px;padding:26px 28px}
.vct-vina-l>div:nth-child(even){margin-top:70px}
.vct-vina-nam{font-size:42px;font-weight:700;color:#2bb5e8;line-height:1.1;margin-bottom:12px}

/* câu trích lớn */
.vct-loitrich{font-size:24px;line-height:1.55;font-weight:700;color:#333;max-width:980px}
.vct-loitrich .vct-q1{width:40px;margin-bottom:8px}
.vct-loitrich .vct-q2{display:inline-block;width:40px;vertical-align:top;margin-left:8px}

/* mobile */
.mobile .vct-h{font-size:22px}
.mobile .vct-trich,.mobile .vct-2c,.mobile .vct-moc-s,.mobile .vct-vina-l{grid-template-columns:1fr}
.mobile .vct-trich-q{padding:18px}
.mobile .vct-trich blockquote{font-size:19px}
.mobile .vct-map{grid-template-columns:1fr}
.mobile .vct-cot{grid-template-columns:repeat(2,1fr)}
.mobile .vct-nha{grid-template-columns:1fr}
.mobile .vct-nha-h{display:none}
.mobile .vct-nha-g{color:#189cd8}
.mobile .vct-the{grid-template-columns:1fr}
.mobile .vct-ds{grid-template-columns:repeat(2,1fr)}
.mobile .vct-ds-ngang,.mobile .vct-ds-tren{grid-template-columns:1fr}
.mobile .vct-ds-buoc{flex-direction:column;align-items:center}
.mobile .vct-buoc-mt{display:none}
.mobile .vct-hero{padding:12px}
.mobile .vct-hero .vct-ds{width:100%}
.mobile .vct-tron>div{width:160px;height:160px;font-size:14px;padding:20px}
.mobile .vct-anhhang{grid-template-columns:repeat(2,1fr)}
.mobile .vct-vina{padding:26px 16px}
.mobile .vct-vina-l>div:nth-child(even){margin-top:0}
.mobile .vct-moc{padding:20px 16px}
.mobile .vct-moc-nam,.mobile .vct-vina-nam{font-size:32px}
.mobile .vct-loitrich{font-size:18px}
.mobile .vct-xam{padding:22px 16px}