@media screen and (max-width: 768px) {
    html,
    body {
        overflow-y: auto !important;
        height: auto !important;
        touch-action: auto !important;
    }

    body {
        padding-top: 0 !important;
    }

    header,
    header.header-scrolled {
        background: rgba(30, 90, 168, 0.96) !important;
        backdrop-filter: blur(16px) !important;
        box-shadow: 0 8px 24px rgba(14, 46, 91, 0.22) !important;
        padding: 10px 0 !important;
    }

    body.home-page header,
    body.home-page header.header-scrolled,
    body.home-page header.mobile-nav-active {
        background: #1e5aa8 !important;
        background-image: none !important;
        backdrop-filter: none !important;
        box-shadow: 0 8px 24px rgba(14, 46, 91, 0.22) !important;
    }

    header .logo,
    header.header-scrolled .logo,
    header .nav-links a,
    header.header-scrolled .nav-links a,
    header .nav-menu a,
    header.header-scrolled .nav-menu a {
        color: #ffffff !important;
    }

    .navbar .container {
        width: calc(100% - 28px);
        max-width: none;
        padding: 0 14px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
    }

    .nav-links {
        position: fixed;
        top: 0;
        left: -100%;
        right: auto;
        width: min(84vw, 320px);
        max-width: 320px;
        height: 100vh;
        padding-top: 88px;
        background: linear-gradient(180deg, #1e5aa8 0%, #164685 100%) !important;
        box-shadow: 10px 0 30px rgba(7, 26, 54, 0.26) !important;
        border-right: 1px solid rgba(255, 255, 255, 0.12);
    }

    .nav-links.active {
        left: 0;
        right: auto;
    }

    .nav-links > li {
        margin-bottom: 6px;
    }

    .nav-links a {
        padding: 13px 14px;
        font-size: 15px;
        color: #fff !important;
        background: transparent !important;
    }

    .nav-links a:hover,
    .nav-links a:active {
        color: #fff !important;
        background: rgba(255, 255, 255, 0.12) !important;
    }

    .nav-links .mega-menu,
    .nav-links .menu-categories li a,
    .nav-links .menu-categories li.active a,
    .nav-links .menu-categories li:hover a {
        color: #fff !important;
    }

    .nav-links .menu-categories li a {
        background: rgba(255, 255, 255, 0.08) !important;
        border: 1px solid rgba(255, 255, 255, 0.12);
    }

    .nav-links .menu-categories li.active a,
    .nav-links .menu-categories li:hover a {
        background: rgba(255, 255, 255, 0.18) !important;
    }

    .mobile-menu-btn {
        order: 1;
        min-width: 72px;
        height: 36px;
        padding: 0 12px;
        background: rgba(255, 255, 255, 0.18);
        border-color: rgba(255, 255, 255, 0.32);
        color: #fff;
        box-shadow: none;
    }

    .logo {
        order: 2;
    }

    .logo img {
        height: 36px;
    }

    header.mobile-nav-active {
        background: rgba(30, 90, 168, 0.98) !important;
    }

    header.mobile-nav-active .logo,
    header.mobile-nav-active .mobile-menu-btn {
        color: #fff !important;
    }

    .mobile-nav-overlay {
        background: rgba(4, 16, 35, 0.48) !important;
    }

    .table-container-wrapper {
        padding: 6px !important;
        border-radius: 10px !important;
        overflow: hidden !important;
    }

    .table-scroll-container {
        padding-bottom: 8px !important;
    }

    .specs-table {
        min-width: 820px !important;
    }

    .specs-table th,
    .specs-table td {
        padding: 8px 10px !important;
        font-size: 0.78rem !important;
        line-height: 1.4 !important;
        white-space: nowrap !important;
    }

    .scroll-btn {
        width: 32px !important;
        height: 32px !important;
        margin: 0 6px !important;
        font-size: 1rem !important;
    }

    .home-page .section-slider {
        display: none !important;
    }

    .section-products-hero,
    .section-products-video {
        display: none !important;
    }

    .fp-warning,
    .fp-watermark {
        display: none !important;
    }
}

@media screen and (max-width: 992px) {
    .table-container-wrapper {
        padding: 6px !important;
        border-radius: 10px !important;
        overflow: hidden !important;
    }

    .table-scroll-container {
        padding-bottom: 8px !important;
    }

    .specs-table {
        min-width: 760px !important;
    }

    .specs-table th,
    .specs-table td {
        padding: 7px 9px !important;
        font-size: 0.76rem !important;
        line-height: 1.35 !important;
        white-space: nowrap !important;
    }

    .scroll-btn {
        width: 30px !important;
        height: 30px !important;
        margin: 0 4px !important;
        font-size: 0.95rem !important;
    }
}