/* Базовые стили секции */
.construct {
    padding: 80px 0;
}

.construct__title {
    margin-bottom: 50px;
}

.construct__items {
    display: flex;
    flex-direction: column;
    gap: 60px; /* Расстояние между блоками */
}

/* Настройка ряда */
.construct__item {
    display: flex;
    align-items: center;
    gap: 40px;
}

/* Чередование блоков (каждый второй блок зеркальный) */
.construct__item:nth-child(even) {
    flex-direction: row-reverse;
}

/* Текстовый блок */
.construct__content {
    flex: 0 1 50%;
}

.construct__content p {
    font-size: 18px;
    line-height: 1.6;
    color: #444;
    position: relative;
    padding-left: 20px;
    border-left: 4px solid #E76828; /* Оранжевый акцент как у АДМ */
}

/* Блок с изображением */
.construct__image {
    flex: 0 1 50%;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	max-height: 300px;
	object-fit: cover;
}

.construct__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.construct__image:hover img {
    transform: scale(1.05); /* Эффект при наведении */
}
.construct__logo {
    flex: 0 1 50%;       /* Занимает 50% ширины ряда, как и текстовый блок */
    display: flex;       /* Включаем флексбокс */
    align-items: center; /* Центрирование по вертикали */
    justify-content: center; /* Центрирование по горизонтали */
    padding: 20px;       /* Небольшой отступ, чтобы лого не липло к краям */
	width: 200px;
}

.construct__logo img {
    max-width: 100%;     /* Ограничиваем ширину картинки */
    height: auto;        /* Сохраняем пропорции */
    object-fit: contain; /* Гарантируем, что логотип не исказится */
}


/* ===== АДАПТИВ ===== */

@media (max-width: 1200px) {
    .construct {
        padding: 50px 0;
    }
    .construct__item, 
    .construct__item:nth-child(even) {
        flex-direction: column; /* Стекаем в колонку на планшетах */
        gap: 25px;
    }
    .construct__content, 
    .construct__image {
        flex: 1 1 100%;
    }
    .construct__title {
        margin-bottom: 30px;
		margin-top: 60px;
    }
}

@media (max-width: 480px) {
    .construct__content p {
        font-size: 16px;
    }
}