/* =========================================================
   S10 – FOOTER (chân trang)   #footer
   ========================================================= */
#footer{background:#F5F5F5;color:var(--muted);padding:64px 0 28px;font-size:14px;border-top:1px solid var(--line)}
#footer .fgrid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.8fr;gap:36px}
#footer .brand{margin-bottom:14px}
#footer h4{color:var(--g-700);font-size:15px;font-weight:600;margin-bottom:14px}
#footer ul{list-style:none;display:grid;gap:8px}
#footer a:hover{color:var(--g-700)}
/* Câu giới thiệu dưới logo: ngắt dòng cố định; dòng "Phát triển bởi" tách riêng bằng vạch mảnh */
#footer .ftag{line-height:1.7}
#footer .ftag b{color:var(--ink);font-weight:600}
#footer .ftag .fby{display:block;width:max-content;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:13px}
/* "Về chúng tôi": 4 văn phòng, tên công ty đậm + khu vực màu xanh, địa chỉ bên dưới */
#footer .offices{gap:14px}
#footer .offices li{padding-left:12px;border-left:2px solid var(--g-300)}
#footer .offices b{display:block;color:var(--ink);font-size:12.5px;font-weight:700;letter-spacing:0;line-height:1.4}
#footer .offices em{font-style:normal;color:var(--g-700);white-space:nowrap}
#footer .offices span{display:block;font-size:13px;line-height:1.55;margin-top:3px}
/* Nhãn "Sắp ra mắt" cạnh VinaCAD Pro */
#footer .fsoon{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#FFF1C2;color:#8A5A00;font-size:11px;font-weight:700;line-height:1.5;vertical-align:1px;white-space:nowrap}
#footer .addr li{display:flex;gap:10px}
#footer .addr i{font-style:normal;color:var(--g-700)}
/* SĐT + email ở cột trái, dưới câu giới thiệu */
#footer .fcontact{margin-top:22px;gap:10px}
#footer .fcontact a{color:var(--ink);font-weight:500;white-space:nowrap}
#footer .fcontact a:hover{color:var(--g-700)}
#footer .fcontact small{display:block;font-size:12.5px;margin-top:2px}
#footer .fcontact small a{font-weight:400;color:var(--muted)}
#footer .fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);margin-top:44px;padding-top:22px;font-size:12.5px}
#footer .fbot b{color:var(--g-700);letter-spacing:.14em;font-size:11.5px}

@media (max-width:1000px){
  #footer .fgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  #footer .fgrid{grid-template-columns:1fr}
}