/* Mobile footer overrides preserve all existing footer content. */
@media (max-width: 820px) {
    body:not(.hardware-360-body) .site-footer.mg-footer {
        box-sizing:border-box !important;
        width:100% !important;
        padding:36px 20px calc(28px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body:not(.hardware-360-body) .mg-footer-inner {
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        gap:26px !important;
        width:100% !important;
        max-width:600px !important;
        margin-inline:auto !important;
        align-items:start !important;
    }

    body:not(.hardware-360-body) .mg-footer-inner > * {
        min-width:0 !important;
        box-sizing:border-box !important;
    }

    body:not(.hardware-360-body) .mg-footer-brand {
        padding:0 0 22px !important;
        border-bottom:1px solid rgb(255 255 255 / .14) !important;
    }

    body:not(.hardware-360-body) .footer-logo {
        display:inline-flex !important;
        width:140px !important;
        max-width:100% !important;
    }

    body:not(.hardware-360-body) .footer-logo img {
        display:block !important;
        width:100% !important;
        height:auto !important;
    }

    body:not(.hardware-360-body) .mg-footer-nav {
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px 20px !important;
        align-items:start !important;
    }

    body:not(.hardware-360-body) .mg-footer-nav > div {
        display:grid !important;
        gap:4px !important;
        min-width:0 !important;
    }

    body:not(.hardware-360-body) .mg-footer-nav a {
        display:flex !important;
        align-items:center !important;
        min-height:44px !important;
        font-size:14px !important;
        line-height:1.5 !important;
        overflow-wrap:anywhere !important;
    }

    body:not(.hardware-360-body) .mg-footer-contact {
        display:grid !important;
        gap:14px !important;
        padding:18px 14px !important;
        border:1px solid rgb(255 255 255 / .14) !important;
        border-radius:14px !important;
    }

    body:not(.hardware-360-body) .mg-footer-contact p,
    body:not(.hardware-360-body) .mg-footer-contact a {
        display:grid !important;
        grid-template-columns:22px minmax(0,1fr) !important;
        align-items:start !important;
        gap:10px !important;
        min-width:0 !important;
        font-size:14px !important;
        font-weight:500 !important;
        line-height:1.7 !important;
        overflow-wrap:anywhere !important;
    }

    body:not(.hardware-360-body) .mg-footer-contact a {
        min-height:44px !important;
        align-items:center !important;
    }

    body:not(.hardware-360-body) .mg-footer-contact span {
        font-size:20px !important;
        line-height:1.4 !important;
    }

    body:not(.hardware-360-body) .mg-footer-social h2 {
        margin:0 0 14px !important;
        font-size:22px !important;
        line-height:1.3 !important;
    }

    body:not(.hardware-360-body) .mg-footer-social > div {
        display:flex !important;
        flex-wrap:wrap !important;
        gap:12px !important;
    }

    body:not(.hardware-360-body) .mg-footer-social a {
        display:inline-grid !important;
        place-items:center !important;
        width:44px !important;
        height:44px !important;
        border:1px solid rgb(255 255 255 / .18) !important;
        border-radius:12px !important;
    }

    body:not(.hardware-360-body) .mg-footer-copy {
        box-sizing:border-box !important;
        max-width:600px !important;
        margin:26px auto 0 !important;
        padding:20px 0 0 !important;
        border-top:1px solid rgb(255 255 255 / .14) !important;
        font-size:12px !important;
        line-height:1.7 !important;
        text-align:center !important;
        overflow-wrap:anywhere !important;
    }

}