/* Vietnam-only overrides. The base stylesheet is shared with the Singapore site,
   byte for byte; only the differences the client asked for live here. */

/* Poppins has no Vietnamese subset (latin, latin-ext and devanagari only), so every
   diacritic fell back to a system font. Montserrat is the closest geometric sans that
   ships a vietnamese subset. — client feedback #7 */
:root{
  --ff:'Montserrat',"Segoe UI",Helvetica,Arial,sans-serif;
}
body,.mainnav>ul>li>a,.btn,.field input,.field select,.field textarea,.searchform input{
  font-family:var(--ff);
}

/* Banner heights are deliberately NOT overridden here: the home carousel and the
   product hero must render at exactly the same height as the Singapore site, so
   both inherit .slides and .prod-hero from the shared base stylesheet. */

/* The opening tagline on "Hành trình phát triển" stands alone in italics,
   as it does in the source document. — client feedback #9 */
.article .lead-line{
  font-style:italic;
  font-size:1.05rem;
  color:var(--muted);
  margin:0 0 1.4em;
}

/* Factory photographs on "Mạng lưới nhà máy quốc tế". — client feedback #12 */
.factory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:18px 0}
.factory-grid figure{margin:0}
.factory-grid img{width:100%;height:auto;border-radius:var(--radius);display:block}
.factory-grid figcaption{margin-top:7px;font-size:.82rem;color:var(--muted)}