/* =====================================================
   NDO — Advantages 2
   ===================================================== */


.ndo-advantages2 {
    padding-top: 30px;
    padding-bottom: 100px;
	padding-left: var(--ndw-pad-x);
	padding-right: var(--ndw-pad-x);
	max-width: var(--ndw-content-w);
    margin: 0 auto;
}


.ndo-advantages2__container {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
}

/* Заголовок */
.ndo-advantages2__title {
    color: var(--black, #252525);
    text-align: center;
    font-family: var(--h2-desktop-font-family, "GothamPro", sans-serif);
    font-size: var(--h2-desktop-font-size, 30px);
    line-height: var(--h2-desktop-line-height, 35px);
    font-weight: var(--h2-desktop-font-weight, 700);
    text-transform: uppercase;
    margin: 0;
}

/* Сетка карточек — десктоп */
.ndo-advantages2__grid {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: stretch;
    justify-content: center;
    width: 100%;
}

/* Карточка */
.ndo-advantages2__card {
    background: var(--light-grey, #f2f2f2);
    border: 1px solid #d5dde6;
    padding: 28px 18px 32px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    align-items: center;
    flex: 1;
}

/* Иконка */
.ndo-advantages2__card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    flex-shrink: 0;
}

.ndo-advantages2__card-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Заголовок карточки */
.ndo-advantages2__card-heading {
    color: var(--black, #252525);
    text-align: center;
    font-family: "GothamPro", sans-serif;
    font-size: 17px;
    line-height: 23px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    align-self: stretch;
}

/* Текст карточки */
.ndo-advantages2__card-text {
    color: var(--black, #252525);
    text-align: center;
    font-family: "GothamPro", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    margin: 0;
    align-self: stretch;
}


@media (max-width: 1200px) {
.ndo-advantages2__grid {
    gap: 20px;

}
.ndo-advantages2__card { 	padding: 24px 16px 28px;   gap: 19px; }

.ndo-advantages2__card-heading {
    font-size: 16px;
    line-height: 20px;
}

.ndo-advantages2__card-text {
    font-size: 13px;
    line-height: 16px;

}

}



/* ─────────────────────────────────────────────
   Ниже 1024px — Swiper включается через JS,
   CSS только подготавливает контейнер
───────────────────────────────────────────── */

@media (max-width: 1023px) {

    .ndo-advantages2 {
        padding: 30px 0 60px;
    }

    /* Когда swiper инициализирован JS добавит класс swiper */
    .ndo-advantages2__grid.swiper {
        overflow: hidden;
        width: 100%;
    }

    .ndo-advantages2__grid.swiper .swiper-wrapper {
        align-items: stretch;
    }


   .ndo-advantages2 .swiper-slide {
   width: auto;
	}
    /* Карточка внутри слайда */
    .ndo-advantages2__grid.swiper .ndo-advantages2__card {
        flex: none;
        width: 180px;
        height: 344px;
    }
}


@media (max-width: 480px) {
.ndo-advantages2__grid {
    gap: 12px;

}
.ndo-advantages2__card { 	padding: 16px 12px;   gap: 12px; }

.ndo-advantages2__card-icon {
    width: 51px;
    height: 51px;
}

.ndo-advantages2__card-heading {
    font-size: 14px;
    line-height: 20px;
}

.ndo-advantages2__card-text {
    font-size: 12px;
    line-height: 15px;

}


    .ndo-advantages2__grid.swiper .ndo-advantages2__card {
        flex: none;
        width: 155px;
        height: 290px;
    }
}