.container {
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
}

.block {
	width: 100%;
	padding: 80px 0;
}

.block:nth-child(even) {
	background-color: var(--block-bg-alt);
}

h2 {
	margin-bottom: 30px;
	font-size: 2rem;
	text-align: center;
}

.two-columns {
	display: flex;
	align-items: center;
	gap: 40px;
}

.block:nth-child(even) .two-columns {
	flex-direction: row-reverse; /* Чередование сторон для красоты */
}

        .col-image, .col-text {
            flex: 1;
            min-width: 300px;
        }

        .col-image img {
            width: 100%;
            height: auto;
            border-radius: 8px;
            display: block;
            aspect-ratio: 16 / 9;
            object-fit: cover;
        }

        /* --- БЛОК 4 (2 строки по 4 колонки) --- */
.grid-container {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
}

.grid-container-c4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.grid-container-c3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.grid-item {
	background-color: var(--card-bg);
	padding: 25px;
	border-radius: 8px;
	border: 1px solid var(--border-color);
	box-shadow: var(--shadow);
	text-align: center;
}

/* --- БЛОК 5 (Таблица на всю ширину внутри контейнера) --- */
.table-responsive {
	overflow-x: auto;
	width: 100%;
}

        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
            background-color: var(--card-bg);
        }

        th, td {
            padding: 15px;
            text-align: left;
            border-bottom: 1px solid var(--border-color);
        }

        th {
            background-color: var(--block-bg-alt);
            font-weight: 600;
        }

        /* --- АДАПТИВНОСТЬ --- */
        @media (max-width: 992px) {
            .grid-container {
                grid-template-columns: repeat(2, 1fr); /* 2x4 на планшетах */
            }
        }

        @media (max-width: 768px) {
            .two-columns {
                flex-direction: column !important;
            }
            .grid-container {
                grid-template-columns: 1fr; /* 1 колонка на мобильных */
            }
            .block {
                padding: 40px 0;
            }
        }