/* Nền nâu, chữ be */
.vian-footer { background:#5c3d33; color:#f5e7cf; padding:36px 0 10px; }
.vf-container { width:min(1200px, 92%); margin:0 auto; }
.vf-grid { display:grid; grid-template-columns: 1.2fr 1fr 1fr; gap:40px; }

/* Tiêu đề lớn, đậm */
.vf-title { margin:0 0 14px; font-size:28px; line-height:1.25; font-weight:800; color:#e6cf9b; }

/* Nội dung cột 1 */
.vf-branch { margin-bottom:10px; }
.vf-branch-label { text-transform:none; }
.vf-sep { border:0; border-top:1px solid rgba(255,255,255,.15); margin:10px 0; }
.vf-note { opacity:.95; }

/* Links & text */
.vian-footer a { color:#fff; text-decoration:none; }
.vian-footer a:hover { text-decoration:underline; }
.vian-footer p { margin:.25rem 0; }

/* Socials (nút tròn nền trắng, icon tối) */
.vf-socials { list-style:none; display:flex; gap:16px; padding:0; margin:10px 0 0; }
.vf-social { display:inline-grid; place-items:center; width:44px; height:44px; background:#fff; border-radius:999px; }
.vf-social svg { width:22px; height:22px; fill:#433; }

/* Dưới cùng */
.vf-bottom { border-top:1px solid rgba(255,255,255,.15); margin-top:22px; padding:14px 0 22px; text-align:center; color:#fff; }
.vf-bottom .vf-container { display:flex; gap:16px; justify-content:center; align-items:center; flex-wrap:wrap; }
.vf-bottom .dot { opacity:.6; margin:0 .4rem; }

/* Responsive */
@media (max-width: 1024px) {
  .vf-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  .vf-title { font-size:22px; }
  .vf-grid { grid-template-columns: 1fr; gap:24px; }
}

/* Nền + màu chữ */
.vian-footer { background:#5c3d33; color:#f7efe0; padding:36px 0 0; }
.vf-container { width:min(1200px, 92%); margin:0 auto; }

/* Lưới 3 cột */
.vf-grid { display:grid; grid-template-columns: 1.2fr 1fr 1fr; gap:40px; }

/* Tiêu đề */
.vf-title { margin:0 0 10px; font-size:32px; line-height:1.2; font-weight:900; color:#d9be8a; letter-spacing:.5px; }

/* Nội dung cột 1 */
.vf-branch { margin-bottom:14px; }
.vf-branch-line { margin:0 0 4px; }
.vf-hotline { margin:0 0 8px; }
.vf-mini-sep { width:40px; height:4px; background:#d9be8a; opacity:.7; border-radius:2px; margin:10px 0 10px; }
.vf-long-sep { border-top:1px solid rgba(255,255,255,.15); margin:16px 0 0; }

.vian-footer a { color:#fff; text-decoration:none; }
.vian-footer a:hover { text-decoration:underline; }

/* Social tròn nền trắng */
.vf-socials { list-style:none; display:flex; gap:16px; padding:0; margin:6px 0 0; }
.vf-social { display:grid; place-items:center; width:46px; height:46px; background:#fff; border-radius:999px; }
.vf-social svg { width:22px; height:22px; fill:#3b2b28; }

/* Dưới cùng */
.vf-bottom { border-top:1px solid rgba(255,255,255,.15); margin-top:22px; padding:14px 0 22px; text-align:center; }
.vf-bottom .vf-container { display:flex; gap:12px; justify-content:center; align-items:center; flex-wrap:wrap; }
.vf-bottom-links .dot { margin:0 10px; opacity:.85; color:#ffffff; }

/* Responsive */
@media (max-width: 1024px){ .vf-grid{ grid-template-columns: 1fr 1fr; } .vf-title{ font-size:26px; } }
@media (max-width: 768px){ .vf-grid{ grid-template-columns: 1fr; gap:24px; } .vf-title{ font-size:24px; } }