/* FOOTER 1 - FULL DARK */
.footer-1 { background: var(--primary); padding: 80px 5% 0; }
.footer-1 .main { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 50px; max-width: 1300px; margin: 0 auto; padding-bottom: 60px; border-bottom: 1px solid rgba(255,255,255,0.1); }
.footer-1 .brand .logo { font-family: var(--font-display); font-size: 1.6rem; font-weight: 700; color: var(--white); text-decoration: none; display: block; margin-bottom: 20px; }
.footer-1 .brand .logo span { color: var(--accent); }
.footer-1 .brand p { color: var(--gray-500); line-height: 1.7; margin-bottom: 24px; font-size: 0.95rem; }
.footer-1 .social { display: flex; gap: 12px; }
.footer-1 .social a { width: 40px; height: 40px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; color: var(--gray-500); transition: all 0.3s; }
.footer-1 .social a:hover { background: var(--accent); border-color: var(--accent); color: var(--black); }
.footer-1 .social svg { width: 18px; height: 18px; }
.footer-1 .col h4 { font-family: var(--font-display); font-size: 1.1rem; color: var(--white); margin-bottom: 24px; }
.footer-1 .col ul { list-style: none; }
.footer-1 .col li { margin-bottom: 14px; }
.footer-1 .col a { color: var(--gray-500); text-decoration: none; font-size: 0.95rem; transition: color 0.3s; }
.footer-1 .col a:hover { color: var(--accent); }
.footer-1 .contact-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; }
.footer-1 .contact-item svg { width: 18px; height: 18px; color: var(--accent); flex-shrink: 0; margin-top: 3px; }
.footer-1 .contact-item span, .footer-1 .contact-item a { color: var(--gray-500); text-decoration: none; font-size: 0.95rem; }
.footer-1 .bottom { display: flex; justify-content: space-between; align-items: center; padding: 24px 0; max-width: 1300px; margin: 0 auto; flex-wrap: wrap; gap: 16px; }
.footer-1 .bottom p { color: var(--gray-600); font-size: 0.85rem; }
.footer-1 .bottom-links { display: flex; gap: 24px; }
.footer-1 .bottom-links a { color: var(--gray-600); text-decoration: none; font-size: 0.85rem; transition: color 0.3s; }
.footer-1 .bottom-links a:hover { color: var(--accent); }
@media (max-width: 1024px) { .footer-1 .main { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .footer-1 .main { grid-template-columns: 1fr; } .footer-1 .bottom { flex-direction: column; text-align: center; } }