/* ============================================================
   ND Premium — Solutions Section
   ============================================================ */

.ndp-sol {
    background: #1a1a1a;
    width: 100%;
    overflow: hidden;
margin-top: -1px;
}

.ndp-sol__block {
    display: flex;
    flex-direction: column;
    gap: 50px;
    align-items: center;
}

/* ============================================================
   SECTION HEADER
   ============================================================ */
.section-header {
    position: relative;
    margin-left: -432px;
    display: flex;
    flex-direction: column;
    overflow: visible;
    max-width: 1120px;
    width: 100%;
    gap: 50px;
}

.section-header__decor {
    pointer-events: none;
    user-select: none;
    z-index: 0;
    display: block;
}

.section-header__decor--img {
    width: 643px;
    margin-bottom: -125px;
}

.section-header__title {
    z-index: 1;
    padding-left: 176px;
    color: #efefef;
    font-family: 'Manrope', sans-serif;
    font-size: clamp(28px, 3.75vw, 72px);
    line-height: 1.1;
    font-weight: 200;
    text-transform: uppercase;
    white-space: nowrap;
}

.container-aside {
    max-width: 550px;
    align-self: end;
}

.section-header__aside {
    width: 293px;
    z-index: 1;
    color: #ffffff;
    font-family: 'Manrope', sans-serif;
    font-size: clamp(14px, 1.25vw, 24px);
    line-height: 1.3;
    font-weight: 400;
    margin: 0;
}

/* ============================================================
   ROW — карточка + фото
   ============================================================ */
.ndp-sol__row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0 40px;
    max-width: 1280px;
    width: 100%;
    gap: 200px;
    position: relative;
   margin-bottom: 50px;
}





/* ── Карточка ── */
.ndp-sol__card {
    width: 450px;
    flex-shrink: 0;
    padding-left: 60px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: relative;
    z-index: 1;
}

/* В реверсе карточка справа — padding с другой стороны */
.ndp-sol__row--reverse .ndp-sol__card {
    padding-left: 0;
    padding-right: 60px;
}

.ndp-sol__card-decor {
    margin-bottom: -83px;
    margin-top: -24px;
    pointer-events: none;
    user-select: none;
    z-index: 0;
}


.ndp-sol__card-decor--panoram{
 
    margin-bottom: -70px;
    margin-left: -10px;
    transform: scale(1.7);
    margin-top: 20px;

}

.ndp-sol__card-decor--text {
    color: #efefef;
    font-family: 'HelloJanuaryScript', cursive, serif;
    font-size: clamp(60px, 14.0625vw, 270px);
    line-height: 1.1;
    font-weight: 400;
    white-space: nowrap;
}

.ndp-sol__title {
    font-family: 'Manrope', sans-serif;
    font-size: clamp(18px, 1.77vw, 34px);
    line-height: 1.1;
    text-transform: uppercase;
    color: #efefef;
    margin: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.ndp-sol__title-main { font-weight: 700; }
.ndp-sol__title-dash  { font-weight: 400; }

.ndp-sol__divider {
    width: 233px;
    height: 0;
    border-top: 1px solid #473109;
    flex-shrink: 0;
}

.ndp-sol__desc {
    color: #bcbcbc;
    font-family: 'Manrope', sans-serif;
    font-size: clamp(13px, 1.04vw, 20px);
    line-height: 1.25;
    font-weight: 300;
    margin: 0;
}

/* ── Фото ── */
.ndp-sol__photo {
    width: 550px;
    height: 550px;
    flex-shrink: 0;
    background: #363636;
    overflow: hidden;
    position: relative;
z-index:2;
}

.ndp-sol__photo img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* ============================================================
   Адаптив
   ============================================================ */
@media (max-width: 1640px) {
    .section-header {
        margin-left: 0;
    }
    .container-aside { width: 100%; }
}

@media (max-width: 1366px) {
    .section-header {
        margin-left: -40px;
        max-width: 1240px;
    }
    .section-header__decor--img {
        width: 500px;
        margin-bottom: -100px;
    }
    .section-header__title {
        padding-left: 90px;
    }
.ndp-sol__card-decor--panoram {
    margin-bottom: -60px;

    transform: scale(1.4);
    margin-top: 10px;
}



}

@media (max-width: 1200px) {
    .ndp-sol__card  { width: 380px; }
    .ndp-sol__photo { width: 420px; height: 420px; }
    .container-aside { max-width: 420px; }
    .section-header { width: 100%; }
}

@media (max-width: 1000px) {
    .section-header {
        padding-right: 40px;
        min-height: auto;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .ndp-sol__card-decor {
        margin-bottom: -60px;
        margin-top: -24px;
        width: 200px;
    }

    .container-aside { max-width: 170px; }

    .section-header__title,
    .section-header__aside {
        position: relative;
        left: auto; right: auto;
        top: auto; bottom: auto;
        white-space: normal;
    }

    .section-header__aside { width: auto; }

    /* Оба ряда — вертикально */
    .ndp-sol__row,
    .ndp-sol__row--reverse {
        flex-direction: column;
        padding: 0 40px 60px;
        gap: 0;
margin-bottom: 30px;
    }

   
    .ndp-sol__row--reverse {
        flex-direction: column-reverse;
    }

    .ndp-sol__card  { width: 100%; padding: 40px 24px; }
    .ndp-sol__photo { width: 100%; height: 320px; }

    
    .ndp-sol__row--reverse .ndp-sol__card {
        padding-left: 24px;
        padding-right: 24px;
    }

.ndp-sol__card-decor--panoram {
    transform: scale(1.4);
    width: 300px;
}
}

@media (max-width: 600px) {
    .ndp-sol__block { gap: 0; }

    .section-header {
        padding: 40px 24px;
        margin-left: 0;
    }

    .section-header__title { padding-left: 40px; }

    .section-header__decor--img {
        width: 335px;
        margin-bottom: -50px;
    }

    .ndp-sol__row,
    .ndp-sol__row--reverse {
        padding: 0 24px 48px;
    margin-bottom: 20px;
    }

    .ndp-sol__photo { height: 240px; }
}

@media (max-width: 480px) {
.ndp-sol__card-decor--panoram {
    margin-bottom: -55px;
    margin-left: 0px;
    transform: scale(1.3);
    margin-top: 10px;
    width: 260px;
}
}