/* Адаптация основного контента */
@media (max-width: 1024px) {
    .content-wrapper {
        grid-template-columns: 1fr; /* Убираем правую колонку (рекламу) вниз или в полную ширину */
    }

    .sidebar {
        padding: 0 50px 40px; /* Отступы для боковой колонки, когда она упадет вниз */
    }
}

@media (max-width: 768px) {
    .main-column {
        padding: 20px; /* Уменьшаем боковые поля на мобильных */
    }

    .intro {
        flex-direction: column; /* Фото теперь над текстом */
        gap: 20px;
    }

    .intro-image {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .intro-image img {
        width: 100%; /* Фото растягивается на всю ширину... */
        max-width: 400px; /* ...но не становится гигантским */
    }

    .intro-text {
        flex-direction: column; /* Карточки встают друг под друга */
        width: 100%;
    }

    .content-card {
        text-align: left; /* На мобильных justify часто создает некрасивые дыры в тексте */
    }
}

@media (max-width: 480px) {
    .main-column {
        padding: 15px;
        gap: 20px;
    }

    .content-card h1 {
        font-size: 18px; /* Уменьшаем заголовки карточек */
    }

    .subtitle {
        font-size: 1em;
    }

    .feature-item {
        padding: 10px;
        font-size: 14px; /* Оптимально для чтения с телефона */
    }
}