.project-description {
	padding: 70px 0;
    max-width: 1320px;
    margin: 0 auto;

    @media screen and (max-width: 768px) {
        padding: 0 20px 60px;
    }
}
.project-desc-section-title {
    font-family: 'Closer Text', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: -0.01em;
	color: #004735;
    padding-bottom: 14px;
	margin: 0 0 60px;
    border-bottom: 1px solid rgba(0, 71, 53, 0.1);

    @media screen and (max-width: 768px) {
        font-size: 16px;
        margin: 0 0 30px;
    }
}
.project-desc-top {
	display: flex;
	gap: 60px;
	flex-wrap: nowrap;
	margin-bottom: 80px;
}

.project-desc-image-main {
	position: relative;
	flex: 0 1 650px;

    @media screen and (max-width: 768px) {
        flex: unset;
    }
    .image-badge {
        position: absolute;
        background: rgba(207, 226, 224, 1);
        color: #013026;
        border: 1px solid #004735;
        border-radius: 50%;
        padding: 25px 26px;
        max-width: 130px;
        font-family: 'Closer Text', sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 130%;
        letter-spacing: -0.01em;
        text-align: center;
        transform: rotate(341deg);
        top: 200px;
        right: -88px;

        @media screen and (max-width: 768px) {
            left: unset;
            top: 95px;
            right: 15px;
            padding: 17px;
            font-size: 14px;
            max-width: 100px;
        }
    }
}
.project-desc-image-main img {
	width: 100%;
	border-radius: 16px;
	object-fit: cover;
    border-radius: 20px;

    @media screen and (max-width: 768px) {
        aspect-ratio: 1 / 1;
    }
}

.project-desc-content {
	max-width: 450px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    @media screen and (max-width: 768px) {
        max-width: unset;
    }
}

.project-desc-title {
	font-family: 'Closer Text', sans-serif;
    font-weight: 500;
    font-size: 42px;
    line-height: 110%;
    letter-spacing: -0.02em;
    color: #013026;
    margin: 0;

    &.mobile-version {
        display: none;

        @media screen and (max-width: 768px) {
            display: block;
            margin-bottom: 30px;
            font-size: 32px;
            max-width: 550px;
        }
    }

    &.desktop-version {
        @media screen and (max-width: 768px) {
            display: none;
        }
    }
}

.project-desc-text {
	font-family: 'Closer Text', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #004735;

}

/* === Нижній блок === */
.project-desc-bottom {
	display: flex;
	justify-content: space-between;
	gap: 40px;
    padding: 65px 0 0 110px;
}
.project-desc-item {
	position: relative;
	
    &.left {
        max-width: 315px;

        @media screen and (max-width: 768px) {
            max-width: unset;
        }

        img {
            width: 100%;
            border-radius: 20px;
            object-fit: cover;
            margin-bottom: 50px;
        }
    }

    &.right {
        max-width: 650px;

        @media screen and (max-width: 768px) {
            max-width: unset;
        }

        img {
            width: 100%;
            border-radius: 20px;
            object-fit: cover;
            min-height: 640px;

            @media screen and (max-width: 768px) {
                min-height: unset;
                aspect-ratio: 1/1;
            }
        }

        .image-badge {
            position: absolute;
            background: rgba(207, 226, 224, 1);
            color: #013026;
            border: 1px solid #004735;
            border-radius: 50%;
            padding: 25px 26px;
            max-width: 130px;
            font-family: 'Closer Text', sans-serif;
            font-weight: 500;
            font-size: 18px;
            line-height: 130%;
            letter-spacing: -0.01em;
            text-align: center;
            transform: rotate(21deg);
            top: -50px;
            right: 100px;

            @media screen and (max-width: 768px) {
                left: unset;
                right: 25px;
                top: -30px;
            }
        }
    }
}

.project-desc-item p {
	font-family: 'Closer Text', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #004735;

    @media screen and (max-width: 768px) {
        font-size: 14px;
    }
}

/* адаптив */
@media (max-width: 768px) {
	.project-desc-top {
		flex-direction: column;
        gap: 30px;
        margin-bottom: 60px;
	}
	.project-desc-bottom {
        flex-direction: column-reverse;
        padding: 0;
        gap: 30px;

        .project-desc-item.left img {
            display: none;
        }
	}
	.image-badge {
		top: 10px;
		left: 10px;
		padding: 6px 10px;
		font-size: 12px;
	}
}

/* === НОВЫЕ СТИЛИ ДЛЯ ТРЕТЬЕГО РЯДА === */
.project-desc-third-row {
    display: flex;
    gap: 60px;
    margin-top: 80px;
    padding: 65px 0 0;
    align-items: center;
}

.project-desc-third-images {
    display: flex;
    gap: 20px;
    flex: 0 0 60%;
    position: relative;
}

.project-desc-third-image {
    flex: 1;
}

.project-desc-third-image img {
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
    aspect-ratio: 1/1;
}

.project-desc-third-image .image-badge {
    position: absolute;
    background: rgba(207, 226, 224, 1);
    color: #013026;
    border: 1px solid #004735;
    border-radius: 50%;
    font-family: 'Closer Text', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: -0.01em;
    text-align: center;
    transform: rotate(-25deg) translateX(-50%);
    top: -80px;
    max-width: 125px;
    padding: 25px 27px;
    left: 50%;
}

.project-desc-third-content {
    flex: 0 0 35%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.project-desc-third-text {
    font-family: 'Closer Text', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #004735;
    margin: 0;

    @media (max-width: 768px) {
        font-size: 14px;
    }
}

.project-desc-third-button {
    background: transparent;
    color: #004735;
    padding: 15px 30px;
    border-radius: 12px;
    text-decoration: none;
    font-family: 'Closer Text', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.01em;
    display: inline-block;
    transition: background-color 0.3s ease;
    border: none;
    cursor: pointer;
    text-align: center;
    max-width: 185px;
    border: 1px solid #004735;
}

.project-desc-third-button:hover {
    background: #004735;
    color: #FFFFFF;
    border-color: #004735;
}

/* Адаптив для третьего ряда */
@media (max-width: 768px) {
    .project-desc-third-row {
        flex-direction: column;
        gap: 30px;
        margin-top: 60px;
        padding: 0;
    }
    
    .project-desc-third-images {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 10px;
        flex: unset;
    }
    
    .project-desc-third-image .image-badge {
        top: -50px;
        right: -10px;
        padding: 14px 10px;
        font-size: 16px;
        max-width: 100px;
    }
    
    .project-desc-third-content {
        flex: unset;
    }
    
    .project-desc-third-button {
        max-width: 100%;
    }
}