/* diennuoc — canh đều/gọn theo mockup (10-11; _canh/apply.py). Vàng #ffc104 là màu NỀN/viền: chữ trên nền trắng dùng tối, chữ trên nền vàng dùng tối. */
:root { --c1t: #1d1d1d; --c1on: #1d1d1d; }
.b9-all { border-bottom: 2px solid var(--c1); padding-bottom: 2px; }
.b9i-crumb em { color: #1d1d1d; font-weight: 600; }
.thi-fxcta, .thi-fxcta h4, .thi-fxcta p, .thi-fxcta a:not(.thi-fxbtn) { color: #1d1d1d !important; }
.thi-fxsearch button, .thi-fxchips a.on, .thi-fxbox a.on { color: #1d1d1d !important; }
.b9i-tabs button.on, .single_add_to_cart_button.b9-btn-o, button.single_add_to_cart_button { color: #1d1d1d !important; }
a.on, button.on { color: #1d1d1d; }
.b9i-fcat a.on, .b9i-pager button.on { color: #1d1d1d !important; }
@media (min-width: 850px) {
  /* "Xem tất cả" canh theo dòng tiêu đề h2 (mockup), không theo đáy dòng phụ */
  .b9-hd { align-items: flex-start; }
  .b9-hd > a:last-child { align-self: flex-start; margin-top: 16px; }
  /* dải 4 cam kết: phân đều theo bề rộng (mockup), icon 64px */
  .th-com { display: flex; justify-content: space-between; padding: 28px 0; }
  .th-com > div { justify-content: flex-start; }
  .th-com img { width: 64px; height: 64px; }
  /* dịch vụ: mockup khối thấp hơn — tiêu đề 1 dòng, khe nhỏ */
  .thi-contact h1, .page-id-23 h1 { font-size: 58px; }
  /* footer: mockup cột 400/300/365, vạch ngăn trước "Kết nối", logo + chữ lớn hơn */
  #footer .b9-ft { --ftlogo: 84px; }
  .b9-ft-in { grid-template-columns: 370px 280px 360px 1fr; gap: 0; padding: 34px 20px 22px; max-width: 1300px; }
  .b9-ft-in > div:last-child { border-left: 1px solid rgba(255,255,255,.18); padding-left: 30px; }
  .b9-ft li { font-size: 17px; margin-bottom: 8px; }
  .b9-ft-soc .b9-ic { width: 40px; height: 40px; }
  .b9-ft-soc li { margin-bottom: 10px; }
  a.th-cta-b { min-height: 68px; padding: 0 52px; font-size: 20px; }
  .th-news .b9-po-t, .th-news .b9-po-t a { font-family: var(--hf) !important; font-size: 21px; }
  .thi-commit .thi-feat { padding-bottom: 0; }
  .thi-commit { padding-bottom: 46px !important; }
  .th-svc-sec { padding: 56px 0 42px !important; }
  .th-svc-sec .b9-hd { margin-bottom: 18px; }
  .th-svc { gap: 24px; }
  .th-svc a { padding-bottom: 18px; }
  .th-svc img { aspect-ratio: 415 / 222; margin-bottom: 14px; }
  .th-svc b { font-size: 23px; padding: 0 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .th-svc span { font-size: 16.5px; padding: 6px 22px 12px; }
  .th-svc em { margin: 0 22px; }
}