/* NEXAPP V4.8.1 - MOBILE FIX */

html {
    -webkit-text-size-adjust: 100%;
}

body {
    overflow-x: clip;
}

img, video, iframe {
    max-width: 100%;
}

@media (max-width: 1100px) {
    .v4-nav-links {
        display: none !important;
    }

    .v4-menu {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        min-width: 48px;
        cursor: pointer;
        font-size: 27px;
        touch-action: manipulation;
        position: relative;
        z-index: 1002;
    }

    .v4-mobile-nav {
        display: none !important;
    }

    .v4-mobile-nav.open {
        display: flex !important;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 1001;
        padding: 20px 24px 28px;
        gap: 4px;
        background: #080d20;
        border-top: 1px solid rgba(255,255,255,.12);
        box-shadow: 0 22px 45px rgba(0,0,0,.35);
        max-height: calc(100dvh - 70px);
        overflow-y: auto;
    }

    .v4-header {
        position: relative;
        z-index: 1000;
    }

    .v4-mobile-nav a {
        display: block;
        color: #fff;
        font-size: 17px;
        line-height: 1.4;
        padding: 13px 8px;
        min-height: 46px;
        text-decoration: none;
        border-bottom: 1px solid rgba(255,255,255,.08);
    }
}

@media (max-width: 720px) {
    html {
        font-size: 16px;
    }

    body {
        font-size: 16px;
        line-height: 1.6;
    }

    .v4-shell {
        width: calc(100% - 32px);
        max-width: 100%;
        margin-inline: auto;
    }

    .v4-nav {
        min-height: 72px;
        height: auto;
        gap: 12px;
    }

    .v4-brand-copy strong {
        font-size: 20px;
    }

    .v4-brand-copy small {
        font-size: 11px;
    }

    .v4-hero h1,
    .v41-product-copy h1 {
        font-size: clamp(34px, 9vw, 48px);
        line-height: 1.12;
        overflow-wrap: anywhere;
    }

    .v4-section-head h2,
    .v4-tech-copy h2 {
        font-size: clamp(28px, 7vw, 38px);
        line-height: 1.2;
    }

    .v4-hero-copy > p,
    .v4-feature-card p,
    .v4-app-content p,
    .v41-product-copy p,
    .android-detail p,
    .android-admin-grid p {
        font-size: 16px;
        line-height: 1.65;
    }

    .v4-app-strip,
    .v4-feature-grid,
    .v4-tech-cards,
    .v4-footer-grid,
    .v41-feature-grid,
    .v41-workflow-steps {
        grid-template-columns: minmax(0, 1fr);
    }

    .v4-app-card,
    .v4-feature-card,
    .v41-feature-card {
        min-width: 0;
    }

    .v4-hero-visual {
        max-width: 100%;
        overflow: hidden;
    }

    .v4-btn,
    .v4-actions a {
        min-height: 46px;
    }

    .android-detail-hero h1 {
        font-size: clamp(32px, 8vw, 46px);
        overflow-wrap: anywhere;
    }

    .nx-android-short-description {
        font-size: 16px;
        line-height: 1.65;
    }

    .android-releases .v4-shell,
    .android-detail .v4-shell {
        max-width: 100%;
    }

    .nx-markdown-content {
        font-size: 16px;
        line-height: 1.7;
        overflow-wrap: anywhere;
    }

    .nx-markdown-content pre {
        max-width: 100%;
        overflow-x: auto;
    }
}