.vldc,
.vldc *{
    box-sizing:border-box;
}

.vldc{
    position:relative;
    overflow:hidden;
    padding:92px 0 34px;
    background:
        radial-gradient(circle at 50% 0%,rgba(88,195,217,.10),transparent 25%),
        linear-gradient(180deg,#F3F6F7 0%,#F7F9FA 55%,#F4F7F8 100%);
    font-family:'Montserrat',Arial,sans-serif;
}

.vldc-shell{
    width:min(1320px,calc(100% - 64px));
    margin:0 auto;
}


/* HEADER */

.vldc-head{
    width:min(850px,100%);
    margin:0 auto 58px;
    text-align:center;
}

.vldc-head h2{
    margin:0 !important;
    color:#0B1620 !important;
    font-size:clamp(38px,3.8vw,60px) !important;
    line-height:1.03 !important;
    font-weight:760 !important;
    letter-spacing:-.052em !important;
    text-transform:none !important;
}

.vldc-head h2 span{
    display:block;
    background:linear-gradient(
        90deg,
        #45B9D1 0%,
        #8DECF6 45%,
        #58C3D9 72%,
        #45A8C0 100%
    );
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}

.vldc-head p{
    width:min(680px,100%);
    margin:18px auto 0 !important;
    color:#71828A !important;
    font-size:12px !important;
    line-height:1.7 !important;
}


/* TWO COLUMNS */

.vldc-compare{
    position:relative;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:68px;
}

.vldc-compare::after{
    content:"";
    position:absolute;
    left:50%;
    top:18px;
    bottom:18px;
    width:1px;
    transform:translateX(-50%);
    background:linear-gradient(
        to bottom,
        transparent,
        rgba(23,107,135,.14) 18%,
        rgba(23,107,135,.14) 82%,
        transparent
    );
}

.vldc-card{
    min-width:0;
    display:flex;
    flex-direction:column;
}


/* IMAGE */

.vldc-visual{
    position:relative;
    min-height:310px;
    overflow:hidden;
    border-radius:29px;
    background:linear-gradient(110deg,#07131C,#0B2633,#113847);
    box-shadow:0 24px 58px rgba(11,39,52,.13);
}

.vldc-photo{
    position:absolute;
    inset:-4px -30px -4px -4px;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    filter:brightness(.62) saturate(.9) contrast(1.05);
    transform:scale(1.025);
    -webkit-mask-image:linear-gradient(
        90deg,
        #000 0%,
        #000 58%,
        rgba(0,0,0,.83) 73%,
        rgba(0,0,0,.28) 90%,
        transparent 100%
    );
    mask-image:linear-gradient(
        90deg,
        #000 0%,
        #000 58%,
        rgba(0,0,0,.83) 73%,
        rgba(0,0,0,.28) 90%,
        transparent 100%
    );
}

.vldc-photo-white{
    background-image:url('/wp-content/uploads/vostok-logistika/delivery-choice/delivery-white.webp');
}

.vldc-photo-cargo{
    background-image:url('/wp-content/uploads/vostok-logistika/delivery-choice/delivery-cargo.webp');
}

.vldc-visual::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(3,15,23,.72),
        rgba(6,27,37,.43) 55%,
        rgba(13,48,61,.06) 100%
    );
}

.vldc-visual-copy{
    position:absolute;
    z-index:2;
    left:34px;
    right:34px;
    bottom:32px;
}

.vldc-visual-copy small{
    display:block;
    margin-bottom:10px;
    color:rgba(206,235,241,.68);
    font-size:8px;
    font-weight:750;
    letter-spacing:.17em;
}

.vldc-visual h3{
    margin:0 !important;
    color:#fff !important;
    font-size:clamp(29px,2.6vw,42px) !important;
    line-height:1 !important;
    font-weight:760 !important;
    letter-spacing:-.045em !important;
    text-transform:none !important;
}

.vldc-visual-copy p{
    width:min(390px,100%);
    margin:11px 0 0 !important;
    color:rgba(239,247,249,.77) !important;
    font-size:10px !important;
    line-height:1.55 !important;
}


/* TEXT */

.vldc-body{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:29px 27px 0;
}

.vldc-body>p{
    margin:0 !important;
    color:#52666F !important;
    font-size:11px !important;
    line-height:1.82 !important;
}

.vldc-note{
    margin-top:18px;
    color:#176B87;
    font-size:9px;
    font-weight:650;
}


/* BUTTONS */

.vldc-more,
.vldc-submit{
    position:relative;
    height:57px;
    border:0;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 8px 0 24px;
    overflow:hidden;
    color:#fff !important;
    background:linear-gradient(110deg,#176B87,#1B7E9C);
    box-shadow:
        0 17px 40px rgba(23,107,135,.25),
        inset 0 1px rgba(255,255,255,.13);
    font-size:11px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    cursor:pointer;
}

.vldc-more{
    width:185px;
    margin-top:28px;
}

.vldc-more::before,
.vldc-submit::before{
    content:"";
    position:absolute;
    top:-80%;
    left:-30%;
    width:85px;
    height:180px;
    transform:rotate(28deg);
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.25),
        transparent
    );
    animation:vlh2ButtonSweep 4.6s ease-in-out infinite;
}

.vldc-more i,
.vldc-submit i{
    width:42px;
    height:42px;
    margin-left:auto;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.13);
    transition:transform .3s ease,background .3s ease;
}

.vldc-more svg,
.vldc-submit svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.vldc-more:hover,
.vldc-submit:hover{
    box-shadow:
        0 20px 52px rgba(46,168,201,.35),
        0 0 0 1px rgba(123,231,247,.12);
}

.vldc-more:hover i,
.vldc-submit:hover i{
    transform:translateX(3px) rotate(-4deg);
    background:rgba(255,255,255,.20);
}


/* FORM */

.vldc-form-wrap{
    width:min(1100px,100%);
    margin:95px auto 0;
}

.vldc-form-head{
    text-align:center;
    margin-bottom:24px;
}

.vldc-form-head h3{
    margin:0 !important;
    color:#0B1620 !important;
    font-size:clamp(24px,2.1vw,34px) !important;
    line-height:1.12 !important;
    font-weight:760 !important;
    letter-spacing:-.04em !important;
    text-transform:none !important;
}

.vldc-form-head h3 span{
    color:#176B87;
}

.vldc-form-head p{
    margin:8px 0 0 !important;
    color:#71828A !important;
    font-size:10px !important;
}

.vldc-form{
    padding:20px;
    border:1px solid rgba(86,196,219,.18);
    border-radius:30px;
    background:
        radial-gradient(circle at 80% 10%,rgba(88,195,217,.14),transparent 28%),
        linear-gradient(115deg,#06121A,#0A1822 48%,#102D3B);
    box-shadow:
        0 23px 54px rgba(7,19,28,.14),
        inset 0 1px rgba(255,255,255,.05);
}

.vldc-tags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-bottom:10px;
}

.vldc-tags input{
    position:absolute;
    opacity:0;
}

.vldc-tags span{
    height:34px;
    padding:0 15px;
    display:flex;
    align-items:center;
    border:1px solid rgba(255,255,255,.09);
    border-radius:999px;
    background:rgba(255,255,255,.045);
    color:rgba(225,240,244,.68);
    font-size:9px;
    font-weight:650;
    cursor:pointer;
}

.vldc-tags input:checked+span{
    color:#fff;
    border-color:rgba(88,195,217,.50);
    background:rgba(88,195,217,.16);
}

.vldc-fields{
    margin-top:17px;
    display:grid;
    grid-template-columns:
        minmax(260px,1.7fr)
        130px
        minmax(220px,1.25fr)
        210px;
    gap:8px;
}

.vldc-fields input,
.vldc-fields textarea{
    width:100%;
    height:57px;
    margin:0 !important;
    padding:0 18px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:999px !important;
    outline:none !important;
    background:rgba(255,255,255,.05) !important;
    color:#F3FAFC !important;
    font-family:'Montserrat',Arial,sans-serif !important;
    font-size:10px !important;
}

.vldc-fields textarea{
    resize:none;
    padding-top:19px !important;
    overflow:hidden;
}

.vldc-fields input::placeholder,
.vldc-fields textarea::placeholder{
    color:rgba(220,238,243,.49) !important;
}

.vldc-submit{
    width:100%;
}

.vldc-status{
    margin-top:9px;
    text-align:center;
    color:#fff;
    font-size:10px;
}


/* MOBILE */

@media(max-width:900px){

    .vldc-compare{
        grid-template-columns:1fr;
        gap:60px;
    }

    .vldc-compare::after{
        display:none;
    }

    .vldc-fields{
        grid-template-columns:1fr 1fr;
    }

    .vldc-fields textarea,
    .vldc-submit{
        grid-column:1/-1;
    }
}

@media(max-width:600px){

    .vldc{
        padding:62px 0 28px;
    }

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

    .vldc-head{
        margin-bottom:38px;
    }

    .vldc-head h2{
        font-size:35px !important;
    }

    .vldc-visual{
        min-height:265px;
        border-radius:24px;
    }

    .vldc-body{
        padding-left:5px;
        padding-right:5px;
    }

    .vldc-fields{
        grid-template-columns:1fr;
    }

    .vldc-fields textarea,
    .vldc-submit{
        grid-column:auto;
    }

    .vldc-form{
        padding:14px;
        border-radius:23px;
    }
}

/* DELIVERY CHOICE VISUAL REFINEMENT V2 */

.vldc-head{
    margin-bottom:50px !important;
}

.vldc-head p{
    font-size:11px !important;
    line-height:1.65 !important;
}


/* CARD TEXT */

.vldc-card{
    height:100%;
}

.vldc-body{
    height:100%;
    padding:27px 27px 0 !important;
}

.vldc-body>p{
    font-size:12px !important;
    line-height:1.72 !important;
    color:#4F626B !important;
}

.vldc-note{
    margin-top:16px !important;
    font-size:9px !important;
}


/* ALIGN BOTH BUTTONS */

.vldc-more{
    margin-top:auto !important;
    transform:none !important;
}

.vldc-body{
    padding-bottom:0 !important;
}

.vldc-card-white .vldc-more,
.vldc-card-cargo .vldc-more{
    margin-top:24px !important;
}

.vldc-card-white .vldc-note + .vldc-more{
    margin-top:20px !important;
}


/* FORM CLOSER TO CARDS */

.vldc-form-wrap{
    margin-top:68px !important;
}

.vldc-form-head{
    margin-bottom:20px !important;
}

.vldc-form-head h3{
    font-size:30px !important;
}

.vldc-form-head p{
    margin-top:8px !important;
    font-size:10px !important;
    color:#667B84 !important;
}


/* MAKE FORM MORE READABLE */

.vldc-form{
    padding:18px !important;
}

.vldc-tags{
    margin-bottom:8px !important;
}

.vldc-tags span{
    color:rgba(235,247,250,.78) !important;
    border-color:rgba(255,255,255,.13) !important;
    background:rgba(255,255,255,.065) !important;
}

.vldc-tags input:checked + span{
    color:#fff !important;
    border-color:rgba(88,195,217,.58) !important;
    background:rgba(88,195,217,.18) !important;
}

.vldc-fields{
    margin-top:14px !important;
}

.vldc-fields input,
.vldc-fields textarea{
    background:rgba(255,255,255,.07) !important;
    border-color:rgba(255,255,255,.12) !important;
}

.vldc-fields input::placeholder,
.vldc-fields textarea::placeholder{
    color:rgba(230,244,247,.62) !important;
}


/* SLIGHTLY TIGHTER BOTTOM */

.vldc{
    padding-bottom:22px !important;
}

@media(max-width:900px){

    .vldc-form-wrap{
        margin-top:58px !important;
    }
}

@media(max-width:600px){

    .vldc-body>p{
        font-size:11px !important;
    }

    .vldc-form-wrap{
        margin-top:52px !important;
    }

    .vldc-form-head h3{
        font-size:24px !important;
    }
}

/* DELIVERY CHOICE REFINEMENT V3 */

/* 1. УМЕНЬШАЕМ РАЗРЫВ МЕЖДУ ВТОРЫМ И ТРЕТЬИМ БЛОКОМ */

body.home .vldc{
    padding-top:48px !important;
}


/* 2. УБИРАЕМ СЛУЖЕБНЫЕ НАДПИСИ НА ФОТО */

body.home .vldc-visual-copy small{
    display:none !important;
}

body.home .vldc-visual h3{
    margin-top:0 !important;
}


/* 3. УВЕЛИЧИВАЕМ ВСЕ УКАЗАННЫЕ ТЕКСТЫ */

body.home .vldc-head p{
    width:min(760px,100%) !important;
    margin-top:20px !important;

    font-size:14px !important;
    line-height:1.65 !important;

    color:#60747D !important;
}

body.home .vldc-visual-copy p{
    width:min(430px,100%) !important;

    margin-top:13px !important;

    font-size:13px !important;
    line-height:1.55 !important;

    color:rgba(239,247,249,.84) !important;
}

body.home .vldc-body>p{
    font-size:13px !important;
    line-height:1.76 !important;

    color:#485E68 !important;
}

body.home .vldc-note{
    margin-top:18px !important;

    font-size:11px !important;
    line-height:1.55 !important;

    color:#176B87 !important;
}

body.home .vldc-form-head p{
    margin-top:10px !important;

    font-size:13px !important;
    line-height:1.6 !important;

    color:#60747D !important;
}


/* ЧУТЬ УВЕЛИЧИВАЕМ ОБЛАСТЬ ТЕКСТА В КАРТОЧКАХ */

body.home .vldc-body{
    padding-top:31px !important;
}


/* 4. ФОРМА В СТИЛЕ ВТОРОГО БЛОКА */

body.home .vldc-form{
    display:block !important;

    width:100% !important;

    padding:18px !important;

    border:1px solid rgba(86,196,219,.20) !important;
    border-radius:30px !important;

    background:
        radial-gradient(
            circle at 78% 12%,
            rgba(88,195,217,.15),
            transparent 28%
        ),
        linear-gradient(
            115deg,
            #06121A 0%,
            #0A1822 48%,
            #102D3B 100%
        ) !important;

    box-shadow:
        0 23px 54px rgba(7,19,28,.16),
        inset 0 1px rgba(255,255,255,.05) !important;
}

body.home .vldc-tags{
    position:relative !important;

    display:flex !important;
    flex-wrap:wrap !important;

    gap:8px !important;

    margin:0 0 10px !important;
}

body.home .vldc-tags label{
    margin:0 !important;
}

body.home .vldc-tags span{
    min-height:36px !important;

    padding:0 16px !important;

    color:rgba(235,247,250,.76) !important;

    border:1px solid rgba(255,255,255,.11) !important;
    border-radius:999px !important;

    background:rgba(255,255,255,.055) !important;

    font-size:10px !important;
}

body.home .vldc-tags input:checked + span{
    color:#fff !important;

    border-color:rgba(88,195,217,.58) !important;

    background:rgba(88,195,217,.18) !important;

    box-shadow:
        0 0 0 3px rgba(88,195,217,.05) !important;
}

body.home .vldc-fields{
    margin-top:16px !important;
}

body.home .vldc-fields input,
body.home .vldc-fields textarea{
    border-color:rgba(255,255,255,.11) !important;

    background:rgba(255,255,255,.065) !important;
}

body.home .vldc-fields input::placeholder,
body.home .vldc-fields textarea::placeholder{
    color:rgba(229,243,247,.58) !important;
}


/* ПОДТЯГИВАЕМ ФОРМУ БЛИЖЕ К КАРТОЧКАМ */

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


/* MOBILE */

@media(max-width:767px){

    body.home .vldc{
        padding-top:38px !important;
    }

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

    body.home .vldc-visual-copy p{
        font-size:12px !important;
    }

    body.home .vldc-body>p{
        font-size:12px !important;
    }

    body.home .vldc-form-head p{
        font-size:11px !important;
    }
}



/* UNIFIED BLOCKS CLEAN V1 */

body.home #china-start{
    position:relative;
    overflow:visible !important;
    isolation:auto !important;
    background:transparent !important;
}

body.home #delivery-choice{
    position:relative;
    z-index:1;
    background:transparent !important;
}

body.home #china-start .vlx-start-bg{
    display:none !important;
}


/* единый фон 2 + 3 блока */

body.home .vlx-vldc-shared-bg{
    --gx:50%;
    --gy:35%;

    position:absolute;
    z-index:0;

    left:0;
    top:0;

    width:100%;

    pointer-events:none;

    background:
        radial-gradient(
            circle at var(--gx) var(--gy),
            rgba(88,195,217,.12),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #F7F9FA 0%,
            #F3F6F7 52%,
            #F7F9FA 100%
        );
}

body.home .vlx-vldc-shared-bg::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.42;

    background-image:
        linear-gradient(
            rgba(23,107,135,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(23,107,135,.035) 1px,
            transparent 1px
        );

    background-size:72px 72px;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 8%,
            #000 92%,
            transparent
        );

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 8%,
            #000 92%,
            transparent
        );
}


/* старые орбиты остаются НА ИСХОДНЫХ МЕСТАХ */

body.home #china-start > .vlx-start-orbits-front{
    position:absolute !important;
    inset:0 !important;

    z-index:30 !important;

    overflow:visible !important;
    pointer-events:none !important;
}

body.home #china-start
.vlx-start-orbit-a{
    width:620px !important;
    height:620px !important;

    right:-310px !important;
    left:auto !important;

    top:-250px !important;
    bottom:auto !important;
}

body.home #china-start
.vlx-start-orbit-b{
    width:420px !important;
    height:420px !important;

    left:-210px !important;
    right:auto !important;

    top:auto !important;
    bottom:-180px !important;
}


/* новый круг справа в третьем блоке */

body.home #delivery-choice
.vlx-vldc-orbit-c{
    position:absolute;

    z-index:30;

    width:520px;
    height:520px;

    right:-260px;
    bottom:-170px;

    border:1px solid rgba(23,107,135,.09);
    border-radius:50%;

    animation:
        vlxStartOrbit
        29s
        linear
        infinite reverse;

    pointer-events:none;
}

body.home #delivery-choice
.vlx-vldc-orbit-c::after{
    content:"";

    position:absolute;

    width:7px;
    height:7px;

    top:14%;
    left:14%;

    border-radius:50%;

    background:rgba(88,195,217,.68);

    box-shadow:
        0 0 0 8px rgba(88,195,217,.06),
        0 0 28px rgba(88,195,217,.25);
}


/* контент остаётся ниже диода */

body.home #china-start .vlx-start-shell,
body.home #delivery-choice .vldc-shell{
    position:relative;
    z-index:3;
}


/* === ORIGINAL ORBITS, ABOVE ALL CONTENT === */

body.home #china-start{
    overflow:visible !important;
}


/* сам слой кругов */
body.home #china-start > .vlx-start-orbits-front{
    position:absolute !important;
    inset:0 !important;

    z-index:50 !important;

    overflow:visible !important;
    pointer-events:none !important;
}


/* ПРАВЫЙ ВЕРХНИЙ КРУГ - ИСХОДНОЕ ПОЛОЖЕНИЕ */
body.home #china-start > .vlx-start-orbits-front .vlx-start-orbit-a{
    width:620px !important;
    height:620px !important;

    right:-310px !important;
    left:auto !important;

    top:-250px !important;
    bottom:auto !important;
}


/* ЛЕВЫЙ НИЖНИЙ КРУГ - ИСХОДНОЕ ПОЛОЖЕНИЕ */
body.home #china-start > .vlx-start-orbits-front .vlx-start-orbit-b{
    width:420px !important;
    height:420px !important;

    left:-210px !important;
    right:auto !important;

    bottom:-180px !important;
    top:auto !important;
}


/* линия и бегущий диод всегда поверх */
body.home #china-start > .vlx-start-orbits-front .vlx-start-orbit,
body.home #china-start > .vlx-start-orbits-front .vlx-start-orbit::after{
    pointer-events:none !important;
}


/* DELIVERY CHOICE TITLE ACCENT - SAME AS CHINA START */

body.home .vldc-head h2 span{
    color:#58C3D9 !important;

    background:
        linear-gradient(
            90deg,
            #45B9D1 0%,
            #8DECF6 45%,
            #58C3D9 72%,
            #45A8C0 100%
        ) !important;

    -webkit-background-clip:text !important;
    background-clip:text !important;

    -webkit-text-fill-color:transparent !important;

    line-height:1.04 !important;
    padding-bottom:.08em !important;
    margin-bottom:-.08em !important;
}


/* POINT 2 - EXACT CHINA TITLE ACCENT */

body.home .vldc-head h2 span{
    color:#58C3D9 !important;

    background:linear-gradient(
        90deg,
        #45B9D1 0%,
        #8DECF6 45%,
        #58C3D9 72%,
        #45A8C0 100%
    ) !important;

    -webkit-background-clip:text !important;
    background-clip:text !important;

    -webkit-text-fill-color:transparent !important;

    line-height:.99 !important;
    padding-bottom:.10em !important;
    margin-bottom:-.10em !important;

    overflow:visible !important;
}


/* POINT 3 - PAYMENT NOTES */

body.home .vldc-white .vldc-note,
body.home .vldc-cargo .vldc-note{
    margin-top:20px !important;
    margin-bottom:28px !important;

    font-size:11px !important;
    line-height:1.55 !important;

    color:#176B87 !important;
    font-weight:600 !important;
}

/* убираем прилипание кнопки к примечанию */
body.home .vldc-white .vldc-more,
body.home .vldc-cargo .vldc-more{
    margin-top:0 !important;
}


/* =========================================================
   POINT 4 - DELIVERY FORM MOTION + DIAMOND SHIMMER
   ========================================================= */


/* ЗАГОЛОВОК - ТОТ ЖЕ БЛЕСК, ЧТО ВО ВТОРОМ БЛОКЕ */

body.home .vldc-form-head h3{
    position:relative !important;
    display:inline-block !important;

    background:
        linear-gradient(
            108deg,
            #162A34 0%,
            #162A34 39%,
            #45B9D1 46%,
            #DDFBFF 50%,
            #58C3D9 54%,
            #162A34 61%,
            #162A34 100%
        ) !important;

    background-size:270% 100% !important;
    background-position:105% 0;

    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;

    animation:
        vlxDiamondSweep
        7.2s
        ease-in-out
        infinite !important;
}

body.home .vldc-form-head h3 span{
    color:inherit !important;
    -webkit-text-fill-color:transparent !important;
}


/* МАЛЕНЬКАЯ ИСКРА КАК ВО ВТОРОМ БЛОКЕ */

body.home .vldc-form-head h3::after{
    content:"✦";

    position:absolute;
    right:3%;
    top:-7px;

    font-size:9px;
    line-height:1;

    color:#8DECF6;
    -webkit-text-fill-color:#8DECF6;

    opacity:0;

    text-shadow:
        0 0 5px rgba(141,236,246,.75),
        0 0 13px rgba(88,195,217,.40);

    animation:
        vlxDiamondSpark
        7.2s
        ease-in-out
        infinite;
}


/* ЛЁГКИЙ БЛИК ПО САМОЙ ФОРМЕ */

body.home .vldc-form{
    position:relative !important;
    overflow:hidden !important;
}

body.home .vldc-form::after{
    content:"";

    position:absolute;
    z-index:5;

    top:-120%;
    left:-25%;

    width:120px;
    height:340%;

    pointer-events:none;

    transform:rotate(22deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(141,236,246,.07),
            rgba(255,255,255,.13),
            rgba(141,236,246,.05),
            transparent
        );

    opacity:0;
}

body.home .vldc-form-wrap.is-inview .vldc-form::after{
    animation:
        vldcFormDiamondSweep
        7.2s
        ease-in-out
        infinite;
}


/* ПОЯВЛЕНИЕ И ИСЧЕЗНОВЕНИЕ ПРИ ПРОКРУТКЕ */

body.home .vldc-form-wrap.is-motion-ready
.vldc-form-head{
    opacity:0;

    transform:
        translate3d(-34vw,0,0);
}

body.home .vldc-form-wrap.is-motion-ready
.vldc-form{
    opacity:0;

    transform:
        translate3d(34vw,0,0);
}

body.home .vldc-form-wrap.is-motion-ready
.vldc-form-head,
body.home .vldc-form-wrap.is-motion-ready
.vldc-form{
    transition:
        transform .9s cubic-bezier(.16,1,.3,1),
        opacity .65s ease !important;
}

body.home .vldc-form-wrap.is-motion-ready.is-inview
.vldc-form-head,
body.home .vldc-form-wrap.is-motion-ready.is-inview
.vldc-form{
    opacity:1;

    transform:
        translate3d(0,0,0);
}


/* БЛИК ФОРМЫ */

@keyframes vldcFormDiamondSweep{

    0%,
    67%{
        left:-25%;
        opacity:0;
    }

    71%{
        opacity:.45;
    }

    79%{
        left:108%;
        opacity:.75;
    }

    84%{
        opacity:0;
    }

    100%{
        left:108%;
        opacity:0;
    }
}


/* MOBILE */

@media(max-width:600px){

    body.home .vldc-form-wrap.is-motion-ready
    .vldc-form-head{
        transform:
            translate3d(-72px,0,0);
    }

    body.home .vldc-form-wrap.is-motion-ready
    .vldc-form{
        transform:
            translate3d(72px,0,0);
    }

    body.home .vldc-form-wrap.is-motion-ready.is-inview
    .vldc-form-head,
    body.home .vldc-form-wrap.is-motion-ready.is-inview
    .vldc-form{
        transform:
            translate3d(0,0,0);
    }
}


/* REDUCED MOTION */

@media(prefers-reduced-motion:reduce){

    body.home .vldc-form-head h3,
    body.home .vldc-form-head h3::after,
    body.home .vldc-form::after{
        animation:none !important;
    }

    body.home .vldc-form-head,
    body.home .vldc-form{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
    }
}


/* =========================================================
   POINT 5 - DELIVERY FORM FINAL LAYOUT
   ========================================================= */

body.home .vldc-form{
    width:min(1080px,100%) !important;

    margin:0 auto !important;
    padding:10px !important;

    border-radius:27px !important;
}


/* ВЕРХНЯЯ СТРОКА С ВЫБОРОМ */

body.home .vldc-form .vldc-tags{
    display:inline-flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;

    gap:7px !important;

    margin:0 5px 10px 0 !important;
}

body.home .vldc-form .vldc-tags + .vldc-tags{
    margin-left:4px !important;
}

body.home .vldc-tags label{
    display:block !important;
    flex:0 0 auto !important;
}

body.home .vldc-tags span{
    min-height:38px !important;

    padding:0 16px !important;

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

    border-radius:999px !important;

    font-size:10px !important;
    line-height:1 !important;
    font-weight:650 !important;

    white-space:nowrap !important;

    cursor:pointer !important;

    transition:
        background .22s ease,
        border-color .22s ease,
        color .22s ease,
        box-shadow .22s ease,
        transform .22s ease !important;
}

body.home .vldc-tags span:hover{
    border-color:rgba(88,195,217,.32) !important;
    background:rgba(88,195,217,.09) !important;
}

body.home .vldc-tags input:checked + span{
    color:#fff !important;

    border-color:rgba(88,195,217,.54) !important;

    background:
        linear-gradient(
            105deg,
            rgba(23,107,135,.88),
            rgba(27,126,156,.76)
        ) !important;

    box-shadow:
        0 7px 20px rgba(23,107,135,.15),
        inset 0 1px rgba(255,255,255,.10) !important;
}


/* НИЖНЯЯ СТРОКА */

body.home .vldc-fields{
    display:grid !important;

    grid-template-columns:
        minmax(250px,1.8fr)
        minmax(125px,.75fr)
        minmax(220px,1.25fr)
        205px !important;

    gap:8px !important;

    align-items:stretch !important;

    margin-top:0 !important;
}


/* ОПИСАНИЕ ЗАДАЧИ ДЕЛАЕМ КАК ПОЛЕ, А НЕ БОЛЬШУЮ TEXTAREA */

body.home .vldc-fields textarea,
body.home .vldc-fields input{
    width:100% !important;
    height:56px !important;
    min-height:56px !important;

    margin:0 !important;
    padding:0 18px !important;

    border:
        1px solid rgba(255,255,255,.085) !important;

    border-radius:999px !important;

    outline:0 !important;

    background:
        rgba(255,255,255,.05) !important;

    color:#F3FAFC !important;

    font-family:'Montserrat',Arial,sans-serif !important;
    font-size:11px !important;
    line-height:56px !important;
    font-weight:520 !important;

    box-shadow:
        inset 0 1px rgba(255,255,255,.025) !important;

    transition:
        border-color .22s ease,
        background .22s ease,
        box-shadow .22s ease !important;
}

body.home .vldc-fields textarea{
    resize:none !important;
    overflow:hidden !important;

    padding-top:0 !important;
    padding-bottom:0 !important;
}

body.home .vldc-fields textarea::placeholder,
body.home .vldc-fields input::placeholder{
    color:rgba(220,238,243,.52) !important;
}

body.home .vldc-fields textarea:focus,
body.home .vldc-fields input:focus{
    border-color:rgba(125,234,255,.48) !important;

    background:
        rgba(255,255,255,.08) !important;

    box-shadow:
        0 0 0 3px rgba(88,195,217,.07),
        inset 0 1px rgba(255,255,255,.04) !important;
}


/* КНОПКА В ТОЙ ЖЕ ЛОГИКЕ, ЧТО ФОРМА ВТОРОГО БЛОКА */

body.home .vldc-submit{
    width:100% !important;
    min-width:0 !important;
    height:56px !important;

    margin:0 !important;
    padding:0 8px 0 24px !important;

    border:0 !important;
    border-radius:999px !important;

    overflow:hidden !important;

    font-size:11px !important;
    font-weight:700 !important;

    background:
        linear-gradient(
            110deg,
            #176B87,
            #1B7E9C
        ) !important;

    box-shadow:
        0 15px 34px rgba(23,107,135,.24),
        inset 0 1px rgba(255,255,255,.13) !important;
}

body.home .vldc-submit i{
    width:42px !important;
    height:42px !important;

    margin-left:auto !important;

    flex:0 0 42px !important;

    border-radius:50% !important;

    background:
        rgba(255,255,255,.13) !important;
}


/* СТАТУС НЕ СОЗДАЁТ ПУСТОГО МЕСТА */

body.home .vldc-status:empty{
    display:none !important;
}

body.home .vldc-status:not(:empty){
    margin-top:9px !important;
}


/* TABLET */

@media(max-width:980px){

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

    body.home .vldc-form .vldc-tags{
        flex-wrap:wrap !important;
        margin-bottom:8px !important;
    }

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

    body.home .vldc-fields textarea{
        grid-column:1 / -1 !important;
    }

    body.home .vldc-submit{
        grid-column:1 / -1 !important;
    }
}


/* MOBILE */

@media(max-width:600px){

    body.home .vldc-form .vldc-tags,
    body.home .vldc-form .vldc-tags + .vldc-tags{
        display:flex !important;
        width:100% !important;

        margin:
            0 0 8px 0 !important;
    }

    body.home .vldc-tags span{
        min-height:36px !important;
        padding:0 13px !important;
        font-size:9px !important;
    }

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

    body.home .vldc-fields textarea,
    body.home .vldc-fields input,
    body.home .vldc-submit{
        height:54px !important;
        min-height:54px !important;
    }

    body.home .vldc-fields textarea,
    body.home .vldc-submit{
        grid-column:auto !important;
    }
}


/* REMOVE DELIVERY IMAGE DARKENING */

body.home .vldc-photo{
    filter:none !important;
}

body.home .vldc-visual::after{
    display:none !important;
}


/* SOFT DELIVERY IMAGE DARKENING - NO EDGE FADE */

body.home .vldc-photo{
    inset:0 !important;

    filter:
        brightness(.86)
        saturate(.96)
        contrast(1.02) !important;

    transform:scale(1.01) !important;

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

body.home .vldc-visual::after{
    display:block !important;
    inset:0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(7,20,27,.08) 0%,
            rgba(7,20,27,.14) 100%
        ) !important;
}


/* DELIVERY CARD TEXT READABILITY FIX */

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

    width:min(420px, calc(100% - 52px)) !important;

    padding:18px 22px 16px !important;

    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:20px !important;

    background:
        linear-gradient(
            135deg,
            rgba(7,18,25,.72) 0%,
            rgba(10,28,38,.58) 55%,
            rgba(10,28,38,.30) 100%
        ) !important;

    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;

    box-shadow:
        0 14px 34px rgba(7,19,28,.14),
        inset 0 1px 0 rgba(255,255,255,.05) !important;
}

body.home .vldc-visual h3{
    color:#ffffff !important;
    text-shadow:0 3px 18px rgba(0,0,0,.28) !important;
}

body.home .vldc-visual-copy p{
    margin-top:10px !important;

    color:rgba(233,246,250,.92) !important;

    text-shadow:0 2px 12px rgba(0,0,0,.18) !important;
}

/* чуть чище карточка визуально */
body.home .vldc-visual{
    box-shadow:0 24px 58px rgba(11,39,52,.10) !important;
}

@media(max-width:600px){
    body.home .vldc-visual-copy{
        left:18px !important;
        right:18px !important;
        width:auto !important;
        bottom:18px !important;

        padding:15px 16px 14px !important;
        border-radius:16px !important;
    }

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

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

/* COMPACT TEXT BACKDROP */

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

    width:fit-content !important;
    max-width:calc(100% - 52px) !important;

    padding:9px 13px 10px !important;

    border-radius:13px !important;
    border:1px solid rgba(255,255,255,.08) !important;

    background:rgba(6,18,25,.46) !important;

    backdrop-filter:blur(5px) !important;
    -webkit-backdrop-filter:blur(5px) !important;

    box-shadow:
        0 7px 18px rgba(4,15,22,.10),
        inset 0 1px rgba(255,255,255,.04) !important;
}

body.home .vldc-visual-copy h3{
    margin:0 !important;
}

body.home .vldc-visual-copy p{
    width:fit-content !important;
    max-width:340px !important;

    margin:6px 0 0 !important;
}

@media(max-width:600px){
    body.home .vldc-visual-copy{
        left:16px !important;
        right:auto !important;
        bottom:16px !important;

        width:fit-content !important;
        max-width:calc(100% - 32px) !important;

        padding:8px 11px 9px !important;
        border-radius:12px !important;
    }
}


/* ULTRA COMPACT TEXT BACKDROP */

body.home .vldc-visual-copy{
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;

    padding:0 !important;

    width:auto !important;
    max-width:calc(100% - 52px) !important;
}

body.home .vldc-visual-copy h3{
    display:table !important;

    margin:0 !important;
    padding:3px 7px 4px !important;

    border-radius:7px !important;

    background:rgba(5,17,24,.48) !important;

    backdrop-filter:blur(3px) !important;
    -webkit-backdrop-filter:blur(3px) !important;

    box-shadow:0 3px 10px rgba(0,0,0,.08) !important;
}

body.home .vldc-visual-copy p{
    display:table !important;

    width:auto !important;
    max-width:100% !important;

    margin:4px 0 0 !important;
    padding:3px 7px !important;

    border-radius:6px !important;

    background:rgba(5,17,24,.42) !important;

    backdrop-filter:blur(3px) !important;
    -webkit-backdrop-filter:blur(3px) !important;

    box-shadow:0 3px 10px rgba(0,0,0,.06) !important;
}


/* COMPACT GLASS PANEL - RESTORE SINGLE BACKDROP */

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

    width:auto !important;
    max-width:360px !important;

    padding:11px 15px 12px !important;

    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:15px !important;

    background:
        linear-gradient(
            135deg,
            rgba(7,18,25,.68) 0%,
            rgba(10,28,38,.54) 58%,
            rgba(10,28,38,.34) 100%
        ) !important;

    backdrop-filter:blur(6px) !important;
    -webkit-backdrop-filter:blur(6px) !important;

    box-shadow:
        0 10px 24px rgba(7,19,28,.11),
        inset 0 1px 0 rgba(255,255,255,.05) !important;
}

body.home .vldc-visual-copy h3{
    display:block !important;

    margin:0 !important;
    padding:0 !important;

    background:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

body.home .vldc-visual-copy p{
    display:block !important;

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

    margin:6px 0 0 !important;
    padding:0 !important;

    background:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

@media(max-width:600px){
    body.home .vldc-visual-copy{
        left:16px !important;
        bottom:16px !important;

        max-width:calc(100% - 32px) !important;

        padding:10px 13px 11px !important;
        border-radius:13px !important;
    }
}


/* FINAL ORBIT SIZE - SMALLER DIAMETER */

/* верхний правый */
body.home #china-start > .vlx-start-orbits-front .vlx-start-orbit-a{
    width:460px !important;
    height:460px !important;

    right:-230px !important;
    left:auto !important;

    top:-170px !important;
    bottom:auto !important;
}

/* нижний левый */
body.home #china-start > .vlx-start-orbits-front .vlx-start-orbit-b{
    width:320px !important;
    height:320px !important;

    left:-160px !important;
    right:auto !important;

    bottom:-130px !important;
    top:auto !important;
}

/* мобильный */
@media(max-width:767px){
    body.home #china-start > .vlx-start-orbits-front .vlx-start-orbit-a{
        width:280px !important;
        height:280px !important;

        right:-180px !important;
        top:-90px !important;
    }
}


/* =========================================================
   FINAL 3 ORBITS
   CENTER EXACTLY ON SCREEN EDGE
   ========================================================= */


/* 1. ПРАВЫЙ ВЕРХНИЙ КРУГ */
body.home #china-start > .vlx-start-orbits-front .vlx-start-orbit-a{
    width:400px !important;
    height:400px !important;

    right:-200px !important;
    left:auto !important;

    top:-120px !important;
    bottom:auto !important;
}


/* 2. ЛЕВЫЙ НИЖНИЙ КРУГ */
body.home #china-start > .vlx-start-orbits-front .vlx-start-orbit-b{
    width:300px !important;
    height:300px !important;

    left:-150px !important;
    right:auto !important;

    bottom:-105px !important;
    top:auto !important;
}


/* 3. ПРАВЫЙ НИЖНИЙ КРУГ ТРЕТЬЕГО БЛОКА */
body.home #delivery-choice .vlx-vldc-orbit-c{
    width:360px !important;
    height:360px !important;

    right:-180px !important;
    left:auto !important;

    bottom:-110px !important;
    top:auto !important;
}


/* MOBILE */
@media(max-width:767px){

    body.home #china-start > .vlx-start-orbits-front .vlx-start-orbit-a{
        width:260px !important;
        height:260px !important;

        right:-130px !important;
        top:-70px !important;
    }

    body.home #china-start > .vlx-start-orbits-front .vlx-start-orbit-b{
        width:220px !important;
        height:220px !important;

        left:-110px !important;
        bottom:-75px !important;
    }

    body.home #delivery-choice .vlx-vldc-orbit-c{
        width:240px !important;
        height:240px !important;

        right:-120px !important;
        bottom:-80px !important;
    }
}