/* =========================================================
   SVD MEMBERSHIP V4 — FINAL VISUAL
   ========================================================= */

body.page-id-14 main{
    padding-top:0 !important;
    background:
        radial-gradient(circle at 0 75%,rgba(36,78,60,.08),transparent 31%),
        radial-gradient(circle at 100% 72%,rgba(184,148,74,.08),transparent 29%),
        #f6f6f2 !important;
}

body.page-id-14 .entry-content,
body.page-id-14 .page-content,
body.page-id-14 main > .container{
    width:100% !important;
    max-width:none !important;
}

.svd-join-v3{
    width:calc(100% - 48px);
    max-width:1380px;
    margin:0 auto;
    padding:28px 0 54px;
}


/* HERO */

.svd-join-intro-v3{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-height:245px;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    justify-content:center;

    margin:0 0 24px;
    padding:38px 430px 38px 46px;

    border-radius:22px;

    background:
        radial-gradient(circle at 78% 45%,rgba(207,171,79,.20),transparent 22%),
        linear-gradient(105deg,#102e25 0%,#173d30 55%,#234f3b 100%);

    box-shadow:
        0 18px 45px rgba(20,45,36,.18);
}

.svd-join-intro-v3::before{
    content:"";
    position:absolute;
    inset:0 0 0 auto;
    width:42%;
    z-index:-1;

    background:
        linear-gradient(90deg,transparent,rgba(7,25,19,.16)),
        radial-gradient(circle at 65% 35%,rgba(255,255,255,.12),transparent 6%),
        repeating-linear-gradient(
            125deg,
            rgba(255,255,255,.025) 0,
            rgba(255,255,255,.025) 2px,
            transparent 2px,
            transparent 9px
        );
}

.svd-join-intro-v3::after{
    content:"СВД СВО";
    position:absolute;
    right:46px;
    bottom:26px;
    z-index:-1;

    color:rgba(255,255,255,.075);
    font-size:92px;
    line-height:1;
    font-weight:900;
    letter-spacing:.04em;
}

.svd-join-kicker-v3{
    margin-bottom:12px;
    color:#d5ad4e !important;
    font-size:13px;
    font-weight:900;
    letter-spacing:.12em;
}

.svd-join-intro-v3 h2{
    margin:0 0 15px !important;
    color:#fff !important;
    font-size:54px !important;
    line-height:1.03 !important;
    letter-spacing:-.025em;
}

.svd-join-intro-v3 p{
    max-width:760px !important;
    margin:0 !important;
    color:rgba(255,255,255,.88) !important;
    font-size:18px !important;
    line-height:1.55 !important;
}

.svd-join-hero-points-v4{
    position:absolute;
    right:42px;
    top:50%;
    transform:translateY(-50%);

    display:flex;
    flex-direction:column;
    gap:13px;

    min-width:210px;
}

.svd-join-hero-points-v4 span{
    color:#fff;
    font-size:16px;
    font-weight:800;
}


/* MAIN GRID */

.svd-join-layout-v3{
    display:grid;
    grid-template-columns:minmax(0,1.72fr) minmax(330px,.82fr);
    gap:22px;
    align-items:stretch;
}

.svd-join-form-card-v3,
.svd-join-info-v3{
    border:1px solid rgba(25,45,36,.09);
    border-radius:20px;
    box-shadow:0 10px 28px rgba(0,0,0,.055);
}


/* FORM */

.svd-join-form-card-v3{
    padding:30px 32px;
    background:rgba(255,255,255,.97);
}

.svd-join-form-heading-v3{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:27px;
}

.svd-join-form-icon-v3{
    display:flex;
    align-items:center;
    justify-content:center;

    width:54px;
    height:54px;
    flex:0 0 54px;

    border-radius:14px;
    background:#eaf1ec;
    color:#174936;

    font-size:27px;
}

.svd-join-form-heading-v3 h3{
    margin:0 0 4px;
    color:#15251e;
    font-size:26px;
    line-height:1.2;
}

.svd-join-form-heading-v3 p{
    margin:0;
    color:#64706a;
}

.svd-join-fields-v3{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:19px 22px;
}

.svd-join-fields-v3 .full{
    grid-column:1/-1;
}

.svd-join-fields-v3 label > span{
    display:block;
    margin-bottom:7px;

    color:#17251f;
    font-size:14px;
    font-weight:800;
}

.svd-join-fields-v3 b{
    color:#bd332b;
}

.svd-join-fields-v3 input,
.svd-join-fields-v3 textarea{
    width:100%;
    box-sizing:border-box;

    border:1px solid #d2dad6;
    border-radius:10px;

    background:#fff;
    color:#17211d;

    font:inherit;
    font-size:16px;

    outline:none;

    transition:
        border .15s ease,
        box-shadow .15s ease;
}

.svd-join-fields-v3 input{
    height:54px;
    padding:0 14px;
}

.svd-join-fields-v3 textarea{
    min-height:145px;
    padding:13px 14px;
    resize:vertical;
}

.svd-join-fields-v3 input:focus,
.svd-join-fields-v3 textarea:focus{
    border-color:#b18b36;
    box-shadow:0 0 0 3px rgba(177,139,54,.13);
}

.svd-join-consent-v3{
    display:flex;
    align-items:flex-start;
    gap:11px;

    margin-top:20px;
    padding:14px 15px;

    border-radius:11px;
    background:#f5f6f4;

    color:#3f4a45;
    font-size:14px;
    line-height:1.5;
}

.svd-join-consent-v3 input{
    width:20px;
    height:20px;
    flex:0 0 20px;
    margin-top:1px;
}

.svd-join-consent-v3 a{
    color:#174936;
    font-weight:800;
}

.svd-join-submit-v3{
    width:100%;
    height:57px;
    margin-top:20px;

    border:0;
    border-radius:11px;

    background:
        linear-gradient(100deg,#b98e32,#d5ad51,#b98e32);

    color:#fff;

    font-size:18px;
    font-weight:900;

    cursor:pointer;

    box-shadow:
        0 8px 20px rgba(167,126,39,.22);

    transition:
        transform .15s ease,
        filter .15s ease;
}

.svd-join-submit-v3:hover{
    filter:brightness(1.05);
    transform:translateY(-1px);
}


/* RIGHT PANEL */

.svd-join-info-v3{
    padding:27px 27px 24px;

    background:
        linear-gradient(180deg,#eef3ef,#e6ede8);
}

.svd-join-info-block-v3 + .svd-join-info-block-v3{
    margin-top:21px;
    padding-top:21px;
    border-top:1px solid rgba(23,59,43,.11);
}

.svd-join-info-v3 h3{
    margin:0 0 11px;

    color:#173727;
    font-size:18px;
    line-height:1.3;
}

.svd-join-info-v3 p{
    margin:0;
    color:#4d5a54;
    font-size:15px;
    line-height:1.6;
}

.svd-join-info-v3 ul{
    display:flex;
    flex-direction:column;
    gap:8px;

    margin:0;
    padding:0;

    list-style:none;
}

.svd-join-info-v3 li{
    position:relative;

    min-height:34px;
    box-sizing:border-box;

    padding:8px 12px 8px 41px;

    border-radius:999px;

    background:rgba(255,255,255,.75);

    color:#26332d;
    font-size:14px;
    line-height:1.35;
}

.svd-join-info-v3 li::before{
    content:"✓";

    position:absolute;
    left:11px;
    top:50%;

    transform:translateY(-50%);

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

    width:21px;
    height:21px;

    border-radius:50%;

    background:#286239;
    color:#fff;

    font-size:12px;
    font-weight:900;
}

.svd-join-info-v3 blockquote{
    margin:22px 0 0;
    padding:20px 20px 20px 67px;

    position:relative;

    border:0;
    border-radius:13px;

    background:rgba(255,255,255,.82);

    color:#46514c;
    font-size:15px;
    font-style:italic;
    line-height:1.55;
}

.svd-join-info-v3 blockquote::before{
    content:"“";
    position:absolute;
    left:20px;
    top:2px;

    color:#bb9139;
    font-size:66px;
    font-family:Georgia,serif;
    line-height:1;
}


/* BOTTOM VALUES */

.svd-join-values-v3{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;

    margin-top:21px;
}

.svd-join-values-v3 > div{
    min-height:105px;
    box-sizing:border-box;

    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;

    padding:20px 22px;

    border:1px solid rgba(0,0,0,.075);
    border-radius:16px;

    background:#fff;

    box-shadow:0 5px 17px rgba(0,0,0,.035);
}

.svd-join-values-v3 strong{
    color:#153e2c;
    font-size:18px;
}

.svd-join-values-v3 span{
    color:#77827d;
    font-size:14px;
}


/* SUCCESS */

.svd-join-success-v3{
    display:flex;
    flex-direction:column;
    gap:4px;

    margin-bottom:20px;
    padding:17px 20px;

    border:1px solid #aed0b8;
    border-radius:13px;

    background:#eef8f1;
}

.svd-join-success-v3 strong{
    color:#1f5a32;
    font-size:18px;
}


/* HONEYPOT */

.svd-join-hp-v3{
    position:absolute !important;
    left:-9999px !important;
}


/* TABLET */

@media(max-width:1050px){

    .svd-join-intro-v3{
        padding-right:300px;
    }

    .svd-join-hero-points-v4{
        right:30px;
        min-width:180px;
    }

    .svd-join-layout-v3{
        grid-template-columns:1fr;
    }

    .svd-join-values-v3{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}


/* MOBILE */

@media(max-width:700px){

    .svd-join-v3{
        width:calc(100% - 28px);
        padding:18px 0 36px;
    }

    .svd-join-intro-v3{
        min-height:auto;

        padding:26px 20px 28px;

        border-radius:16px;
    }

    .svd-join-intro-v3::after,
    .svd-join-intro-v3::before{
        display:none;
    }

    .svd-join-intro-v3 h2{
        font-size:34px !important;
    }

    .svd-join-intro-v3 p{
        font-size:16px !important;
    }

    .svd-join-hero-points-v4{
        position:static;
        transform:none;

        flex-direction:row;
        flex-wrap:wrap;

        margin-top:20px;
    }

    .svd-join-hero-points-v4 span{
        padding:7px 10px;

        border:1px solid rgba(255,255,255,.16);
        border-radius:999px;

        font-size:13px;
    }

    .svd-join-form-card-v3,
    .svd-join-info-v3{
        padding:20px;
        border-radius:16px;
    }

    .svd-join-fields-v3{
        grid-template-columns:1fr;
    }

    .svd-join-fields-v3 .full{
        grid-column:auto;
    }

    .svd-join-values-v3{
        grid-template-columns:1fr;
    }

    .svd-join-values-v3 > div{
        min-height:85px;
    }
}

/* ===== END SVD MEMBERSHIP V4 ===== */

/* ===== MEMBERSHIP FULL WIDTH FIX V41 ===== */

/*
 * Вырываем контент вступления из узкого контейнера темы,
 * но сам макет ограничиваем нормальной шириной.
 */
body.page-id-14 .svd-join-v3{
    position:relative !important;

    width:min(1380px, calc(100vw - 56px)) !important;
    max-width:none !important;

    margin-left:50% !important;
    margin-right:0 !important;

    transform:translateX(-50%) !important;

    padding-top:30px !important;
    padding-bottom:58px !important;
}

/*
 * Даже если родитель entry-content узкий,
 * он больше не должен визуально зажимать наш блок.
 */
body.page-id-14 .entry-content,
body.page-id-14 .page-content{
    max-width:none !important;
    width:100% !important;
    overflow:visible !important;
}


/* HERO — нормальная широкая пропорция */

body.page-id-14 .svd-join-intro-v3{
    width:100% !important;
    min-height:260px !important;

    padding:
        42px
        clamp(300px,29vw,430px)
        42px
        48px !important;

    box-sizing:border-box !important;
}

body.page-id-14 .svd-join-intro-v3 h2{
    max-width:760px !important;
    font-size:clamp(44px,4vw,60px) !important;
}

body.page-id-14 .svd-join-intro-v3 p{
    max-width:760px !important;
}


/* основная часть */

body.page-id-14 .svd-join-layout-v3{
    width:100% !important;

    grid-template-columns:
        minmax(0, 2fr)
        minmax(340px, .92fr) !important;

    gap:24px !important;
}


/* нижние карточки */

body.page-id-14 .svd-join-values-v3{
    width:100% !important;
}


/* планшет */

@media(max-width:1050px){

    body.page-id-14 .svd-join-v3{
        width:calc(100vw - 36px) !important;
    }

    body.page-id-14 .svd-join-intro-v3{
        padding-right:290px !important;
    }
}


/* телефон */

@media(max-width:700px){

    body.page-id-14 .svd-join-v3{
        width:calc(100vw - 24px) !important;
    }

    body.page-id-14 .svd-join-intro-v3{
        padding:26px 20px !important;
        min-height:auto !important;
    }
}

/* ===== END MEMBERSHIP FULL WIDTH FIX V41 ===== */

/* ===== SVD MEMBERSHIP SPACING / BALANCE V42 ===== */


/* ---------------------------------------------------------
   1. HERO: Поддержка / Единство / Реальные дела
   --------------------------------------------------------- */

body.page-id-14 .svd-join-hero-points-v4{
    right:34px !important;
    width:245px !important;
    min-width:245px !important;

    gap:9px !important;
}

body.page-id-14 .svd-join-hero-points-v4 span{
    display:flex !important;
    align-items:center !important;

    min-height:42px !important;
    box-sizing:border-box !important;

    padding:9px 14px !important;

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

    background:rgba(7,27,20,.28) !important;

    color:#fff !important;

    font-size:15px !important;
    font-weight:800 !important;

    backdrop-filter:blur(3px);
}


/* ---------------------------------------------------------
   2. HERO — немного лучше балансируем левую/правую часть
   --------------------------------------------------------- */

body.page-id-14 .svd-join-intro-v3{
    padding-right:330px !important;
}

body.page-id-14 .svd-join-intro-v3::after{
    right:305px !important;
    bottom:22px !important;

    font-size:74px !important;
    opacity:.72;
}


/* ---------------------------------------------------------
   3. Правая колонка больше НЕ тянется до высоты всей формы
   --------------------------------------------------------- */

body.page-id-14 .svd-join-layout-v3{
    align-items:start !important;
}

body.page-id-14 .svd-join-info-v3{
    align-self:start !important;
    height:auto !important;
    min-height:0 !important;
}


/* Немного ужимаем внутренние расстояния справа */

body.page-id-14 .svd-join-info-v3{
    padding:24px 26px 22px !important;
}

body.page-id-14 .svd-join-info-block-v3 + .svd-join-info-block-v3{
    margin-top:17px !important;
    padding-top:17px !important;
}

body.page-id-14 .svd-join-info-v3 ul{
    gap:6px !important;
}

body.page-id-14 .svd-join-info-v3 blockquote{
    margin-top:16px !important;
    padding-top:16px !important;
    padding-bottom:16px !important;
}


/* ---------------------------------------------------------
   4. Нижние четыре блока ближе к основной форме
   --------------------------------------------------------- */

body.page-id-14 .svd-join-values-v3{
    margin-top:15px !important;
    gap:12px !important;
}

body.page-id-14 .svd-join-values-v3 > div{
    min-height:88px !important;
    padding:16px 20px !important;
}


/* ---------------------------------------------------------
   5. Убираем огромное пустое пространство перед футером
   --------------------------------------------------------- */

body.page-id-14 .svd-join-v3{
    padding-bottom:12px !important;
}

body.page-id-14 .svd-join-values-v3{
    margin-bottom:0 !important;
}

body.page-id-14 main{
    padding-bottom:0 !important;
}

body.page-id-14 main > .container,
body.page-id-14 .entry-content,
body.page-id-14 .page-content{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
}


/* ---------------------------------------------------------
   6. Чуть уменьшаем расстояния между основными контейнерами
   --------------------------------------------------------- */

body.page-id-14 .svd-join-intro-v3{
    margin-bottom:18px !important;
}

body.page-id-14 .svd-join-layout-v3{
    gap:18px !important;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media(max-width:1050px){

    body.page-id-14 .svd-join-intro-v3{
        padding-right:270px !important;
    }

    body.page-id-14 .svd-join-hero-points-v4{
        width:205px !important;
        min-width:205px !important;
        right:25px !important;
    }

    body.page-id-14 .svd-join-intro-v3::after{
        right:225px !important;
    }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:700px){

    body.page-id-14 .svd-join-intro-v3{
        padding-right:20px !important;
    }

    body.page-id-14 .svd-join-hero-points-v4{
        width:100% !important;
        min-width:0 !important;

        display:grid !important;
        grid-template-columns:1fr !important;

        gap:7px !important;
    }

    body.page-id-14 .svd-join-hero-points-v4 span{
        min-height:38px !important;
    }

    body.page-id-14 .svd-join-v3{
        padding-bottom:8px !important;
    }
}

/* ===== END SVD MEMBERSHIP SPACING / BALANCE V42 ===== */

/* ===== SVD HERO POINTS FINAL V43 ===== */

body.page-id-14 .svd-join-hero-points-v4{
    position:absolute !important;
    right:34px !important;
    top:50% !important;
    transform:translateY(-50%) !important;

    width:270px !important;
    min-width:270px !important;

    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;

    padding:14px !important;

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

    background:
        linear-gradient(
            180deg,
            rgba(7,28,21,.46),
            rgba(10,36,27,.32)
        ) !important;

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

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}


body.page-id-14 .svd-join-hero-points-v4 span{
    position:relative !important;

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

    min-height:48px !important;
    box-sizing:border-box !important;

    padding:11px 15px 11px 48px !important;

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

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.025)
        ) !important;

    color:#fff !important;

    font-size:15px !important;
    font-weight:800 !important;
    line-height:1.2 !important;

    letter-spacing:.01em !important;

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


body.page-id-14 .svd-join-hero-points-v4 span::before{
    content:"" !important;

    position:absolute !important;
    left:16px !important;
    top:50% !important;

    width:18px !important;
    height:18px !important;

    transform:translateY(-50%) !important;

    border-radius:50% !important;

    background:
        radial-gradient(
            circle at 35% 35%,
            #f2d27b 0%,
            #c99b3c 48%,
            #8a6524 100%
        ) !important;

    box-shadow:
        0 0 0 5px rgba(202,157,61,.10),
        0 0 16px rgba(202,157,61,.22) !important;
}


/* отдельные символы внутри золотых маркеров */

body.page-id-14 .svd-join-hero-points-v4 span:nth-child(1)::after{
    content:"+" !important;
}

body.page-id-14 .svd-join-hero-points-v4 span:nth-child(2)::after{
    content:"=" !important;
}

body.page-id-14 .svd-join-hero-points-v4 span:nth-child(3)::after{
    content:"✓" !important;
}

body.page-id-14 .svd-join-hero-points-v4 span::after{
    position:absolute !important;
    left:21px !important;
    top:50% !important;

    transform:translate(-50%,-53%) !important;

    color:#173326 !important;

    font-size:11px !important;
    font-weight:1000 !important;
    line-height:1 !important;
}


/* небольшая реакция на наведение */

body.page-id-14 .svd-join-hero-points-v4 span{
    transition:
        transform .18s ease,
        background .18s ease,
        border-color .18s ease !important;
}

body.page-id-14 .svd-join-hero-points-v4 span:hover{
    transform:translateX(-3px) !important;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.11),
            rgba(255,255,255,.04)
        ) !important;

    border-color:rgba(210,174,82,.24) !important;
}


/* планшет */

@media(max-width:1050px){

    body.page-id-14 .svd-join-hero-points-v4{
        width:225px !important;
        min-width:225px !important;
        right:24px !important;
    }

    body.page-id-14 .svd-join-hero-points-v4 span{
        min-height:44px !important;
        font-size:14px !important;
    }
}


/* телефон */

@media(max-width:700px){

    body.page-id-14 .svd-join-hero-points-v4{
        position:static !important;
        transform:none !important;

        width:100% !important;
        min-width:0 !important;

        margin-top:20px !important;

        padding:10px !important;
    }

    body.page-id-14 .svd-join-hero-points-v4 span{
        min-height:44px !important;
    }

    body.page-id-14 .svd-join-hero-points-v4 span:hover{
        transform:none !important;
    }
}

/* ===== END SVD HERO POINTS FINAL V43 ===== */

/* ===== SVD HERO POINTS SOFT V44 ===== */

body.page-id-14 .svd-join-hero-points-v4{
    width:258px !important;
    min-width:258px !important;

    gap:8px !important;
    padding:11px !important;

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

    background:
        linear-gradient(
            180deg,
            rgba(8,29,22,.28),
            rgba(11,37,28,.20)
        ) !important;

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

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


body.page-id-14 .svd-join-hero-points-v4 span{
    min-height:42px !important;

    padding:9px 13px 9px 42px !important;

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

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.015)
        ) !important;

    color:rgba(255,255,255,.92) !important;

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

    box-shadow:none !important;
}


body.page-id-14 .svd-join-hero-points-v4 span::before{
    left:14px !important;

    width:14px !important;
    height:14px !important;

    background:
        radial-gradient(
            circle at 35% 35%,
            #e5c56c 0%,
            #b88c34 52%,
            #7f6026 100%
        ) !important;

    box-shadow:
        0 0 0 3px rgba(190,147,53,.07) !important;
}


body.page-id-14 .svd-join-hero-points-v4 span::after{
    left:21px !important;

    color:#173126 !important;

    font-size:9px !important;
    font-weight:900 !important;
}


/* hover спокойный, без выезда в сторону */

body.page-id-14 .svd-join-hero-points-v4 span:hover{
    transform:none !important;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.065),
            rgba(255,255,255,.022)
        ) !important;

    border-color:rgba(201,164,72,.12) !important;
}


/* На мобильном ещё проще */

@media(max-width:700px){

    body.page-id-14 .svd-join-hero-points-v4{
        padding:8px !important;
    }

    body.page-id-14 .svd-join-hero-points-v4 span{
        min-height:40px !important;
        font-size:13px !important;
    }
}

/* ===== END SVD HERO POINTS SOFT V44 ===== */

/* ===== SVD HERO POINTS REMOVE SYMBOLS V45 ===== */

/* Убираем +, = и ✓ внутри золотых кружков */
body.page-id-14 .svd-join-hero-points-v4 span::after{
    content:none !important;
    display:none !important;
}

/* ===== END SVD HERO POINTS REMOVE SYMBOLS V45 ===== */

/* =========================================================
   MEMBERSHIP MOBILE FINAL V46
   ========================================================= */

@media(max-width:700px){

    /*
     * Корневой блок.
     * Убираем старые ширины, min-height и гигантские интервалы.
     */
    body.page-id-14 .svd-join-v3{
        display:block !important;

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

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

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


    /*
     * Design bindings ранее добавляли общий section-gap
     * каждому непосредственному дочернему блоку.
     */
    body.page-id-14 .svd-join-v3 > *{
        margin-top:0 !important;
        margin-bottom:18px !important;
    }

    body.page-id-14 .svd-join-v3 > *:last-child{
        margin-bottom:0 !important;
    }


    /* =====================================================
       ВЕРХНИЙ ЗЕЛЁНЫЙ БЛОК
       ===================================================== */

    body.page-id-14 .svd-join-intro-v3{
        position:relative !important;

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

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

        margin:0 0 16px !important;
        padding:24px 20px 20px !important;

        border-radius:20px !important;

        overflow:hidden !important;
    }

    body.page-id-14 .svd-join-intro-v3::before,
    body.page-id-14 .svd-join-intro-v3::after{
        pointer-events:none !important;
    }

    body.page-id-14 .svd-join-kicker-v3{
        display:block !important;

        margin:0 0 13px !important;

        font-size:12px !important;
        line-height:1.25 !important;
        letter-spacing:.12em !important;
    }

    body.page-id-14 .svd-join-intro-v3 h2{
        max-width:none !important;

        margin:0 0 12px !important;

        font-size:38px !important;
        line-height:1.02 !important;
    }

    body.page-id-14 .svd-join-intro-v3 p{
        max-width:none !important;

        margin:0 !important;

        font-size:16px !important;
        line-height:1.55 !important;
    }


    /*
     * Поддержка / Единство / Реальные дела.
     * Компактно, без большого отдельного блока.
     */
    body.page-id-14 .svd-join-hero-points-v4{
        position:static !important;
        inset:auto !important;
        transform:none !important;

        display:grid !important;
        grid-template-columns:1fr !important;
        gap:6px !important;

        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        margin:16px 0 0 !important;
        padding:7px !important;

        border-radius:13px !important;
    }

    body.page-id-14 .svd-join-hero-points-v4 span{
        min-height:0 !important;
        height:auto !important;

        margin:0 !important;
        padding:9px 12px 9px 38px !important;

        border-radius:9px !important;

        font-size:14px !important;
        line-height:1.2 !important;
    }


    /* =====================================================
       ГЛАВНЫЙ LAYOUT
       ===================================================== */

    body.page-id-14 .svd-join-layout-v3{
        position:static !important;

        display:flex !important;
        flex-direction:column !important;

        grid-template-columns:none !important;

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

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

        gap:16px !important;

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

        overflow:visible !important;
    }


    /*
     * Форма и правая информационная колонка
     * теперь всегда идут друг под другом.
     */
    body.page-id-14 .svd-join-form-card-v3,
    body.page-id-14 .svd-join-info-v3{
        position:static !important;

        display:block !important;

        float:none !important;
        clear:both !important;

        width:100% !important;
        max-width:none !important;
        min-width:0 !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        inset:auto !important;
        transform:none !important;

        margin:0 !important;

        box-sizing:border-box !important;
    }


    /* =====================================================
       ФОРМА
       ===================================================== */

    body.page-id-14 .svd-join-form-card-v3{
        order:1 !important;

        padding:18px !important;

        border-radius:19px !important;

        overflow:visible !important;
    }

    body.page-id-14 .svd-join-form-heading-v3{
        display:flex !important;
        align-items:center !important;

        gap:12px !important;

        margin:0 0 16px !important;
        padding:0 !important;
    }

    body.page-id-14 .svd-join-form-icon-v3{
        flex:0 0 42px !important;

        width:42px !important;
        height:42px !important;

        margin:0 !important;
    }

    body.page-id-14 .svd-join-form-heading-v3 h3{
        margin:0 0 3px !important;

        font-size:21px !important;
        line-height:1.15 !important;
    }

    body.page-id-14 .svd-join-form-heading-v3 p{
        margin:0 !important;

        font-size:14px !important;
        line-height:1.35 !important;
    }


    body.page-id-14 .svd-join-form-v3{
        display:block !important;

        width:100% !important;

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


    /*
     * Самая важная часть:
     * старый grid больше не может оставить форму узкой колонкой.
     */
    body.page-id-14 .svd-join-fields-v3{
        display:grid !important;
        grid-template-columns:1fr !important;

        width:100% !important;

        gap:13px !important;

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

    body.page-id-14 .svd-join-fields-v3 > label,
    body.page-id-14 .svd-join-fields-v3 > label.full{
        display:block !important;

        grid-column:1 / -1 !important;

        width:100% !important;
        min-width:0 !important;

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

    body.page-id-14 .svd-join-fields-v3 label > span{
        display:block !important;

        margin:0 0 6px !important;

        font-size:14px !important;
        line-height:1.25 !important;
    }


    body.page-id-14 .svd-join-fields-v3 input,
    body.page-id-14 .svd-join-fields-v3 textarea{
        display:block !important;

        position:static !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        box-sizing:border-box !important;

        margin:0 !important;

        font-size:16px !important;

        transform:none !important;
    }

    body.page-id-14 .svd-join-fields-v3 input{
        height:50px !important;
        min-height:50px !important;

        padding:0 14px !important;

        border-radius:13px !important;
    }

    body.page-id-14 .svd-join-fields-v3 textarea{
        height:118px !important;
        min-height:118px !important;
        max-height:220px !important;

        padding:12px 14px !important;

        border-radius:13px !important;

        resize:vertical !important;
    }


    /* Согласие */
    body.page-id-14 .svd-join-consent-v3{
        position:static !important;

        display:grid !important;
        grid-template-columns:24px minmax(0,1fr) !important;
        align-items:start !important;

        width:100% !important;
        min-width:0 !important;

        gap:10px !important;

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

        transform:none !important;
    }

    body.page-id-14 .svd-join-consent-v3 input{
        position:static !important;

        display:block !important;

        width:22px !important;
        height:22px !important;
        min-width:22px !important;

        margin:2px 0 0 !important;

        flex:none !important;

        transform:none !important;
    }

    body.page-id-14 .svd-join-consent-v3 > span{
        display:block !important;

        min-width:0 !important;

        margin:0 !important;

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

    body.page-id-14 .svd-join-consent-v3 a{
        display:inline !important;
    }


    /* Кнопка отправки */
    body.page-id-14 .svd-join-submit-v3{
        position:static !important;

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

        width:100% !important;
        max-width:none !important;
        min-width:0 !important;

        height:auto !important;
        min-height:50px !important;

        margin:0 !important;
        padding:11px 16px !important;

        border-radius:13px !important;

        font-size:16px !important;
        line-height:1.2 !important;

        white-space:normal !important;

        transform:none !important;
    }


    /* =====================================================
       ИНФОРМАЦИЯ О ЧЛЕНСТВЕ
       ===================================================== */

    body.page-id-14 .svd-join-info-v3{
        order:2 !important;

        padding:18px !important;

        border-radius:19px !important;
    }

    body.page-id-14 .svd-join-info-block-v3{
        margin:0 !important;
        padding:0 !important;
    }

    body.page-id-14
    .svd-join-info-block-v3 + .svd-join-info-block-v3{
        margin-top:16px !important;
        padding-top:16px !important;
    }

    body.page-id-14 .svd-join-info-v3 h3{
        margin:0 0 8px !important;

        font-size:20px !important;
        line-height:1.2 !important;
    }

    body.page-id-14 .svd-join-info-v3 p{
        margin:0 !important;

        font-size:15px !important;
        line-height:1.5 !important;
    }

    body.page-id-14 .svd-join-info-v3 ul{
        display:grid !important;
        grid-template-columns:1fr !important;

        gap:7px !important;

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

    body.page-id-14 .svd-join-info-v3 li{
        position:relative !important;

        min-height:0 !important;

        margin:0 !important;
        padding:9px 11px 9px 42px !important;

        border-radius:12px !important;

        font-size:14px !important;
        line-height:1.3 !important;
    }

    body.page-id-14 .svd-join-info-v3 li::before{
        left:11px !important;
        top:50% !important;

        transform:translateY(-50%) !important;
    }

    body.page-id-14 .svd-join-info-v3 blockquote{
        position:relative !important;

        margin:15px 0 0 !important;
        padding:14px 15px 14px 52px !important;

        border-radius:13px !important;

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


    /* =====================================================
       НИЖНИЕ ЦЕННОСТИ
       ===================================================== */

    body.page-id-14 .svd-join-values-v3{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;

        width:100% !important;

        gap:10px !important;

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

    body.page-id-14 .svd-join-values-v3 > div{
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;

        min-height:96px !important;
        height:auto !important;

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

        border-radius:15px !important;

        box-sizing:border-box !important;
    }

    body.page-id-14 .svd-join-values-v3 strong{
        margin:0 0 5px !important;

        font-size:16px !important;
        line-height:1.2 !important;
    }

    body.page-id-14 .svd-join-values-v3 span{
        font-size:13px !important;
        line-height:1.3 !important;
    }


    /* Убираем пустой хвост до footer */
    body.page-id-14 .svd-join-values-v3{
        margin-bottom:0 !important;
    }
}


@media(max-width:420px){

    body.page-id-14 .svd-join-intro-v3{
        padding:21px 17px 18px !important;
    }

    body.page-id-14 .svd-join-intro-v3 h2{
        font-size:35px !important;
    }

    body.page-id-14 .svd-join-form-card-v3,
    body.page-id-14 .svd-join-info-v3{
        padding:16px !important;
    }

    body.page-id-14 .svd-join-values-v3{
        gap:8px !important;
    }

    body.page-id-14 .svd-join-values-v3 > div{
        min-height:90px !important;
        padding:12px !important;
    }
}

/* ===== END MEMBERSHIP MOBILE FINAL V46 ===== */

/* ===== MEMBERSHIP MOBILE WIDTH FIX V47 ===== */

@media(max-width:700px){

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

    body.page-id-14 main,
    body.page-id-14 main > section,
    body.page-id-14 main > section > .container,
    body.page-id-14 .prose,
    body.page-id-14 .svd-join-v3,
    body.page-id-14 .svd-join-intro-v3,
    body.page-id-14 .svd-join-layout-v3,
    body.page-id-14 .svd-join-form-card-v3,
    body.page-id-14 .svd-join-info-v3,
    body.page-id-14 .svd-join-values-v3{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
        margin-left:auto !important;
        margin-right:auto !important;
        left:auto !important;
        right:auto !important;
        transform:none !important;
    }

    body.page-id-14 main > section > .container,
    body.page-id-14 .prose{
        width:calc(100% - 24px) !important;
    }

    body.page-id-14 .svd-join-intro-v3,
    body.page-id-14 .svd-join-form-card-v3,
    body.page-id-14 .svd-join-info-v3,
    body.page-id-14 .svd-join-values-v3{
        margin-left:0 !important;
        margin-right:0 !important;
    }

    body.page-id-14 .svd-join-fields-v3,
    body.page-id-14 .svd-join-fields-v3 > label,
    body.page-id-14 .svd-join-fields-v3 input,
    body.page-id-14 .svd-join-fields-v3 textarea,
    body.page-id-14 .svd-join-consent-v3,
    body.page-id-14 .svd-join-submit-v3{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
    }

    body.page-id-14 .svd-join-info-v3 ul,
    body.page-id-14 .svd-join-info-v3 li,
    body.page-id-14 .svd-join-info-v3 blockquote{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
    }

    body.page-id-14 .svd-join-values-v3{
        grid-template-columns:1fr 1fr !important;
    }

    body.page-id-14 .svd-join-values-v3 > div{
        min-width:0 !important;
        width:auto !important;
        max-width:none !important;
    }
}

/* ===== END MEMBERSHIP MOBILE WIDTH FIX V47 ===== */
