/* ============================================================
   S4N SITE — footer E-E-A-T (site-wide). Class .ft-* scope duoi .s4n-footer.
   Tai dung token --s4-* cua site; font he thong (khong nap Google Fonts toan site).
   ============================================================ */
.s4n-footer{
  --fb:var(--s4-charcoal,#17181B); --fb2:#202228; --fline:#33353C;
  --fink:#E9E7E3; --fmut:#A7A8AC; --fcop:var(--s4-copper,#B08D57); --fox:var(--s4-oxblood,#8C1C2B);
  background:var(--fb);color:var(--fink);
  font-family:"Be Vietnam Pro",Roboto,-apple-system,"Segoe UI",Arial,sans-serif;
  line-height:1.6;font-size:14px;
}
.s4n-footer *{box-sizing:border-box}
.s4n-footer a{color:inherit;text-decoration:none}
.s4n-footer svg{display:block}
.s4n-footer .ft-wrap{max-width:1180px;margin:0 auto;padding-left:16px;padding-right:16px}

.s4n-footer .ft-top{border-bottom:1px solid var(--fline)}
.s4n-footer .ft-top .ft-wrap{display:grid;grid-template-columns:1.5fr 1.4fr 1fr 1.1fr;gap:34px;padding-top:40px;padding-bottom:40px}
.s4n-footer h4{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin:0 0 16px}

.s4n-footer .ft-brand{font-family:inherit;font-weight:800;font-size:21px;color:#fff;margin:0 0 10px;display:flex;align-items:center;gap:8px;letter-spacing:.01em}
.s4n-footer .ft-mk{background:var(--fox);color:#fff;border-radius:6px;padding:3px 8px;font-family:inherit;font-weight:800;font-size:15px}
.s4n-footer .ft-co p{font-size:13.5px;color:var(--fmut);margin:0 0 16px;max-width:38ch}
.s4n-footer .ft-badges{display:flex;flex-wrap:wrap;gap:8px}
.s4n-footer .ft-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--fline);border-radius:8px;padding:6px 10px;font-size:11.5px;color:#d7d8db}
.s4n-footer .ft-badge svg{width:14px;height:14px;color:var(--fcop)}

.s4n-footer .ft-contact .row{display:flex;gap:9px;margin:0 0 13px;font-size:13.5px;color:var(--fmut);align-items:flex-start}
.s4n-footer .ft-contact .row svg{width:16px;height:16px;color:var(--fcop);flex:none;margin-top:2px}
.s4n-footer .ft-contact .row b{color:#fff;font-weight:600;display:block}
.s4n-footer .ft-contact .tel{font-size:16px;font-weight:700;color:#fff}
.s4n-footer .ft-contact a:hover{color:#fff}

.s4n-footer .ft-list{list-style:none;margin:0;padding:0}
.s4n-footer .ft-list li{margin:0 0 10px}
.s4n-footer .ft-list li::before{content:none}
.s4n-footer .ft-list a{font-size:13.5px;color:var(--fmut)}
.s4n-footer .ft-list a:hover{color:#fff}

.s4n-footer .ft-soc{display:flex;flex-wrap:wrap;gap:9px;margin-top:4px}
.s4n-footer .ft-soc a{width:38px;height:38px;border-radius:9px;border:1px solid var(--fline);display:inline-flex;align-items:center;justify-content:center;color:#d7d8db}
.s4n-footer .ft-soc a:hover{background:var(--fox);border-color:var(--fox);color:#fff}
.s4n-footer .ft-soc svg{width:18px;height:18px}

.s4n-footer .ft-legal{border-bottom:1px solid var(--fline)}
.s4n-footer .ft-legal .ft-wrap{display:flex;flex-wrap:wrap;gap:12px 28px;padding-top:18px;padding-bottom:18px;font-size:12.5px;color:var(--fmut)}
.s4n-footer .ft-legal b{color:#fff;font-weight:600}
.s4n-footer .ft-legal a{color:var(--fcop);text-decoration:underline;text-underline-offset:2px}

.s4n-footer .ft-bot .ft-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px;font-size:12.5px;color:var(--fmut)}
.s4n-footer .ft-pol{display:flex;gap:18px;flex-wrap:wrap}
.s4n-footer .ft-pol a:hover{color:#fff}

@media(max-width:860px){.s4n-footer .ft-top .ft-wrap{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.s4n-footer .ft-top .ft-wrap{grid-template-columns:1fr}.s4n-footer .ft-bot .ft-wrap{flex-direction:column;align-items:flex-start}}

/* ===== HEADER: dai tin cay + restyle top-bar (than chi) + nav (trang) theo demo ===== */
.s4n-hdtrust{background:var(--s4-soft,#F7F6F4);border-top:1px solid var(--s4-border,#E4E2DD);border-bottom:1px solid var(--s4-border,#E4E2DD)}
.s4n-hdtrust-in{max-width:1180px;margin:0 auto;padding:0 16px;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.s4n-ht-items{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:12.5px;color:#3C3D42}
.s4n-ht-it{display:inline-flex;align-items:center;gap:7px}
.s4n-ht-it svg{width:15px;height:15px;color:var(--s4-oxblood,#8C1C2B);flex:none}
.s4n-ht-it b{color:#17181B;font-weight:600}
.s4n-ht-cta{display:inline-flex;align-items:center;gap:7px;background:var(--s4-oxblood,#8C1C2B);color:#fff!important;font-weight:700;font-size:13px;padding:7px 14px;border-radius:999px;text-decoration:none;white-space:nowrap}
.s4n-ht-cta svg{width:15px;height:15px}
.s4n-ht-cta:hover{background:var(--s4-oxblood-dark,#6E1521)}
@media(max-width:850px){.s4n-hdtrust{display:none}}
/* Giu nguyen mau top-bar/nav goc (do do). Doi charcoal/trang theo demo se lam qua
   Flatsome Customizer co kiem chung (tranh vo mega menu). */