/* --- ISOLATED FOOTER STYLES --- */
footer { background: #263238; color: #ffffff; padding: 50px 5% 20px; }

.footer-container { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 40px; 
    margin-bottom: 40px;
}

.footer-col h3 { margin-bottom: 20px; color: #ffffff; }
.footer-col ul { list-style: none; padding: 0; }
.footer-col ul li { margin-bottom: 10px; }
.footer-col ul li a { color: #cccccc; text-decoration: none; }

.footer-col input { 
    padding: 10px; width: 80%; border-radius: 4px; border: none; margin-top: 10px;
}

.footer-bottom { 
    text-align: center; 
    border-top: 1px solid #455a64; 
    padding-top: 20px; 
    font-size: 0.8rem; 
    color: #90a4ae;
}

@media (max-width: 768px) {
    .footer-container { grid-template-columns: 1fr; }
}