/* Chân trang dùng chung cho các trang con (đồng bộ với chân trang trang chủ).
   Class sf-* riêng để không va chạm CSS .footer-* cũ của từng trang. */
.sf { margin-top: 48px; border-top: 1px solid var(--border, rgba(0,0,0,.08)); background: var(--bg, #fff); color: var(--text2, #4a5568); font-size: 14px; line-height: 1.6; }
.sf a { text-decoration: none; }
.sf-inner { max-width: 1400px; margin: 0 auto; padding: 40px 24px 28px; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; }
.sf-logo { display: inline-flex; align-items: center; gap: 10px; font-family: 'Sora', sans-serif; font-weight: 800; font-size: 18px; letter-spacing: -.5px; color: var(--brand, #059669); }
.sf-logo-icon { width: 28px; height: 28px; border-radius: 8px; background: var(--brand, #059669); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sf-tagline { margin: 12px 0 16px; color: var(--text2, #4a5568); }
.sf-trust { padding: 14px 16px; border-radius: 12px; background: var(--brand-light, #ecfdf5); border: 1px solid rgba(5,150,105,.25); }
.sf-trust-title { font-size: 13px; font-weight: 700; color: var(--brand-dark, #047857); margin-bottom: 2px; }
.sf-trust-sub { font-size: 12px; color: var(--text2, #4a5568); line-height: 1.5; }
.sf-title { font-family: 'Sora', sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; color: var(--text, #0d1117); margin-bottom: 14px; }
.sf-links { display: flex; flex-direction: column; gap: 10px; }
.sf-links a { display: inline-flex; align-items: center; gap: 8px; color: var(--text2, #4a5568); transition: color .2s; }
.sf-links a:hover { color: var(--brand, #059669); }
.sf-links img { width: 16px; height: 16px; object-fit: contain; flex-shrink: 0; }
.sf-links .pm-icon { width: 16px; height: 16px; min-width: 16px; margin: 0; color: var(--brand, #059669); }
.sf-m { display: none !important; }
.sf-bottom { max-width: 1400px; margin: 0 auto; padding: 16px 24px; border-top: 1px solid var(--border, rgba(0,0,0,.08)); display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 12.5px; color: var(--text3, #6b7280); }
.sf-bottom-links a { color: var(--text3, #6b7280); }
.sf-bottom-links a:hover { color: var(--brand, #059669); }
@media (max-width: 1023px) { .sf-inner { grid-template-columns: 1fr 1fr; } }
@media (max-width: 767px) {
  .sf-inner { grid-template-columns: 1fr; gap: 0; padding: 32px 16px 0; }
  .sf-inner > div + div { border-top: 1px solid var(--border, rgba(0,0,0,.08)); padding: 22px 0; }
  .sf-brand { padding-bottom: 20px; }
  .sf-trust { display: none; }
  .sf-title { text-transform: none; letter-spacing: 0; font-size: 17px; }
  .sf-links { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; }
  .sf-links a { color: var(--text, #0d1117); font-size: 14px; font-weight: 500; line-height: 1.35; }
  .sf-m { display: flex !important; }
  .sf-platforms .sf-links { grid-template-columns: repeat(4, 1fr); gap: 10px; }
  .sf-platforms .sf-links a { flex-direction: column; justify-content: center; gap: 8px; min-height: 72px; padding: 10px 4px; border-radius: 14px; background: var(--bg2, #f7f8fa); font-weight: 600; font-size: 12.5px; text-align: center; white-space: nowrap; }
  .sf-platforms .sf-links img, .sf-platforms .sf-links .pm-icon { width: 20px; height: 20px; }
  .sf-support .sf-links a { color: var(--text2, #4a5568); }
  .sf-support [data-pm-icon], .sf-support .pm-icon { display: none; }
  .sf-support { padding-bottom: 72px !important; } /* chừa chỗ cho nút Orbit AI nổi */
  .sf-bottom { padding: 16px; }
  .sf-bottom-links { display: none; }
}