/* Chân trang nền xanh đậm */
.site-footer { background: linear-gradient(180deg, #012b52 0%, #00264e 100%); color: #dbe7f7; font-size: 13.5px; }
.site-footer a { transition: color var(--t-fast) ease; }
.site-footer a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.site-footer__grid { display: grid; grid-template-columns: 1.75fr 1.5fr .9fr 1fr; gap: 28px; padding: 16px 0 10px; }
.footer-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.footer-logo img { width: 88px; height: auto; filter: brightness(0) invert(1); }
.footer-logo span { max-width: 110px; font: 700 11px/1.3 var(--font-heading); text-transform: uppercase; letter-spacing: .02em; color: #fff; }
.footer-brand p { font-size: 12px; line-height: 1.35; color: #cfdcf0; max-width: 340px; }
.social--footer { margin-top: 9px; }
.footer-title { font-size: 14.5px; font-weight: 700; color: #fff; margin: 0 0 9px; }
.footer-col li { margin-bottom: 6px; line-height: 1.3; }
.footer-col li a, .footer-col li { position: relative; }
.footer-cats { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
.footer-cats li a, .footer-col > ul > li > a { padding-left: 14px; display: inline-block; }
.footer-cats li a::before, .footer-col > ul:not(.footer-contact) > li > a::before { content: "›"; position: absolute; left: 0; top: -1px; color: #8fb3e6; font-weight: 700; }
.footer-contact li { display: flex; align-items: center; gap: 10px; }
.footer-contact .ico { width: 18px; height: 18px; color: #fff; }
.footer-contact a { padding-left: 0 !important; }
.site-footer__bottom { border-top: 1px solid rgba(255, 255, 255, .14); }
.site-footer__bottom-inner { display: flex; justify-content: space-between; align-items: center; gap: 12px; height: 40px; font-size: 12.5px; color: #cfdcf0; }