/* tongdai — canh theo mockup (11-02): mockup 826px = trang 1440 (x1.74) */
.td-hero::before { display: none !important; }
.td-hero { background: #8c1230 !important; }
.td-hero .row { min-height: 600px !important; }
.td-hero .col-inner { padding: 40px 0 !important; }
.td-h1 { font-size: 52px !important; line-height: 1.2 !important; margin-bottom: 26px !important; }
.td-ck li { font-size: 20px !important; margin-bottom: 14px !important; gap: 16px !important; }
.td-ck img { width: 28px !important; height: 28px !important; background: #fff; border-radius: 50%; padding: 2px; }
.td-ck { margin-bottom: 36px !important; }
.td-bt { gap: 16px !important; }
.td-b1, .td-b2 { min-height: 56px !important; padding: 0 40px !important; font-size: 17px !important; border-radius: 8px !important; }
.td-b2 { border-width: 1.5px !important; }
.td-hi { width: 112% !important; max-width: none !important; margin-left: -4% !important; }
#header .header-main { height: 90px !important; }
#header #logo { width: 290px !important; flex: 0 0 290px; } #header #logo a { width: 290px !important; height: 84px !important; } #header #logo img { max-height: 84px !important; width: auto !important; }
#header .header-nav > li > a { font-size: 16px !important; font-weight: 500 !important; color: #2a2a2a !important; } #header .header-nav > li { margin: 0 14px !important; }
#header .header-button-1 .button { border-radius: 8px !important; min-height: 52px !important; padding: 0 34px !important; font-size: 16.5px !important; line-height: 52px !important; }
/* khối Tư vấn: lớp .td-ci trùng ô ảnh danh mục (aspect-ratio + nền xám) */
.td-cta .td-ci { aspect-ratio: auto !important; background: none !important; padding: 34px 0 !important; }
.td-cta .td-ci h2 { font-size: 32px !important; }
.td-cta .td-ci p { font-size: 18px !important; }
.td-cta .td-b1 { min-height: 56px !important; padding: 0 44px !important; font-size: 17px !important; }
@media (max-width: 849px) {
 .td-hero .row { min-height: 0 !important; } .td-h1 { font-size: 32px !important; } .td-ck li { font-size: 16px !important; }
 .td-hi { width: 100% !important; margin: 0 !important; } .td-b1, .td-b2 { padding: 0 22px !important; font-size: 15px !important; }
 #header .header-main { height: 64px !important; } #header #logo, #header #logo a { width: 190px !important; height: 52px !important; flex-basis: 190px; } #header #logo img { max-height: 52px !important; }
 .td-cta .td-ci h2 { font-size: 24px !important; }
}
.td-hi { -webkit-mask-image: radial-gradient(ellipse 72% 70% at 52% 50%, #000 62%, transparent 100%); mask-image: radial-gradient(ellipse 72% 70% at 52% 50%, #000 62%, transparent 100%); }
/* ruler:auto BEGIN — tools/astra-bridge/lab/ruler_fix.py, đừng sửa tay */
@media (min-width: 850px) {
  .td-c h2 { font-size: 40.5px !important; }
  .td-ct img { width: 36px !important; height: 36px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  .td-ft-ct img { width: 30px !important; height: 30px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  .td-ft-soc img { width: 36px !important; height: 36px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  .td-sg a img { width: 18px !important; height: 18px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
  .td-tg img.td-q { width: 28px !important; height: 28px !important; max-width: none !important; flex: 0 0 auto !important; object-fit: contain; }
}
@media (max-width: 849px) {
  .td-ct img { width: 28px !important; height: 28px !important; }
  .td-ft-ct img { width: 20px !important; height: 20px !important; }
  .td-ft-soc img { width: 30px !important; height: 30px !important; }
  .td-sg a img { width: 14px !important; height: 14px !important; }
  .td-tg img.td-q { width: 20px !important; height: 20px !important; }
}
/* ruler:auto END */
/* ruler:manual — sau khối auto */
@media (min-width: 850px) {
  .td-sec { padding: 64px 0 !important; }
  .td-hd h2, .td-ct h2 { font-size: 42px !important; }
  .td-hd p { font-size: 21px !important; }
  .td-hd a.td-all { font-size: 16px !important; }
  .td-sg { gap: 24px !important; }
  .td-sg > div { padding: 34px 32px !important; }
  .td-sg > div > img { width: 72px !important; height: 72px !important; margin-bottom: 18px !important; }
  .td-sg h3 { font-size: 25px !important; margin-bottom: 12px !important; }
  .td-sg p { font-size: 17px !important; line-height: 1.6 !important; }
  .td-sg a { font-size: 16.5px !important; }
  .td-cs { font-size: 20px !important; }
  .td-ct li { font-size: 18px !important; margin-bottom: 16px !important; }
  .td-sn b { font-size: 50px !important; } .td-sn span { font-size: 18px !important; }
  .td-sn { padding: 18px 0 !important; }
  .td-tg { gap: 22px !important; }
  .td-tg > div { padding: 18px !important; gap: 20px !important; }
  .td-tg img.td-av { width: 140px !important; height: 165px !important; object-fit: cover; border-radius: 6px; }
  .td-tg p { font-size: 17px !important; } .td-tg b { font-size: 16.5px !important; } .td-tg span { font-size: 14.5px !important; }
}
@media (min-width: 850px) {
  .td-ct h2 { font-size: 36px !important; white-space: nowrap; }
  .td-stat.td-sec, .td-stat { padding: 26px 0 !important; }
  .td-plat.td-sec { padding: 52px 0 40px !important; }
}
.td-ft-copy { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; max-width: 1320px; margin: 0 auto; box-sizing: border-box; text-align: left !important; }
.td-ft-copy a { color: #fff !important; opacity: .9; } .td-ft-pol { display: flex; gap: 22px; }
@media (max-width: 849px) { .td-ft-copy { justify-content: center; text-align: center !important; } }
.td-ft-ct li { align-items: center !important; } .td-ft-ct img { margin-top: 0 !important; }
.td-cta .col, .td-cta .col-inner { padding-bottom: 0 !important; margin-bottom: 0 !important; } .td-cta .col-inner > *:last-child { margin-bottom: 0 !important; }
@media (max-width: 849px) {
 .td-bt { flex-wrap: wrap; } .td-b1, .td-b2 { white-space: nowrap; padding: 0 18px !important; min-height: 50px !important; }
 .td-h1 { font-size: 30px !important; }
 .td-ft-in { grid-template-columns: 1fr 1fr !important; gap: 24px 18px !important; } .td-ft-brand { grid-column: 1 / -1; }
}