#footer,
.footer-wrapper {
  background: transparent !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border: none !important;
}
.home-sec-8 {
  padding-bottom: 75px !important;
}

/* Ẩn hoàn toàn nút scroll floating cũ */
.back-to-top,
#top-link,
a.back-to-top {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#footer .hpf{background:radial-gradient(ellipse at 90% 0,rgba(96,65,210,.23),transparent 46%),#101528;color:#bbc3d7;font-size:15px;line-height:1.7;position:relative;border-top:3px solid #6650e8}
#footer .hpf *{box-sizing:border-box}
#footer .hpf-wrap{max-width:1320px;margin:0 auto;padding:0 40px}
#footer .hpf-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:46px 0 36px;border-bottom:1px solid #ffffff1a}
#footer .hpf-eyebrow{display:block;color:#b2a6ff;font-size:11px;font-weight:700;letter-spacing:1.8px;margin-bottom:12px}
#footer .hpf h2{color:#fff;font-size:clamp(26px,2.7vw,38px);line-height:1.25;letter-spacing:-.6px;margin:0;font-weight:700}
#footer .hpf a{color:#bbc3d7;text-decoration:none;transition:color .18s ease}
#footer .hpf a:hover{color:#fff}
#footer .hpf a:focus-visible{outline:2px solid #b4a7ff;outline-offset:5px;border-radius:3px}
#footer .hpf .hpf-cta{display:inline-flex;align-items:center;justify-content:center;gap:24px;color:#fff;background:linear-gradient(110deg,#3458e6,#8444db);border:1px solid #ffffff24;border-radius:12px;padding:15px 23px;font-weight:600;white-space:nowrap;box-shadow:0 8px 28px #0002}
#footer .hpf-cta span{font-size:23px;line-height:1}

#footer .hpf-grid{display:grid;grid-template-columns:1.15fr .8fr 1fr 1.35fr;gap:40px;padding:42px 0 36px}
#footer .hpf-grid>*{min-width:0}
#footer .hpf h3{color:#fff;font-size:16px;line-height:1.4;margin:0 0 21px;font-weight:650;text-transform:none}
#footer .hpf .hpf-logo{display:block;width:180px;max-width:100%;margin:0 0 20px}
#footer .hpf-logo img{display:block;width:100%;height:auto;position:static;object-fit:contain}
#footer .hpf-brand p{margin:0 0 17px;font-size:14px;line-height:1.85}

#footer .hpf .hpf-zalo{display:inline-flex;align-items:center;gap:8px;color:#c2b7ff;font-size:14px;font-weight:600;transition:all .2s ease}
#footer .hpf .hpf-zalo:hover{color:#ffffff;transform:translateX(2px)}
#footer .hpf-zalo-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:rgba(194,183,255,.15);color:#c2b7ff}

#footer .hpf ul{list-style:none;margin:0;padding:0}
#footer .hpf li{list-style:none;margin:0;padding:0}
#footer .hpf li::before,#footer .hpf li a::before{content:none!important}
#footer .hpf li a{display:inline-block;padding:5px 0;font-size:14px;line-height:1.6}

/* Contact items với icon chuyên nghiệp */
#footer .hpf-contact-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}
#footer .hpf-contact-item:last-child{margin-bottom:0}

#footer .hpf-contact-icon{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .25s ease}
#footer .hpf-contact-phone .hpf-contact-icon{color:#38bdf8;background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.25)}
#footer .hpf-contact-email .hpf-contact-icon{color:#a78bfa;background:rgba(167,139,250,.1);border-color:rgba(167,139,250,.25)}
#footer .hpf-contact-address .hpf-contact-icon{color:#34d399;background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.25)}

#footer .hpf-contact-item:hover .hpf-contact-icon{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.3)}
#footer .hpf-contact-phone:hover .hpf-contact-icon{background:rgba(56,189,248,.22);border-color:#38bdf8;color:#ffffff}
#footer .hpf-contact-email:hover .hpf-contact-icon{background:rgba(167,139,250,.22);border-color:#a78bfa;color:#ffffff}
#footer .hpf-contact-address:hover .hpf-contact-icon{background:rgba(52,211,153,.22);border-color:#34d399;color:#ffffff}

#footer .hpf-contact-body{flex:1;min-width:0}
#footer .hpf-contact-label{display:block;color:#8895b2;font-size:10.5px;font-weight:700;letter-spacing:1.4px;margin-bottom:3px;text-transform:uppercase}
#footer .hpf-contact-item a{overflow-wrap:anywhere;font-size:14px;line-height:1.6}
#footer .hpf .hpf-phone{font-size:21px;line-height:1.3;color:#ffffff;font-weight:700;letter-spacing:.5px;display:inline-block;transition:color .18s ease}
#footer .hpf .hpf-phone:hover{color:#38bdf8}
#footer .hpf address{font-style:normal;font-size:13.5px;line-height:1.7;color:#cbd5e1;margin:0}

/* Hàng nút Lên đầu trang căn giữa trang trọng, tách biệt hoàn toàn khỏi widget chat */
#footer .hpf-top-row{display:flex;justify-content:center;align-items:center;padding:12px 0 28px;position:relative}
#footer .hpf-top-row::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12) 15%,rgba(255,255,255,.12) 85%,transparent);pointer-events:none}
#footer .hpf-back-to-top{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:9px 20px 9px 22px;background:#151b30;border:1px solid rgba(255,255,255,.18);border-radius:99px;color:#e2e8f0;font-size:13px;font-weight:500;letter-spacing:.3px;text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px rgba(0,0,0,.3)}
#footer .hpf-back-to-top .hpf-top-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.1);color:#ffffff;transition:all .25s ease}
#footer .hpf-back-to-top:hover{background:#1a56db;border-color:#1a56db;color:#ffffff;transform:translateY(-2px);box-shadow:0 10px 28px -4px rgba(26,86,219,.5)}
#footer .hpf-back-to-top:hover .hpf-top-icon{background:rgba(255,255,255,.22);transform:translateY(-2px)}
#footer .hpf-back-to-top:active{transform:translateY(0)}

/* Footer Bottom Bar */
#footer .hpf-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid rgba(255,255,255,.08);padding:22px 0 40px;font-size:12.5px;color:#97a3bf}

@media(max-width:1024px){#footer .hpf-grid{grid-template-columns:1fr 1fr;gap:32px 48px}#footer .hpf-wrap{padding:0 32px}#footer .hpf-bottom{padding-bottom:90px}}
@media(max-width:768px){#footer .hpf-bottom{flex-direction:column;gap:8px;text-align:center;padding:18px 0 100px}}
@media(max-width:549px){#footer .hpf-wrap{padding:0 24px}#footer .hpf-intro{align-items:flex-start;flex-direction:column;gap:24px;padding:32px 0}#footer .hpf .hpf-cta{width:100%;font-size:14px}#footer .hpf-grid{grid-template-columns:1fr 1fr;gap:28px 20px;padding:32px 0}#footer .hpf-brand,#footer .hpf-contact{grid-column:1/-1}#footer .hpf-brand p{max-width:380px}#footer .hpf h3{font-size:15px;margin-bottom:13px}#footer .hpf li a{font-size:13px;padding:7px 0}#footer .hpf-eyebrow{font-size:10px;letter-spacing:1.3px}}
@media(prefers-reduced-motion:reduce){#footer .hpf a,#footer .hpf-back-to-top{transition:none}}