.hidden-1000,
.hidden-desctop {
    display: none;
}

@media only screen and (max-width: 1500px),
only screen and (max-device-width: 1500px) {}

@media only screen and (max-width: 1400px),
only screen and (max-device-width: 1400px) {
    .sub-footer-wrap .sub-footer-item a {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1300px),
only screen and (max-device-width: 1300px) {
    .slider-item .absolute-block .content-block .title {
        font-size: 5rem;
    }

    .title-block {
        font-size: 3rem;
    }

    .image-fon .text-block .title {
        font-size: 4rem;
    }
}

@media only screen and (max-width: 1200px),
only screen and (max-device-width: 1200px) {}

@media only screen and (max-width: 1030px),
only screen and (max-device-width: 1030px) {
    .hidden-mob {
        display: none;
    }

    .hidden-1000,
    .hidden-desctop {
        display: block;
    }

    .btn-menu {

        width: 30px;
        height: 30px;
        background: #fff;
        padding: 4px;
        border-radius: 4px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        flex-direction: column;
    }

    .btn-menu span {
        width: 100%;
        height: 4px;
        background: var(--black);
        border-radius: 4px;
    }

    .header .napr-header {
        width: 30px;
        height: 30px;
        padding: 4px;
    }

    .header .logo img {

        padding-top: 4px;
    }

    .slider-item .absolute-block .content-block .title {
        font-size: 3rem;
    }

    .slider-item .absolute-block .content-block .text-slider {
        font-size: 14px;

    }

    .image-fon .text-block .title {
        font-size: 4rem;
    }

    .image-fon .text-block .text p {

        font-size: 14px;
    }

    .title-block-flex .title {
        font-size: 2rem;

    }

    .title-block-flex .more-link {
        font-size: 1.5rem;
    }

    .projects-wrap .item-proects .info .title {
        font-size: 1.4rem;
    }

    .projects-wrap .item-proects .links-wrap .date {
        font-size: 1rem;
    }

    .about-block2 .content-block ul li {

        width: calc((100% - 40px) / 3);
    }

    .about-block2 .focus-block ul li {
        width: calc((100% - 40px) / 2);
    }

    .about-block3-wrap .item-about {
        width: calc((100% - 80px) / 3);
    }
}

@media only screen and (max-width: 800px),
only screen and (max-device-width: 800px) {
    .image-fon .text-block .title {
        font-size: 2rem;
    }

    .image-fon .text-block .text p {
        font-size: 12px;
    }

    .projects-wrap .item-proects {
        width: calc(100% / 2 - 27px);
    }

    .form-wrap>div {
        width: 100%;

    }

    .footer .footer-item {
        width: 100%;
    }

    .sub-footer-wrap .sub-footer-item {

        width: calc(100% / 2);

    }

    .about-block .blocks1-wrap .items-block-1 {
        width: calc((100% - 40px) / 2);
    }

    .about-block2 .content-block ul li {
        width: calc((100% - 20px) / 2);
    }

    .about-block2 .focus-block ul li {
        width: 100%;
    }

    .about-block3-wrap .item-about {
        width: calc((100% - 40px) / 2);
    }
}

@media only screen and (max-width: 600px),
only screen and (max-device-width: 600px) {
    .slider-item .image img {
        aspect-ratio: 1 / .6;
    }

    .napr-wrap .napr-item {
        width: 100%;
    }

    .projects-wrap .item-proects {
        width: 100%;
    }

    .links-block a .title-link {
        top: 20px;
        left: 20px;
        font-size: 1rem;

    }

    .about-block2 .content-block ul li {
        width: 100%;
    }

    .about-block3-wrap .item-about {
        width: 100%;
    }

    .about-block .blocks1-wrap .items-block-1 {
        width: 100%;
    }

    .about-block2 .focus-block ul li {
        font-size: 14px;
    }
}

@media only screen and (max-width: 460px),
only screen and (max-device-width: 460px) {
    .slider-item .image img {
        aspect-ratio: 1 / 1;
    }

    .slider-item .absolute-block .content-block {
        width: 100%;
    }

    .top-link {
        font-size: 0px;
    }

    .image-fon img {
        aspect-ratio: 1 /1;
    }

    .links-block a {
        width: 50%;
    }

    .footer-flex-wrap .sub-item {
        width: 100%;

    }

    .sub-footer-wrap .sub-footer-item {
        width: 100%;
        padding: 10px 40px;
    }

    .form-wrap>div {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .form-wrap .title {
        font-size: 2rem;
    }

    .links-block a .border {
        display: none;
    }

    .footer-flex-wrap .sub-item.border-right::before {
        display: none;
    }
}

@media only screen and (max-width: 320px),
only screen and (max-device-width: 320px) {}/* ===== НАПРАВЛЕНИЕ АГНКС responsive ===== */
@media only screen and (max-width: 1030px),
only screen and (max-device-width: 1030px) {
    .napr-hero-title { font-size: 3.5rem; }
    .napr-hero-content,
    .napr-hero-image { width: 100%; }
    .napr-products-grid .item-product { width: calc(100% / 2 - 27px); }
    .napr-dual-panel-grid .napr-panel { width: 100%; }
}
@media only screen and (max-width: 800px),
only screen and (max-device-width: 800px) {
    .napr-hero { padding: 80px 0; }
    .napr-hero-title { font-size: 3rem; }
    .napr-intro-inner p { font-size: 1.5rem; }
}
@media only screen and (max-width: 600px),
only screen and (max-device-width: 600px) {
    .napr-hero-title { font-size: 2.4rem; }
    .napr-products-grid .item-product { width: 100%; }
    .napr-dual-panel-grid .napr-panel { min-height: 360px; }
}
@media only screen and (max-width: 460px),
only screen and (max-device-width: 460px) {
    .napr-hero-image img { aspect-ratio: 1 / 1; }
    .napr-panel img, .napr-panel { min-height: 300px; }
}


/* ============ Адаптивность — фиксы 28.08.2026 ============ */

/* Hero: не фиксировать высоту 700px на мобильных */
@media only screen and (max-width: 1030px) {
    .napr-hero { min-height: 520px; padding: 130px 0 52px; }
}
@media only screen and (max-width: 800px) {
    .napr-hero { min-height: 420px; padding: 110px 0 44px; }
    .napr-hero-title { font-size: 3.4rem; }
}
@media only screen and (max-width: 600px) {
    .napr-hero { min-height: 370px; padding: 100px 0 38px; }
    .napr-hero-title { font-size: 2.8rem; }
}
@media only screen and (max-width: 460px) {
    .napr-hero { min-height: 330px; padding: 90px 0 34px; }
    .napr-hero-title { font-size: 2.3rem; }
    .napr-hero-text { font-size: 1.5rem; }
}

/* Footer links-block: единая раскладка ячеек (a и links-col одинаково) на мобильных */
@media only screen and (max-width: 600px) {
    .links-block a,
    .links-block .links-col { width: 50%; aspect-ratio: auto; min-height: 96px; }
    .links-block .links-col::before,
    .links-block .links-col::after { display: none; }
    .links-block .links-col .title-link { top: 24px; left: 24px; }
    .links-block .sub-links-wrap { position: static; margin: 50px 0 0 24px; gap: 6px; }
}/* ===== ПРОДУКТ АГНКС responsive ===== */
@media only screen and (max-width: 1030px),
only screen and (max-device-width: 1030px) {
    .prod-hero-title { font-size: 4rem; }
    .prod-hero-content,
    .prod-hero-image { width: 100%; }
    .prod-split-title,
    .prod-split-body { width: 100%; }
    .prod-related-grid .item-product { width: calc(50% - 20px); }
    .prod-app-body,
    .prod-app-card img { width: 100%; }
}
@media only screen and (max-width: 800px),
only screen and (max-device-width: 800px) {
    .prod-hero-title { font-size: 3.2rem; }
    .prod-split-title { font-size: 2.2rem; }
    .prod-related-title { font-size: 2.6rem; }
    .prod-process-item,
    .prod-adv-item { width: 100%; }
}
@media only screen and (max-width: 600px),
only screen and (max-device-width: 600px) {
    .prod-hero-title { font-size: 2.6rem; }
    .prod-related-grid .item-product { width: 100%; }
    .prod-spec-row { flex-wrap: wrap; }
    .prod-spec-dots { display: none; }
    .prod-spec-val { width: 100%; text-align: left; }
}
/* ===== ПРОДУКТ МКПГ responsive (задача #166): длинный H1 ===== */
@media only screen and (max-width: 1030px),
only screen and (max-device-width: 1030px) {
    .prod-hero-title--wide { font-size: 3rem; }
}
@media only screen and (max-width: 800px),
only screen and (max-device-width: 800px) {
    .prod-hero-title--wide { font-size: 2.4rem; }
}
@media only screen and (max-width: 600px),
only screen and (max-device-width: 600px) {
    .prod-hero-title--wide { font-size: 2.2rem; }
}
/* ===== ПРОДУКТ АГНКС split columns responsive (макет #166) ===== */
@media only screen and (max-width: 1030px),
only screen and (max-device-width: 1030px) {
    .prod-split-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .prod-split-title,
    .prod-split-body {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        width: 100%;
    }
}
/* ===== ПРОДУКТ АГНКС hero fix responsive (скриншот мини) ===== */
@media only screen and (max-width: 800px),
only screen and (max-device-width: 800px) {
    .prod-hero { padding-top: 100px; }
}