/* thanhly4 — canh theo mockup (11-01): mockup 793px = trang 1440 (x1.82), khung ~1270px; chữ/khối ~1.4-1.6x bản dựng đầu */
.tl-hero::before { display: none !important; }
#top-bar .flex-row { min-height: 38px; } .tl-tb { font-size: 14.5px !important; font-weight: 600; }
#header .header-main { height: 92px !important; }
#header #logo { width: 270px !important; flex: 0 0 270px; } #header #logo a { width: 270px !important; height: 66px !important; } #header #logo img { max-height: 66px !important; }
#header .header-nav > li > a { font-size: 15px !important; font-weight: 500 !important; } #header .header-nav > li { margin: 0 12px !important; }
#header .header-button-1 .button { border-radius: 6px !important; min-height: 52px !important; padding: 0 26px !important; font-size: 16px !important; line-height: 52px !important; }
.tl-hero .col-inner { padding: 34px 0 !important; }
.tl-h1 { font-size: 49px !important; line-height: 1.17 !important; margin-bottom: 14px !important; }
.tl-hs { font-size: 22px !important; margin-bottom: 22px !important; }
.tl-ck li { font-size: 18.5px !important; margin-bottom: 12px !important; gap: 14px !important; } .tl-ck img { width: 28px !important; }
.tl-hero a.tl-btn, .tl-hero .tl-ck + a, .tl-hero a.button { min-height: 54px !important; font-size: 17px !important; padding: 0 28px !important; }
.tl-form { padding: 28px 30px 30px !important; border-radius: 10px !important; } .tl-form h3 { font-size: 27px !important; margin-bottom: 18px !important; }
.tl-form input, .tl-form select { height: 54px !important; font-size: 16px !important; margin-bottom: 14px !important; padding: 0 16px !important; }
.tl-form button { height: 56px !important; font-size: 17px !important; }
.tl-cat, .tl-pr, .tl-wh, .tl-dev, .tl-gal { padding: 46px 0 !important; }
.tl-hd { margin-bottom: 24px !important; } .tl-hd h2, .tl-h2 { font-size: 37px !important; } .tl-hd p { font-size: 17px !important; margin-top: 6px !important; }
a.tl-all { font-size: 16px !important; } a.tl-all img, .tl-cg b img { width: 17px !important; }
.tl-cg { gap: 20px !important; } .tl-cg a > span { background: #fefefe !important; aspect-ratio: 1.9 / 1 !important; } .tl-cg a { border-radius: 6px !important; }
.tl-cg b { font-size: 19px !important; padding: 18px 22px !important; border-top: 1px solid #eef2f8; }
.tl-pg { margin-top: 26px !important; } .tl-pg b { font-size: 66px !important; } .tl-pg i { left: 100px !important; top: 24px !important; width: calc(100% - 100px) !important; }
.tl-pg i::before { width: 10px !important; height: 10px !important; top: -5px !important; }
.tl-pg h3 { font-size: 21px !important; margin-top: 40px !important; } .tl-pg p { font-size: 16px !important; }
.tl-wg { gap: 18px !important; margin-top: 24px !important; } .tl-wg > div { padding: 34px 18px !important; border-radius: 6px !important; }
.tl-wg img { width: 66px !important; height: 66px !important; } .tl-wg b { font-size: 20px !important; margin: 14px 0 6px !important; } .tl-wg span { font-size: 16px !important; }
.tl-dg { gap: 18px !important; } .tl-dg > div { padding: 22px 22px 24px !important; border-radius: 8px !important; }
.tl-dg b { font-size: 18px !important; margin: 14px 0 10px !important; } .tl-dg span { font-size: 15px !important; } .tl-dg strong { font-size: 27px !important; margin-bottom: 16px !important; }
.tl-db { gap: 12px !important; } .tl-d1, .tl-d2 { min-height: 46px !important; font-size: 15px !important; border-radius: 4px !important; }
.tl-gg { gap: 16px !important; } .tl-gg img { border-radius: 6px !important; }
.tl-news .b9-po-tag { background: none !important; padding: 0 !important; color: #1a5fb4 !important; font-size: 13.5px !important; min-height: 0 !important; }
.tl-news .b9-po-t { font-size: 19px !important; } .tl-news .b9-po-e { font-size: 15px !important; } .tl-news .b9-more { font-size: 15px !important; }
.tl-news .b9-po { border-radius: 6px !important; overflow: hidden; }
@media (max-width: 849px) {
  #header .header-main { height: 64px !important; } #header #logo { width: 190px !important; flex-basis: 190px; } #header #logo a { width: 190px !important; height: 48px !important; } #header #logo img { max-height: 48px !important; }
  .tl-h1 { font-size: 31px !important; } .tl-hs { font-size: 18px !important; } .tl-ck li { font-size: 16px !important; }
  .tl-hd h2, .tl-h2 { font-size: 27px !important; } .tl-pg b { font-size: 48px !important; } .tl-pg h3 { margin-top: 8px !important; }
  .tl-form { padding: 22px !important; } .tl-form h3 { font-size: 22px !important; }
  .tl-dg strong { font-size: 22px !important; } .tl-db { grid-template-columns: 1fr !important; }
  .tl-wg b { font-size: 17px !important; } .tl-wg span { font-size: 14px !important; }
}
.tl-ft-in { padding: 56px 20px 30px !important; gap: 44px !important; } .tl-ft-logo { height: 68px !important; margin-bottom: 18px !important; }
.tl-ft-brand p { font-size: 16.5px !important; max-width: 380px !important; } .tl-ft-h { font-size: 18px !important; margin-bottom: 16px !important; }
.tl-ft li { font-size: 16.5px !important; margin-bottom: 10px !important; } .tl-ft-ct img { width: 22px !important; height: 22px !important; }
.tl-ft-soc a { font-size: 16.5px !important; } .tl-ft-soc img { width: 32px !important; height: 32px !important; } .tl-ft-copy { font-size: 14.5px !important; padding: 18px 20px 22px !important; }
.tl-hd h2, .tl-h2 { font-size: 33px !important; }
@media (max-width: 849px) {
  .tl-h1 br { display: none; } .tl-gn { grid-template-columns: 1fr !important; }
  .tl-ft-in { grid-template-columns: 1fr !important; gap: 22px !important; padding: 36px 18px 22px !important; } .tl-ft-brand p { max-width: none !important; }
  .tl-ft li, .tl-ft a { overflow-wrap: anywhere; }
}