/* Mobile Footer Optimizations */
@media (max-width: 768px) {
    .footer {
        padding: 40px 20px 20px;
    }
    
    .footer-content {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 0;
    }
    
    .footer-logo {
        text-align: center;
        margin-bottom: 20px;
    }
    
    .footer-logo img {
        max-width: 180px;
    }
    
    .footer-links,
    .footer-contact {
        text-align: center;
        padding: 0 15px;
    }
    
    .footer-contact .contact-info {
        justify-content: center;
        gap: 15px;
    }
}

@media (max-width: 480px) {
    .footer {
        padding: 30px 15px 15px;
    }
    
    .footer-logo img {
        max-width: 150px;
    }
    
    .footer-contact .contact-info p {
        font-size: 0.85rem;
    }
}