/* =====================================================
   NDO — Projects (слайдер с фильтром)
   ===================================================== */

.ndo-projects {
    background: #f2f2f2;
    padding: 120px 0;
}

.ndo-projects__container {
    display: flex;
    flex-direction: column;
    gap: 44px;
    align-items: center;
    max-width: var(--ndw-content-w);
    margin: 0 auto;
    padding-left: var(--ndw-pad-x);
	padding-right: var(--ndw-pad-x);
	width: 100%;	
}

/* Заголовок */
.ndo-projects__title {
    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-projects__title-regular {
    color:  #252525;
}

.ndo-projects__title-accent {
    color:  #0056b3;
}

/* Вкладки */
.ndo-projects__tabs {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
    flex-shrink: 0;
}

.ndo-projects__tab {
    background: #ffffff;
    border-radius: 100px;
    border: 1px solid  #ffffff;
    padding: 20px 30px;
    font-family: "GothamPro", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color:  #919191;
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
    line-height: 1;
}

.ndo-projects__tab--active {
    border-color:  #0056b3;
    color: #0056b3;
}

.ndo-projects__tab:hover:not(.ndo-projects__tab--active) {
    border-color: #d5dde6;
}

/* Обёртка слайдера: стрелки по краям */
.ndo-projects__slider-wrap {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
    align-self: stretch;
}

/* Стрелки */
.ndo-projects__arrow {
    border-radius: 100%;
  background-color: #fff;
    fill: #fff;
    border: 1px solid #005da3;
    padding: 0;
    flex-shrink: 0;
    cursor: pointer;
    transition: opacity 0.2s ease;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;



}

.ndo-projects__arrow:hover {
    opacity: 0.7;
}

.ndo-projects__arrow.swiper-button-disabled {
    opacity: 0.3;
    cursor: default;
}

/* Swiper */
.ndo-projects__swiper {
    flex: 1;
    overflow: hidden;
    min-width: 0;
}

/* Слайд — занимает всю ширину обёртки делённую на slidesPerView */
.ndo-projects__slide {
    height: auto;
}

/* Скрытие слайдов при фильтрации */
.ndo-projects__slide--hidden {
    display: none;
}

/* Карточка */
.ndo-projects__card {
    background:  #ffffff;
    border: 1px solid #d5dde6;
    padding: 28px;
    display: flex;
    flex-direction: row;
    gap: 22px;
    align-items: flex-start;
    min-height: 349px;
    height: 100%;
}

/* Фото */
.ndo-projects__card-photo {
    align-self: stretch;
    height: 100% ;
    max-width: 360px;
	width: 55%;
    object-fit: cover;
}

/* Правая колонка */
.ndo-projects__card-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    flex: 1;
}

/* Верхний блок */
.ndo-projects__card-top {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-self: stretch;
    padding-bottom: 20px;
}

/* Название проекта */
.ndo-projects__card-header {
    border-bottom: 1px solid #d5dde6;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    align-self: stretch;
}

.ndo-projects__card-name {
    color:  #252525;
    font-family: "GothamPro", sans-serif;
    font-size: 17px;
    line-height: 23px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    flex: 1;
}

/* Мета-список */
.ndo-projects__card-meta {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.ndo-projects__card-meta-row {
    display: flex;
    flex-direction: row;
    gap: 4px;
    font-size: 15px;
    line-height: 22px;
}

.ndo-projects__card-meta-row dt {
    font-family: "GothamPro", sans-serif;
    font-weight: 700;
    color: #252525;
}

.ndo-projects__card-meta-row dd {
    font-family: "GothamPro", sans-serif;
    font-weight: 400;
    color:  #252525;
    margin: 0;
}

/* Футер карточки */
.ndo-projects__card-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
}

/* Кнопка «Хочу также» */
.ndo-projects__card-btn-want {
    background:  #0056b3;
    padding: 13px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color:  #ffffff;
    font-family: "GothamPro", sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    transition: opacity 0.2s ease;
    line-height: 1;
cursor:pointer;
}

.ndo-projects__card-btn-want:hover {
    opacity: 0.88;
color: #fff;
}

/* Ссылка «Подробнее» */
.ndo-projects__card-link-more {
    display: inline-flex;
    flex-direction: row;
    gap: 7px;
    align-items: center;
    text-decoration: none;
    transition: gap 0.2s ease;
}

.ndo-projects__card-link-more:hover {
    gap: 11px;
}

.ndo-projects__card-link-more span {
    color: #0056b3;
    font-family: "GothamPro", sans-serif;
    font-size: 11px;
    line-height: 22px;
    font-weight: 500;
    text-transform: uppercase;
}

.ndo-projects__card-link-more svg {
    flex-shrink: 0;
}



.ndo-projects__swiper .swiper-wrapper {
    align-items: stretch;  /* слайды одной высоты */
}

/* Карточка растягивается на всю высоту слайда */
.ndo-projects__slide {
    height: auto;
    display: flex;         /* ← добавить */
}

.ndo-projects__card {
    flex: 1;               /* ← карточка занимает всю высоту слайда */
}

/* Заголовок растягивается, толкая мета-список вниз */
.ndo-projects__card-top {
    flex: 1;               /* ← добавить */
}


.ndo-projects__swiper .swiper-slide {
    height: auto !important;
    display: flex;
    flex-direction: column;
}

.ndo-projects__swiper .ndo-projects__card {
    flex: 1;
    height: 100% !important;
}

@media (max-width: 1024px){
	.ndo-projects__arrow { display:none;}
.ndo-projects { padding: 64px 0;}

}

@media (max-width: 480px){
.ndo-projects { padding: 32px 0;}
.ndo-projects__title {
    font-size: 19px;
    line-height:25px;
}

.ndo-projects__tabs {
    gap: 8px;
}

.ndo-projects__tab {
   height: 54px;
    padding: 12px 16px;
    font-size: 16px;
font-size: 14px;
line-height: 15px;
}

.ndo-projects__card {
    padding: 12px 12px 28px;
    display: flex;
    flex-direction: column;
    gap: 16px;

}

.ndo-projects__card-photo {width: 100%; height: 210px;}

.ndo-projects__card-name {
    font-size: 16px;
    line-height: 20px;
}

.ndo-projects__card-meta-row {
    font-size: 13px;
    line-height: 19px;
}

}