.site-footer{margin-top:24px}
.footer-top{background:#2b2945;color:#fff;padding:16px 0}
.footer-header{padding:4px 0}
.footer-brand{font-weight:800}
.footer-brand .brand-label{opacity:.9;margin-right:6px}
.footer-brand .brand-name{color:#ff6a00}
.promo-card{position:relative;height:100%;border-radius:14px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.promo-card::after{content:"";position:absolute;inset:0;border-radius:14px;background:linear-gradient(180deg,rgba(0,0,0,.0) 40%, rgba(0,0,0,.35) 100%)}
.promo-overlay{position:relative;z-index:1;padding:12px}
.promo-green{background-image:url('../image/hotro_khachhang.png')}
.promo-blue{background-image:url('../image/bg-live-1.webp')}
.promo-purple{background-image:url('../image/bg-live-2.webp')}
.promo-title{font-weight:800;font-size:16px;margin-bottom:6px;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.footer-link{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.2);color:#fff;font-weight:700;border-radius:999px;padding:8px 12px;text-decoration:none}
.footer-link img{width:18px;height:18px}
.link-card{position:absolute;inset:0}
.footer-social .social-btn{width:36px;height:36px;border-radius:8px;background:#3a355a;color:#fff;display:inline-flex;align-items:center;justify-content:center}
.footer-social .social-btn img{width:20px;height:20px}
.footer-mid{background:#0f1724;color:#e6eef6;padding:20px 0;border-top:2px solid rgba(255,255,255,0.06)}
 .intro{font-weight:800}
 .desc{max-width:880px}
 .highlight{color:#ff6a00;font-weight:800}
 .contact .accent{color:#ff6a00;font-weight:700}
 .links a{color:#9aa4b2;text-decoration:none}
 .links a:hover{color:#fff}
 .copy{color:#9aa4b2}
 .dmca-badge{display:inline-block}
 .dmca-badge img{width:160px;height:120px}
 .footer-bottom-nav{position:fixed;left:0;right:0;bottom:0;background:#2b2945;border-top:1px solid rgba(255,255,255,0.08);padding:6px;z-index:1020;display:none}
 .bottom-nav-inner{display:flex;justify-content:space-between;align-items:center;gap:6px;max-width:640px;margin:0 auto}
 .bottom-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;color:#cfd6e3;text-decoration:none;font-weight:700}
 .bottom-item.active{color:#ff6a00}
 @media (max-width:768px){
   .footer-bottom-nav{display:block}
 }