/* ==========================================================================
   Style Guide layer, site-wide parts — Figma 3655:10163 (owner rule 11/10: the guide decides every text; frames
   decide layout). Loaded after ohio-header / ohio-header-home / ohio-footer (inc/v2/style-guide-layer.php).
     §1 Montserrat only H1–H3; Be Vietnam Pro for content, buttons, menus, hotline. No Light. Min 12px.
     §3 scale PC 42 36 28 24 18 16 15 14 13 12 — nearest step. §4 white on orange ≥ 600 14px, buttons UPPERCASE.
   ========================================================================== */

/* ---- front page header (frame header; layout kept, type per guide) ---- */
@media (min-width:850px){
  .ohio-hh #header .header-bottom .nav > li > a{font-family:var(--ohio-font-body)!important}            /* menu PC = BVP */
  .ohio-hh .ohio-hh-search__input{font-family:var(--ohio-font-body)!important;font-weight:400!important}  /* was Light */
  .ohio-hh #header .ohio-hh-hotline__label{font:600 12px/14px var(--ohio-font-body)}
  .ohio-hh #header .ohio-hh-hotline__num{font:700 18px/22px var(--ohio-font-body);margin-top:-1px}        /* "số hotline" = Bold */
  .ohio-hh #header .ohio-hh-cta{width:auto;min-width:162px;gap:12px;font:600 14px/1 var(--ohio-font-body)!important;letter-spacing:.04em}
}

/* ---- footer ---- */
.ohio-footer,.ohio-footer :not(.ohio-footer__title){font-family:var(--ohio-font-body)!important}
.ohio-footer .ohio-footer__title{font:600 24px/26px var(--ohio-font-body)}                          /* H4 */
.ohio-footer .ohio-footer__branch-name{font-family:var(--ohio-font-body)}
.ohio-footer__intro{font-weight:400!important;font-size:12px!important}
.ohio-footer__copy{font-size:12px!important}
.ohio-footer__note{position:static!important;display:block;margin-top:2px;font-size:12px!important;line-height:14px!important;
  left:auto!important;top:auto!important}                                                           /* was 7.6px: own line */
.ohio-footer .ohio-footer__branch-name{font-size:20px!important;line-height:24px!important}   /* frame 20–21 → scale 20 */

/* ---- footer ≤767: Footer Mobile 3630:7041 type (guide mobile scale; titles Be Vietnam Pro 600 18/26 — h4 is not a
   guide heading, so not Montserrat; contact/policies/follow caption 13/20, licence + copyright 12) ---- */
@media (max-width:767px){
  .ohio-footer .ohio-footer__title{font:600 18px/26px var(--ohio-font-body);text-transform:uppercase}
  .ohio-footer__intro{font-size:13px!important;line-height:20px}
  .ohio-footer .ohio-footer__branch-name{font-size:16px!important;line-height:24px!important;font-weight:600}
  .ohio-footer__branch p,.ohio-footer__mlist,.ohio-footer__policies,.ohio-footer__follow{font:400 13px/20px var(--ohio-font-body)}
  .ohio-footer__branch p.ohio-footer__lic{font-size:12px}
  .ohio-footer__copy{font:400 12px/18px var(--ohio-font-body);font-size:12px!important}
  .ohio-footer__note{display:none!important}   /* not in the mobile frame */
}