/* footer-mobile.css */
@media (max-width: 768px) {
    footer .max-w-7xl {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    footer .grid {
        text-align: left;
    }

    footer h4 {
        text-align: left;
    }

    footer h4::after {
        left: 0 !important;
        transform: none !important;
    }

    footer .flex.gap-4 {
        justify-content: flex-start;
    }

    footer .flex.items-center.gap-2 {
        justify-content: flex-start;
    }

    footer .bottom-bar {
        padding-top: 1.5rem;
        padding-bottom: 2rem;
    }

    #backToTop {
        bottom: 5rem;
        right: 1.25rem;
    }
}