/* FLOATING CONTACT ICONS */
.floating-contact-icons{position:fixed;right:15px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;z-index:9999;}
.floating-icon{width:68px;height:68px;border-radius:50%;background:#ffffff;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 6px 18px rgba(0,0,0,0.25);animation:icon-glow 1.6s infinite;}
.floating-icon img{width:48px;height:48px;border-radius:50%;}
.floating-icon:hover{transform:scale(1.15);animation:none;}

/* HIỆU ỨNG VÒNG SÁNG */
.floating-icon.call{animation:phone-ring 1.5s infinite;}
@keyframes phone-ring{0%{transform:rotate(0);}10%{transform:rotate(-10deg);}20%{transform:rotate(10deg);}30%{transform:rotate(-10deg);}40%{transform:rotate(10deg);}50%{transform:rotate(0);}100%{transform:rotate(0);}}
.floating-icon.call::after{box-shadow:0 0 0 0 rgba(255,0,0,0.7);}
.floating-icon.zalo::after{box-shadow:0 0 0 0 rgba(0,150,255,0.7);}
.floating-icon.facebook::after{box-shadow:0 0 0 0 rgba(24,119,242,0.7);}
@keyframes ring{0%{transform:scale(1);opacity:0.9;}70%{transform:scale(1.6);opacity:0;}100%{opacity:0;}}
@keyframes icon-glow{0%{transform:scale(1);}50%{transform:scale(1.08);}100%{transform:scale(1);}}

/* ===== FOOTER (đại tu 2026 — đồng bộ phong cách hero) ===== */
.footer-main{background:linear-gradient(135deg,#0a2c3a 0%,#0d3b4f 55%,#0a2733 100%);color:#cfe0e6;margin-top:60px;border-top:4px solid #09b294;}
.container-footer{max-width:1300px;margin:auto;padding:56px 20px 32px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:42px;}

/* Cột giới thiệu */
.footer-logo{width:185px;margin-bottom:16px;}
.footer-desc{font-size:15.5px;line-height:1.8;color:#9fb4bd;margin-bottom:18px;}
.footer-hotline a{display:inline-flex;align-items:center;gap:8px;background:#e60023;color:#fff;font-weight:700;font-size:16px;padding:10px 20px;border-radius:30px;text-decoration:none;transition:.2s;box-shadow:0 8px 18px rgba(230,0,35,.3);}
.footer-hotline a:hover{background:#c4001d;transform:translateY(-2px);}
.footer-social{display:flex;gap:12px;margin-top:18px;}
.footer-social a{width:42px;height:42px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:#fff;transition:.2s;box-shadow:0 4px 12px rgba(0,0,0,.25);}
.footer-social a img{width:42px;height:42px;border-radius:50%;}
.footer-social a:hover{transform:translateY(-3px);}

/* Tiêu đề cột */
.footer-col h3{font-size:18px;margin-bottom:20px;color:#ffffff;font-weight:700;position:relative;padding-bottom:10px;}
.footer-col h3::after{content:"";position:absolute;left:0;bottom:0;width:42px;height:3px;background:#09b294;border-radius:2px;}

/* Danh sách link */
.footer-col ul{list-style:none;padding:0;margin:0;}
.footer-col li{margin-bottom:12px;}
.footer-col a{color:#bcccd3;font-size:15.5px;text-decoration:none;transition:.2s;}
.footer-col a:hover{color:#5fe3c0;padding-left:5px;}

/* Cột địa chỉ */
.footer-address p{font-size:14.5px;line-height:1.55;margin-bottom:13px;color:#bcccd3;display:flex;gap:8px;}
.footer-address p b{color:#fff;font-weight:600;}
.footer-pin{flex:none;}

/* Chứng nhận */
.footer-cert{display:flex;gap:30px;justify-content:center;align-items:center;margin-top:46px;padding-top:26px;border-top:1px solid rgba(255,255,255,.1);}
.footer-cert img{height:42px;opacity:.8;transition:.2s;}
.footer-cert img:hover{opacity:1;}

/* Thanh bản quyền */
.footer-bottom{text-align:center;padding:18px 16px;background:#061c26;color:#7f97a1;font-size:14.5px;}
.footer-bottom strong{color:#09b294;}

/* MOBILE */
@media(max-width:768px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .footer-about{grid-column:1 / -1;}
  .footer-address{grid-column:1 / -1;}
  .container-footer{padding:40px 18px 24px;}
  .footer-cert{gap:22px;flex-wrap:wrap;}
  /* Giữ icon dọc - giữa - bên phải (như desktop), chỉ thu nhỏ & sát mép cho gọn trên mobile */
  .floating-contact-icons{right:12px;gap:12px;}
  .floating-icon{width:54px;height:54px;}
  .floating-icon img{width:36px;height:36px;}
}
@media(max-width:480px){
  .footer-grid{grid-template-columns:1fr;}
}