/* ==========================================================
   VOSTOK LOGISTIKA
   FINAL MOBILE LAYER
   Desktop untouched
   ========================================================== */

@media(max-width:767px){

    html,
    body{
        max-width:100%;
        overflow-x:hidden !important;
    }

    body.home{
        -webkit-text-size-adjust:100%;
        text-size-adjust:100%;
    }

    body.home *,
    body.home *::before,
    body.home *::after{
        box-sizing:border-box;
    }

    body.home img{
        max-width:100%;
    }

    body.home #vlh2Hero,
    body.home #china-start,
    body.home #delivery-choice,
    body.home #delivery-routes,
    body.home #workflow-control,
    body.home #why-trust-us,
    body.home #vostok-tech,
    body.home #final-lead,
    body.home #vostok-footer{
        max-width:100%;
    }


    /* ======================================================
       HEADER
       ====================================================== */

    body.home .vlx-mobile-panel{
        max-height:calc(100dvh - 74px);
        overflow-y:auto;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
    }

    body.home .vlx-menu-button{
        -webkit-tap-highlight-color:transparent;
    }


    /* ======================================================
       HERO
       ====================================================== */

    body.home .vlh2-hero{
        min-height:0 !important;
        overflow:hidden !important;
    }

    body.home .vlh2-shell{
        width:calc(100% - 28px) !important;
        min-height:0 !important;
        padding:38px 0 68px !important;
    }

    body.home .vlh2-kicker{
        margin-bottom:15px !important;
    }

    body.home .vlh2-title{
        max-width:100% !important;
    }

    body.home .vlh2-title-main,
    body.home .vlh2-title-accent{
        font-size:clamp(40px,11.5vw,52px) !important;
        line-height:.98 !important;
        letter-spacing:-.045em !important;
    }

    body.home .vlh2-title-accent{
        margin-top:6px !important;
    }

    body.home .vlh2-lead{
        max-width:390px !important;
        margin-top:20px !important;
        font-size:14px !important;
        line-height:1.62 !important;
    }

    body.home .vlh2-actions{
        width:100% !important;
        margin-top:25px !important;
        gap:10px !important;
    }

    body.home .vlh2-primary,
    body.home .vlh2-secondary{
        width:100% !important;
        min-width:0 !important;
        height:56px !important;
        min-height:56px !important;
        border-radius:999px !important;
    }

    body.home .vlh2-client-row{
        gap:8px !important;
        margin-top:20px !important;
    }

    body.home .vlh2-visual{
        margin-top:36px !important;
    }

    body.home .vlh2-network{
        width:100% !important;
        border-radius:22px !important;
        overflow:hidden !important;
        transform:none !important;
        box-shadow:
            0 24px 60px rgba(0,0,0,.28),
            0 1px 0 rgba(255,255,255,.05) inset !important;
    }

    body.home .vlh2-map{
        height:350px !important;
        min-height:350px !important;
        max-height:350px !important;
    }

    body.home .vlh2-aurora{
        display:block !important;
        opacity:.28 !important;
    }

    body.home .vlh2-halo,
    body.home .vlh2-cursor-light{
        display:none !important;
    }

    body.home .vlh2-modes{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:7px !important;
        padding:8px 10px 13px !important;
    }

    body.home .vlh2-mode{
        min-width:0 !important;
    }


    /* ======================================================
       CHINA START
       ====================================================== */

    body.home #china-start{
        padding:50px 0 38px !important;
    }

    body.home .vlx-start-shell{
        width:calc(100% - 28px) !important;
    }

    body.home .vlx-start-layout{
        gap:34px !important;
    }

    body.home .vlx-start-intro{
        position:relative !important;
        top:auto !important;

        width:100% !important;
        min-height:410px !important;

        padding:29px 23px 31px !important;

        border-radius:25px !important;
        overflow:hidden !important;
        isolation:isolate !important;

        color:#fff !important;

        box-shadow:
            0 24px 60px rgba(12,39,50,.18),
            0 8px 22px rgba(12,39,50,.10) !important;
    }

    body.home .vlx-start-intro::before{
        left:0 !important;
        right:0 !important;
        top:0 !important;
        bottom:0 !important;

        border-radius:25px !important;

        background:
            url("/wp-content/uploads/china-start-bg.webp")
            center center / cover no-repeat !important;

        filter:
            brightness(.56)
            saturate(.92)
            contrast(1.06) !important;

        -webkit-mask-image:none !important;
        mask-image:none !important;
    }

    body.home .vlx-start-intro::after{
        left:0 !important;
        right:0 !important;
        top:0 !important;
        bottom:0 !important;

        border-radius:25px !important;

        background:
            linear-gradient(
                180deg,
                rgba(3,15,23,.77) 0%,
                rgba(5,24,34,.62) 48%,
                rgba(5,24,34,.85) 100%
            ) !important;

        -webkit-mask-image:none !important;
        mask-image:none !important;
    }

    body.home .vlx-start-intro h2{
        max-width:330px !important;
        font-size:clamp(34px,10.4vw,43px) !important;
        line-height:1 !important;
    }

    body.home .vlx-start-intro .vlx-start-lead{
        max-width:330px !important;
        font-size:12px !important;
        line-height:1.62 !important;
        color:rgba(239,248,250,.88) !important;
    }

    body.home .vlx-start-side-note p{
        color:rgba(239,248,250,.76) !important;
    }

    body.home .vlx-start-story{
        width:100% !important;
        padding-left:29px !important;
    }

    body.home .vlx-start-step{
        padding:20px 0 23px !important;
    }

    body.home .vlx-start-word{
        font-size:19px !important;
    }

    body.home .vlx-start-copy h3{
        font-size:16px !important;
    }

    body.home .vlx-start-copy p{
        font-size:10.5px !important;
        line-height:1.64 !important;
    }


    /* CHINA FORM */

    body.home .vlx-start-bottom{
        margin-top:34px !important;
        gap:13px !important;
    }

    body.home .vlx-start-bottom-copy{
        width:100% !important;
        padding:0 !important;
    }

    body.home .vlx-start-bottom-copy strong{
        font-size:21px !important;
        line-height:1.22 !important;
    }

    body.home .vlx-start-bottom-copy span{
        font-size:10.5px !important;
        line-height:1.58 !important;
    }

    body.home .vlx-start-form-shell{
        width:100% !important;
        grid-template-columns:1fr !important;
        gap:8px !important;
        padding:9px !important;
        border-radius:22px !important;
    }

    body.home .vlx-start-field,
    body.home .vlx-start-field input{
        width:100% !important;
        height:54px !important;
    }

    body.home .vlx-start-form-submit{
        width:100% !important;
        height:56px !important;
        grid-column:auto !important;
        border-radius:999px !important;
    }


    /* ======================================================
       DELIVERY TYPES
       ====================================================== */

    body.home .vldt{
        padding:50px 0 46px !important;
    }

    body.home .vldt-shell{
        width:calc(100% - 28px) !important;
    }

    body.home .vldt-head{
        margin-bottom:27px !important;
    }

    body.home .vldt h2{
        font-size:clamp(34px,10vw,42px) !important;
    }

    body.home .vldt-media-grid{
        grid-template-columns:1fr !important;
        gap:12px !important;
    }

    body.home .vldt-media-card{
        width:100% !important;
        border-radius:20px !important;
    }

    body.home .vldt-choice>a{
        width:100% !important;
        height:56px !important;
    }


    /* ======================================================
       DELIVERY CHOICE
       ====================================================== */

    body.home #delivery-choice{
        padding:50px 0 34px !important;
    }

    body.home .vldc-shell{
        width:calc(100% - 28px) !important;
    }

    body.home .vldc-head{
        margin-bottom:31px !important;
    }

    body.home .vldc-head h2{
        font-size:clamp(34px,10vw,43px) !important;
        line-height:1 !important;
    }

    body.home .vldc-head p{
        font-size:12px !important;
        line-height:1.6 !important;
    }

    body.home .vldc-compare{
        grid-template-columns:1fr !important;
        gap:26px !important;
    }

    body.home .vldc-visual{
        min-height:285px !important;
        border-radius:22px !important;
        overflow:hidden !important;
    }

    body.home .vldc-visual-copy{
        left:15px !important;
        right:15px !important;
        bottom:15px !important;

        width:auto !important;
        max-width:none !important;

        padding:12px 14px !important;
        border-radius:14px !important;
    }

    body.home .vldc-visual h3{
        font-size:25px !important;
    }

    body.home .vldc-visual-copy p{
        font-size:11px !important;
        line-height:1.5 !important;
    }

    body.home .vldc-body{
        padding-left:2px !important;
        padding-right:2px !important;
    }

    body.home .vldc-form-wrap{
        margin-top:42px !important;
    }

    body.home .vldc-form{
        padding:10px !important;
        border-radius:22px !important;
    }

    body.home .vldc-fields{
        grid-template-columns:1fr !important;
        gap:8px !important;
    }

    body.home .vldc-fields input,
    body.home .vldc-fields textarea,
    body.home .vldc-submit{
        width:100% !important;
        height:55px !important;
        min-height:55px !important;
        grid-column:auto !important;
    }


    /* ======================================================
       ROUTES
       ====================================================== */

    body.home #delivery-routes{
        padding:52px 0 48px !important;
    }

    body.home .vlr-shell{
        width:calc(100% - 28px) !important;
    }

    body.home .vlr h2{
        font-size:clamp(35px,10.3vw,44px) !important;
        line-height:1 !important;
    }

    body.home .vlr-head>p{
        font-size:11.5px !important;
        line-height:1.65 !important;
    }

    body.home .vlr-route{
        height:auto !important;
        margin-top:32px !important;
        padding:24px 0 8px !important;
    }

    body.home .vlr-route-caption,
    body.home .vlr-route-svg{
        display:none !important;
    }

    body.home .vlr-stop{
        position:relative !important;

        left:auto !important;
        top:auto !important;

        width:100% !important;

        padding:0 0 29px 34px !important;

        border-left:
            1px solid rgba(88,195,217,.19) !important;

        transform:none !important;
    }

    body.home .vlr-point{
        left:-1px !important;
        top:3px !important;
    }

    body.home .vlr-copy,
    body.home .vlr-stop:nth-of-type(even) .vlr-copy,
    body.home .vlr-stop:nth-of-type(odd) .vlr-copy{
        position:relative !important;

        width:100% !important;

        left:auto !important;
        top:auto !important;
        bottom:auto !important;

        transform:none !important;
    }

    body.home .vlr-copy h3{
        font-size:20px !important;
    }

    body.home .vlr-copy p{
        max-width:340px !important;
        font-size:10.5px !important;
        line-height:1.62 !important;
    }

    body.home .vlr-bottom{
        margin-top:14px !important;
    }

    body.home .vlr-cta{
        width:100% !important;
        height:56px !important;
        margin-top:18px !important;
    }


    /* ======================================================
       WORKFLOW
       ====================================================== */

    body.home #workflow-control{
        padding:50px 0 0 !important;
    }

    body.home .vlw-shell{
        width:calc(100% - 28px) !important;
    }

    body.home .vlw-layout{
        grid-template-columns:1fr !important;
        gap:37px !important;
    }

    body.home .vlw-intro{
        position:relative !important;
        top:auto !important;
        order:-1 !important;
    }

    body.home .vlw-intro-frame{
        min-height:455px !important;

        padding:27px 22px !important;

        border-radius:25px !important;
        overflow:hidden !important;

        box-shadow:
            0 24px 60px rgba(13,34,44,.13),
            0 7px 20px rgba(13,34,44,.07) !important;
    }

    body.home .vlw-intro-frame::before,
    body.home .vlw-intro-frame::after{
        inset:0 !important;
        -webkit-mask-image:none !important;
        mask-image:none !important;
    }

    body.home .vlw-intro h2{
        font-size:clamp(35px,10.4vw,45px) !important;
        line-height:.98 !important;
    }

    body.home .vlw-lead{
        font-size:11.5px !important;
        line-height:1.65 !important;
    }

    body.home .vlw-story{
        width:100% !important;
        padding-left:29px !important;
    }

    body.home .vlw-step{
        display:block !important;
        min-height:0 !important;
        padding:21px 0 24px !important;
    }

    body.home .vlw-step-mark{
        left:-26px !important;
    }

    body.home .vlw-step-copy{
        grid-template-columns:1fr !important;
        row-gap:5px !important;
    }

    body.home .vlw-step-copy small{
        font-size:16px !important;
    }

    body.home .vlw-step-copy h3{
        font-size:17px !important;
    }

    body.home .vlw-step-copy p{
        max-width:none !important;
        font-size:10.5px !important;
        line-height:1.66 !important;
    }

    body.home .vlw-cta,
    body.home .vlw-hero-cta{
        width:100% !important;
    }


    /* ======================================================
       STATS
       ====================================================== */

    body.home #workflow-control > #company-stats{
        margin-top:28px !important;
        padding:0 0 30px !important;
    }

    body.home #workflow-control > #company-stats .vls-shell{
        width:calc(100% - 28px) !important;
    }

    body.home .vls-panel{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        min-height:0 !important;

        border-radius:24px !important;
        overflow:hidden !important;
    }

    body.home .vls-item{
        min-width:0 !important;
        padding:22px 16px !important;
    }

    body.home .vls-number{
        font-size:clamp(30px,9vw,39px) !important;
    }

    body.home .vls-label{
        margin-top:8px !important;
        font-size:9px !important;
        line-height:1.4 !important;
    }


    /* ======================================================
       TRUST
       ====================================================== */

    body.home #why-trust-us{
        padding:54px 0 58px !important;
    }

    body.home .vlt-shell{
        width:calc(100% - 28px) !important;
    }

    body.home .vlt-layout{
        grid-template-columns:1fr !important;
        gap:34px !important;
    }

    body.home .vlt-photo-wrap{
        width:100% !important;
    }

    body.home .vlt-photo-reveal{
        height:clamp(405px,118vw,500px) !important;
        border-radius:24px !important;
    }

    body.home .vlt-photo{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        object-position:50% 44% !important;
    }

    body.home .vlt-content{
        width:100% !important;
    }

    body.home .vlt-content h2{
        font-size:clamp(35px,10.4vw,46px) !important;
        line-height:1 !important;
    }

    body.home .vlt-text{
        margin-top:23px !important;
    }

    body.home .vlt-text p{
        margin-bottom:15px !important;
        font-size:11px !important;
        line-height:1.68 !important;
    }

    body.home .vlt-message{
        margin-top:23px !important;
    }

    body.home .vlt-message p{
        font-size:16px !important;
        line-height:1.4 !important;
    }


    /* ======================================================
       VOSTOK TECH
       ====================================================== */

    body.home #vostok-tech{
        padding-top:52px !important;
        overflow:hidden !important;
    }

    body.home .vltech-shell{
        width:calc(100% - 28px) !important;
    }

    body.home .vltech-top{
        grid-template-columns:1fr !important;
        gap:24px !important;
    }

    body.home .vltech-copy{
        width:100% !important;
    }

    body.home .vltech-copy h2{
        font-size:clamp(50px,16vw,70px) !important;
        line-height:.82 !important;
    }

    body.home .vltech-lead{
        margin-top:24px !important;
        font-size:16px !important;
        line-height:1.42 !important;
    }

    body.home .vltech-text{
        font-size:10.5px !important;
        line-height:1.68 !important;
    }

    body.home .vltech-cta{
        width:100% !important;
        height:57px !important;
    }

    body.home .vltech-visual{
        min-height:290px !important;
    }

    body.home .vltech-machine-stage{
        height:290px !important;
        transform:none !important;
    }

    body.home .vltech-machine-image{
        width:108% !important;
        max-width:none !important;
        transform:translate3d(-4%,0,0) !important;
    }

    body.home .vltech-machine-shadow{
        left:5% !important;
        right:5% !important;
        bottom:3px !important;
        height:52px !important;
    }

    body.home .vltech-marquee{
        margin-top:14px !important;
    }

    body.home .vltech-track{
        height:58px !important;
    }

    body.home .vltech-ring-b{
        display:none !important;
    }


    /* ======================================================
       FINAL LEAD
       ====================================================== */

    body.home #final-lead{
        padding:54px 0 60px !important;
    }

    body.home .vlf-shell{
        width:calc(100% - 28px) !important;
    }

    body.home .vlf-heading{
        margin-bottom:27px !important;
    }

    body.home .vlf-heading h2{
        font-size:clamp(35px,10.2vw,45px) !important;
        line-height:.99 !important;
    }

    body.home .vlf-form{
        grid-template-columns:1fr !important;
        gap:10px !important;

        padding:10px !important;

        border-radius:24px !important;
    }

    body.home .vlf-form-intro{
        min-height:145px !important;
        padding:22px !important;
        border-radius:19px !important;
    }

    body.home .vlf-fields{
        grid-template-columns:1fr !important;
        gap:8px !important;
    }

    body.home .vlf-field,
    body.home .vlf-submit{
        width:100% !important;
        height:56px !important;
        min-height:56px !important;
        grid-column:1 !important;
    }

    body.home .vlf-field{
        border-radius:15px !important;
    }

    body.home .vlf-submit{
        border-radius:999px !important;
    }


    /* ======================================================
       FOOTER
       ====================================================== */

    body.home #vostok-footer{
        overflow:hidden !important;
    }

    body.home .vlftr-shell{
        width:calc(100% - 28px) !important;
    }

    body.home .vlftr-content{
        grid-template-columns:1fr !important;

        gap:29px !important;

        padding:32px 0 28px !important;
    }

    body.home .vlftr-logo{
        width:max-content !important;
        max-width:100% !important;

        min-width:0 !important;
        min-height:0 !important;

        padding:7px 10px !important;

        border-radius:14px !important;
    }

    body.home .vlftr-logo img{
        width:auto !important;
        height:48px !important;
        max-width:210px !important;
    }

    body.home .vlftr-brand p{
        max-width:330px !important;
        font-size:10.5px !important;
        line-height:1.6 !important;
    }

    body.home .vlftr-contacts{
        width:100% !important;

        flex-direction:column !important;
        align-items:stretch !important;

        gap:9px !important;
    }

    body.home .vlftr-contact{
        width:100% !important;
        min-width:0 !important;
    }

    body.home .vlftr-bottom{
        grid-template-columns:1fr auto !important;

        gap:13px 18px !important;

        padding:18px 0 22px !important;
    }

    body.home .vlftr-policy{
        grid-column:1 / -1 !important;
        grid-row:2 !important;
    }

    body.home .vlftr-up{
        grid-column:2 !important;
        grid-row:1 !important;
        justify-self:end !important;
    }

}


/* ==========================================================
   VERY SMALL PHONES
   ========================================================== */

@media(max-width:390px){

    body.home .vlh2-title-main,
    body.home .vlh2-title-accent{
        font-size:39px !important;
    }

    body.home .vlh2-shell,
    body.home .vlx-start-shell,
    body.home .vldt-shell,
    body.home .vldc-shell,
    body.home .vlr-shell,
    body.home .vlw-shell,
    body.home .vlt-shell,
    body.home .vltech-shell,
    body.home .vlf-shell,
    body.home .vlftr-shell{
        width:calc(100% - 22px) !important;
    }

    body.home .vlx-start-intro{
        padding-left:19px !important;
        padding-right:19px !important;
    }

    body.home .vlw-intro-frame{
        padding-left:19px !important;
        padding-right:19px !important;
    }

    body.home .vlt-photo-reveal{
        height:430px !important;
    }

    body.home .vltech-copy h2{
        font-size:48px !important;
    }

}


/* ==========================================================
   TABLET POLISH
   ========================================================== */

@media(min-width:768px) and (max-width:1024px){

    body.home .vlx-start-shell,
    body.home .vldc-shell,
    body.home .vlr-shell,
    body.home .vlw-shell,
    body.home .vlt-shell,
    body.home .vltech-shell,
    body.home .vlf-shell,
    body.home .vlftr-shell{
        width:calc(100% - 48px) !important;
    }

    body.home .vltech-top,
    body.home .vlt-layout,
    body.home .vlw-layout{
        gap:44px !important;
    }

}


/* Accessibility preference only */
@media(prefers-reduced-motion:reduce){

    body.home{
        scroll-behavior:auto;
    }

}


/* === VOSTOK MOBILE POLISH 2026-09-25 START === */

@media(max-width:767px){

    /* =====================================================
       1. УБИРАЕМ ЛИШНЮЮ ПУСТОТУ ПЕРЕД СТАТИСТИКОЙ
       ===================================================== */

    body.home #delivery-routes{
        padding-bottom:28px !important;
    }

    body.home #workflow-control{
        padding-top:28px !important;
    }

    body.home #workflow-control .vlw-layout{
        gap:30px !important;
    }

    body.home #workflow-control > #company-stats{
        margin-top:8px !important;
        padding-top:0 !important;
    }


    /* =====================================================
       2. КОМПАКТНАЯ ШАПКА ФИНАЛЬНОЙ ЗАЯВКИ
       ===================================================== */

    body.home #final-lead .vlf-form-intro{
        min-height:104px !important;
        height:auto !important;

        padding:
            16px
            18px
            14px !important;

        justify-content:center !important;

        border-radius:17px !important;
    }


    /* декоративная линия сверху */
    body.home #final-lead .vlf-form-signal{
        left:18px !important;
        top:14px !important;

        width:34px !important;
    }


    body.home #final-lead .vlf-form-intro small{
        margin:
            0
            0
            5px !important;

        font-size:7px !important;
        line-height:1 !important;
    }


    body.home #final-lead .vlf-form-intro strong{
        max-width:100% !important;

        font-size:17px !important;
        line-height:1.14 !important;

        letter-spacing:-.03em !important;
    }


    body.home #final-lead .vlf-form-intro p{
        max-width:100% !important;

        margin:
            6px
            0
            0 !important;

        font-size:8.5px !important;
        line-height:1.4 !important;
    }


    /* уменьшаем внутреннее свечение вместе с карточкой */
    body.home #final-lead .vlf-form-intro::after{
        width:125px !important;
        height:125px !important;

        left:-55px !important;
        top:-68px !important;
    }


    /* =====================================================
       3. КРУГ СО СТРЕЛКОЙ НА КНОПКЕ
       ===================================================== */

    body.home #final-lead .vlf-submit{
        padding:
            0
            7px
            0
            22px !important;

        border-radius:999px !important;
    }


    body.home #final-lead .vlf-submit i{
        width:42px !important;
        min-width:42px !important;
        max-width:42px !important;

        height:42px !important;
        min-height:42px !important;
        max-height:42px !important;

        flex:
            0
            0
            42px !important;

        margin-left:auto !important;

        border-radius:50% !important;

        display:grid !important;
        place-items:center !important;
    }


    body.home #final-lead .vlf-submit svg{
        width:17px !important;
        height:17px !important;
    }

}

/* === VOSTOK MOBILE POLISH 2026-09-25 END === */



/* === VOSTOK TECH MOBILE IMAGE FIX START === */

@media(max-width:767px){

    body.home #vostok-tech .vltech-visual{
        width:100% !important;
        max-width:100% !important;

        overflow:hidden !important;
    }

    body.home #vostok-tech .vltech-machine-stage{
        width:100% !important;
        max-width:100% !important;

        overflow:hidden !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    body.home #vostok-tech .vltech-machine-image{
        width:100% !important;
        max-width:100% !important;

        height:auto !important;

        left:auto !important;
        right:auto !important;

        margin:0 auto !important;

        object-fit:contain !important;
        object-position:center center !important;

        transform:none !important;
    }

}

/* === VOSTOK TECH MOBILE IMAGE FIX END === */