/* ── Footer ──────────────────────────────────────────────────────────────────
   Giữ nguyên bộ khung .footer-grid / .footer-muted / a[href^=tel] vì CMS móc
   trực tiếp vào các selector đó; chỉ nâng phần thị giác. */
.site-footer {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: clamp(56px, 6vw, 88px) 0 22px;
  background: linear-gradient(168deg, #0b2c5e 0%, var(--navy, #092652) 46%, #061c3f 100%);
}
/* Quầng vàng rất nhạt ở góc trên trái, tạo chiều sâu cho nền phẳng. */
.footer-glow {
  position: absolute; top: -160px; left: -120px; width: 560px; height: 560px;
  border-radius: 50%; z-index: -2; pointer-events: none;
  background: radial-gradient(circle, rgba(217, 196, 139, .16), rgba(217, 196, 139, 0) 66%);
}
/* Chữ GH MEDIA cỡ lớn chạy tràn mép dưới, làm nền chìm. */
.footer-wordmark {
  position: absolute; left: 50%; bottom: -.28em; z-index: -1;
  transform: translateX(-50%);
  font: 800 clamp(84px, 19vw, 300px)/.78 var(--display, Montserrat), sans-serif;
  letter-spacing: -.045em; white-space: nowrap; pointer-events: none;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, .07);
  background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, 0) 72%);
  -webkit-background-clip: text; background-clip: text;
}

.footer-grid { position: relative; z-index: 1; }
.footer-grid h3 {
  position: relative;
  padding-bottom: 12px;
  color: var(--gold-soft, #d9c48b) !important;
  font-weight: 700 !important;
}
.footer-grid h3:after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 26px; height: 1px;
  background: linear-gradient(90deg, var(--gold, #b18a38), transparent);
}
/* Link trượt sang phải khi rê chuột. */
.footer-grid > div:not(.footer-company) a {
  position: relative;
  width: fit-content;
  transition: color .28s ease, transform .35s cubic-bezier(.16, 1, .3, 1);
}
.footer-grid > div:not(.footer-company) a:hover { transform: translateX(5px); }

/* Hotline làm điểm nhấn chính của footer. */
.footer-hotline {
  font-size: 25px !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  line-height: 1.15;
  margin-bottom: 12px !important;
}
.footer-hotline:hover { transform: none !important; }

/* Hàng icon liên hệ. */
.footer-social { display: flex; gap: 9px; margin-top: 18px; }
.footer-social a {
  display: grid; place-items: center; width: 38px; height: 38px;
  border: 1px solid rgba(255, 255, 255, .2); border-radius: 50%;
  color: #cfd9ea;
  transition: color .3s ease, border-color .3s ease, background .3s ease, transform .35s cubic-bezier(.16, 1, .3, 1);
}
.footer-social svg { width: 17px; height: 17px; display: block; }
.footer-social a:hover {
  color: var(--navy, #092652);
  background: var(--gold-soft, #d9c48b);
  border-color: var(--gold-soft, #d9c48b);
  transform: translateY(-3px);
}

.footer-bottom {
  position: relative; z-index: 1;
  border-top: 1px solid rgba(255, 255, 255, .13) !important;
  color: #93a3bd;
  font-size: 11.5px;
  letter-spacing: .02em;
}
@media (max-width: 760px) {
  .footer-wordmark { font-size: 22vw; bottom: -.22em; }
  .footer-hotline { font-size: 21px !important; }
  .footer-social { justify-content: flex-start; }
}