.footer { background-color: #1a1a2e; padding: 32px 0 16px; border-top: 1px solid rgba(0, 0, 0, 0.08); }
.footer .footer-columns { display: flex; flex-direction: column; gap: 20px; margin-bottom: 24px; }
.footer .footer-column { flex: 1; }
.footer .footer-column-title { font-size: 12px; font-weight: 700; color: #909090; margin: 0 0 8px 0; text-transform: uppercase; letter-spacing: 1px; }
.footer .footer-column-links { list-style: none; padding: 0; margin: 0; }
.footer .footer-column-links li { margin-bottom: 4px; }
.footer .footer-column-links a { color: #707070; font-size: 13px; transition: color 0.2s ease; }
.footer .footer-column-links a:hover { color: #2563eb; }
.footer .footer-affiliate { font-size: 11px; line-height: 18px; color: #606060; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
.footer .footer-affiliate strong { color: #f59e0b; }
.footer .footer-compliance { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
.footer .footer-compliance-logos { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: flex-start; margin-bottom: 12px; }
.footer .footer-compliance-logo { height: 36px; width: auto; max-width: 120px; object-fit: contain; opacity: 0.7; transition: opacity 0.2s ease, filter 0.2s ease; filter: grayscale(100%) brightness(1.8); }
.footer .footer-compliance-logo:hover { opacity: 1; filter: grayscale(0%) brightness(1); }
.footer .footer-compliance-logo[alt="GamStop"] { opacity: 0.9; filter: none; }
.footer .footer-compliance-logo[alt="GamStop"]:hover { opacity: 1; }
.footer .footer-compliance-text { font-size: 11px; line-height: 18px; color: #606060; }
.footer .footer-compliance-text a { color: #2563eb; }
.footer .footer-disclaimer { font-size: 11px; color: #505050; line-height: 18px; margin-bottom: 12px; }
.footer .footer-copyright { font-size: 11px; color: #505050; }
@media (min-width: 768px) {
  .footer { padding: 40px 0 20px; }
  .footer .footer-columns { flex-direction: row; gap: 32px; }
}
@media (min-width: 1024px) {
  .footer .footer-columns { gap: 48px; }
}