/* congtynhua — canh theo mockup (11-01): mockup 763px = trang 1440, khung nội dung ~1220px, chữ/icon ~1.4-1.6x bản dựng đầu */
.nh-hero .row, .nh-sec .row, .nh-stat .row { max-width: 1220px !important; }
#top-bar .flex-row { min-height: 34px; } .nh-tb { font-size: 14px !important; }
#header .header-main { height: 92px !important; } #header .header-main .header-inner { max-width: 1220px; }
#header #logo a { width: 232px !important; height: 72px !important; }
#header .header-nav > li > a { font-size: 15.5px !important; font-weight: 500 !important; } #header .header-nav > li { margin: 0 13px !important; }
#header .header-nav .icon-search { font-size: 20px; color: #0f5aa6; }
.nh-hero, .nh-hero .row { min-height: 525px !important; }
.nh-h1 { font-size: 56px !important; line-height: 1.17 !important; margin-bottom: 14px !important; } .nh-hs { font-size: 22px !important; margin-bottom: 30px !important; }
a.nh-btn, a.nh-b2 { min-height: 52px !important; padding: 0 30px !important; font-size: 17px !important; font-weight: 600 !important; border-radius: 4px !important; } a.nh-btn img, a.nh-b2 img { width: 17px !important; }
.nh-sxs { padding: 28px 0 22px !important; } .nh-sx { gap: 56px !important; margin-bottom: 26px !important; } .nh-sx.nh-rev { grid-template-columns: 1fr 1fr !important; }
.nh-si img { aspect-ratio: 1.76 / 1 !important; }
.nh-st h2 { font-size: 37px !important; margin-bottom: 14px !important; } .nh-st p { font-size: 17px !important; line-height: 1.6 !important; margin-bottom: 18px !important; }
.nh-st li { font-size: 16.5px !important; margin-bottom: 12px !important; } .nh-st li img { width: 24px !important; }
a.nh-lk { font-size: 16px !important; } a.nh-lk img { width: 16px !important; }
.nh-sts { padding: 26px 0 !important; } .nh-sts b { font-size: 46px !important; margin-bottom: 4px; } .nh-sts span { font-size: 18px !important; }
.nh-pd, .nh-gl, .nh-ap, .nh-news { padding: 40px 0 !important; }
.nh-hd { margin-bottom: 24px !important; } .nh-hd h2, .nh-h2 { font-size: 37px !important; } .nh-hd p { font-size: 17px !important; margin-top: 8px !important; }
a.nh-all { font-size: 16px !important; } a.nh-all img { width: 16px !important; }
.nh-pg { gap: 20px !important; } .nh-pg a { padding: 20px 20px 24px !important; border-radius: 4px; } .nh-pg a > img { aspect-ratio: 1.6 / 1 !important; }
.nh-pg b { font-size: 21px !important; margin: 12px 0 14px !important; } span.nh-b3 { min-height: 40px !important; padding: 0 30px !important; font-size: 16px !important; border-radius: 3px !important; }
.nh-gg > div { padding: 14px 22px !important; } .nh-gg img { width: 116px !important; height: 80px !important; object-fit: contain; }
.nh-gg b { font-size: 19.5px !important; margin: 16px 0 6px !important; } .nh-gg span { font-size: 16.5px !important; }
.nh-ag { gap: 10px !important; } .nh-ag a > img { aspect-ratio: 1.34 / 1 !important; } .nh-ag b { font-size: 18.5px !important; padding: 12px 6px !important; }
.nh-gn { --gap: 20px !important; } .nh-news .b9-po-img img { aspect-ratio: 1.95 / 1 !important; }
.nh-news .b9-po-tag { font-size: 14px !important; } .nh-news .b9-po-t { font-size: 20px !important; line-height: 1.35 !important; } .nh-news .b9-more { font-size: 15.5px !important; }
.nh-ft-in { max-width: 1220px !important; padding: 44px 20px 30px !important; } .nh-ft-logo { height: 62px !important; }
.nh-ft-brand p { font-size: 16px !important; max-width: 340px !important; } .nh-ft-h { font-size: 18px !important; margin-bottom: 14px !important; }
.nh-ft li { font-size: 16px !important; margin-bottom: 9px !important; } .nh-ft-ct img { width: 22px !important; height: 22px !important; }
.nh-ft-soc a { font-size: 16px !important; } .nh-ft-soc img { width: 32px !important; height: 32px !important; } .nh-ft-copy { font-size: 14.5px !important; }
@media (max-width: 849px) {
  #header .header-main { height: 70px !important; } #header #logo a { width: 170px !important; height: 54px !important; }
  .nh-hero, .nh-hero .row { min-height: 420px !important; } .nh-h1 { font-size: 34px !important; } .nh-hs { font-size: 18px !important; }
  .nh-st h2, .nh-hd h2, .nh-h2 { font-size: 27px !important; } .nh-sx { gap: 20px !important; }
  .nh-sts b { font-size: 34px !important; } .nh-sts span { font-size: 15px !important; } .nh-sts > div:nth-child(3) { border-left: 0; }
  .nh-sts { row-gap: 18px; } .nh-pg { grid-template-columns: 1fr 1fr !important; gap: 12px !important; } .nh-pg a { padding: 12px !important; } .nh-pg b { font-size: 16px !important; }
  span.nh-b3 { padding: 0 16px !important; } .nh-gg img { width: 80px !important; height: 60px !important; } .nh-gg b { font-size: 17px !important; }
  .nh-ag b { font-size: 16px !important; } .nh-hd { align-items: flex-start; gap: 10px; }
}
/* header: menu dạt phải + kính lúp như mockup */
@media (min-width: 850px) { #header .header-main .flex-left { flex: 1 1 auto; } #header .header-main .header-nav-main { justify-content: flex-end; } }
.nh-pg a { background: #fff !important; } .nh-pg a > img { aspect-ratio: 1.22 / 1 !important; object-fit: contain !important; background: #f4f6f9; }
.nh-news .b9-po-tag { background: none !important; color: #5b7088 !important; padding: 0 !important; font-weight: 500 !important; }
.nh-news .b9-po-t a, .nh-news .b9-po-t { color: #0f5aa6 !important; }
.nh-gg img { width: 124px !important; height: 92px !important; }
.nh-pg a > img { object-fit: cover !important; background: none !important; }
.nh-stat .col, .nh-stat .row { padding-bottom: 0 !important; margin-bottom: 0 !important; } .nh-stat .section-content > .row > .col > .col-inner > *:last-child { margin-bottom: 0 !important; }