/* sinhtracvantay: khớp mockup trang chủ (11-01) — mockup 729px ~ 1440 (x1.98) */
@media (min-width: 850px) {
 #header .header-main, #header .header-main .header-inner { height: 84px !important; }
 #header #logo, #header #logo a { width: 190px !important; }
 #header .header-nav > li > a { font-size: 14.5px !important; }
 #header .header-button-1 .button { font-size: 14px !important; padding: 4px 22px !important; }
 .vt-hero, .vt-hero .row { min-height: 510px !important; }
 .vt-hero .section-bg img.bg { left: 40% !important; width: 60% !important; object-fit: cover !important; object-position: 60% 18% !important; }
 .vt-hero::before { background: linear-gradient(90deg, #e8f4e4 0%, #e8f4e4 40%, rgba(232,244,228,.6) 46%, rgba(232,244,228,0) 54%) !important; }
 .vt-h1 { font-size: 50px !important; line-height: 1.15 !important; }
 .vt-hs { font-size: 19px !important; }
 .vt-sts { padding: 34px 0 22px !important; }
 .vt-st b { font-size: 34px !important; }
 .vt-st span { font-size: 16px !important; }
 .vt-pg { align-items: start !important; }
 .vt-pi { display: grid; gap: 14px; } .vt-pi img { aspect-ratio: 2.4 / 1 !important; object-position: 50% 18% !important; height: auto !important; width: 100%; object-fit: cover; border-radius: 8px; margin: 0 !important; }
 .vt-ps { min-height: 0; padding: 0 !important; align-self: center; border-bottom: 0 !important; }
 .vt-pl { display: grid; grid-template-rows: repeat(3, 1fr); align-self: stretch; }
 .vt-pl::before { top: 50px; bottom: 50px; }
}
.vt-bv { padding: 0 !important; }
.vt-ft-soc img { width: 34px !important; height: 34px !important; }
@media (max-width: 849px) {
 .vt-hero .section-bg img.bg { object-position: 62% 15% !important; }
 .vt-hero .vt-h1, .vt-hero .vt-hs { background: rgba(255,255,255,.85); }
 .vt-pi img { aspect-ratio: 1.8 / 1 !important; height: auto !important; object-position: 50% 18% !important; }
}
/* ruler:manual (11-01) — đo trên mockup, chỉnh tay */
.vt-wb li img, .vt-rt li img { width: 20px !important; height: auto; }
.vt-ft-soc img { width: 42px !important; height: 42px !important; }
img.vt-ft-logo, .vt-ft-logo { height: 76px !important; }
.vt-ft-ct img { width: 22px !important; height: 22px !important; }
a.vt-all img { width: 20px !important; }
@media (min-width: 850px) { .vt-dl-l h2 { font-size: 46px !important; } .vt-dl-l h3 { font-size: 24px !important; } }
@media (max-width: 849px) { .vt-st b { font-size: 26px !important; } .vt-st > div { padding: 6px 0; } }