/* Footer Gap Fix */
@media (min-width: 768px) {
    .footer-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        column-gap: 2.5rem !important;
        row-gap: 2rem !important;
    }
    
    .footer-brand {
        grid-column: span 1 !important;
    }
    
    .footer-col {
        max-width: none !important;
    }
}

@media (min-width: 992px) {
    .footer-grid {
        column-gap: 3rem !important;
    }
}

@media (min-width: 1200px) {
    .footer-grid {
        column-gap: 3.5rem !important;
    }
}