/* Icon 🔍 header điện thoại cân giữa tên công ty và nút ☰ (Henry 10/11/2026: "icon search bị lệch, chỉnh cân đối" — mẫu tvgtweb.web.app).
   Đo trước (375px): khung .mobile-branding bị flex bóp còn 20–235px trong khi chữ tên dài tới 256px ⇒ chữ TRÀN đè vùng icon:
   khe chữ→kính 0px, kính→☰ 55px (320px: −21px, chữ chồng lên kính). Sửa: khung tên không co (chữ không tràn), icon nằm GIỮA khoảng
   trống còn lại, dịch 11px bù việc vạch ☰ nằm lệch phải trong ô bấm 44px của nó. Đo sau: khe trái = khe phải ở 320→430px; ☰ không xê dịch. */
@media (max-width: 1099px) {
	#the7-body .mobile-header-bar .mobile-branding { flex-shrink: 0; }
	#the7-body .mobile-header-bar .mobile-mini-widgets { justify-content: center; min-width: 0; }
	#the7-body .mobile-header-bar .mobile-navigation { margin-left: 0; }
	#the7-body .mobile-header-bar .tdc-tim__nut { margin: 0; transform: translateX(11px); }
}
/* Máy tính bảng (600–1099px): khoảng trống rộng hàng trăm px — kính đứng giữa thì trôi lạc ⇒ đặt sát cạnh ☰. */
@media (min-width: 600px) and (max-width: 1099px) {
	#the7-body .mobile-header-bar .mobile-mini-widgets { justify-content: flex-end; }
}
/* Màn rất hẹp: thu nhẹ chữ tên để còn chỗ cho kính (khung tên không co nữa). */
@media (max-width: 359px) {
	#the7-body .mobile-header-bar .tdc-logo-ten { font-size: 11.5px; }
}