.site-footer { background: #0f0f0f; color: #ddd; padding: 40px 4vw 24px 4vw; margin-top: 162px; }
.site-footer, .site-footer p, .site-footer a, .site-footer li, .site-footer h3, .site-footer h4 { line-height: 1.8; }
.footer-inner { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 28px; align-items: start; max-width: 1200px; margin: 0 auto; }
.footer-about h3 { color: #fff; margin: 0 0 8px 0; }
.footer-about p { margin: 0; color: #bbb; }
.footer-links h4, .footer-social h4, .footer-newsletter h4 { color: #fff; margin: 0 0 10px 0; }
.footer-links ul { list-style: none; margin: 0; padding: 0; }
.footer-links li { margin: 6px 0; }
.footer-links a { color: #ddd; text-decoration: none; transition: color 0.2s; }
.footer-links a:hover { color: var(--theme-primary, #ff7d0d); }
.footer-newsletter p { margin: 0 0 10px 0; color: #bbb; }
.newsletter-form { display: flex; gap: 8px; }
.newsletter-form input[type=email] { flex: 1; padding: 10px 12px; border-radius: 6px; border: 1px solid #333; background: #1a1a1a; color: #eee; outline: none; }
.newsletter-form input[type=email]::placeholder { color: #888; }
.newsletter-form button { padding: 10px 16px; border-radius: 6px; border: 1px solid var(--theme-primary, #ff7d0d); background: var(--theme-primary, #ff7d0d); color: #fff; cursor: pointer; font-weight: 600; }
.newsletter-form button:hover { background: var(--theme-secondary, #01ae3b); border-color: var(--theme-secondary, #01ae3b); }
.social-icons { display: flex; gap: 12px; }
.social-btn { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50%; color: #fff; background: #1a1a1a; box-shadow: 0 2px 8px rgba(0,0,0,0.3); transition: background 0.2s, transform 0.2s; }
.social-btn:hover { background: var(--theme-primary, #ff7d0d); transform: translateY(-2px); }
.footer-bottom { border-top: 1px solid #222; margin-top: 20px; padding-top: 14px; color: #999; text-align: center; font-size: 0.95rem; }
@media (max-width: 900px) { .footer-inner { grid-template-columns: 1fr; } .site-footer { padding: 32px 5vw 20px 5vw; } .newsletter-form { flex-direction: column; } }