/* ===== АДАПТИВ ===== */
@media (max-width: 900px) {
    body {
        overflow-y: auto;
    }

    .homeContainer {
        height: auto;
        min-height: 100vh;
    }

    .appLogo {
        height: 6rem;
    }

    .appTitle {
        font-size: 2.2rem;
    }

    .contentBlock {
        width: 94vw;
        padding: 2rem 4vw;
        overflow: visible;
    }

    /* Карточки в один столбец */
    .featureCard.expanded {
        padding: 0.4rem 0.4rem; /* Уменьшили отступы от краев */
        flex-direction: column;
        text-align: center;
        /* gap: 1rem; */
    }

    .featureTop {
        flex-direction: column-reverse; /* Иконка теперь СВЕРХУ текста */
        gap: 0.4rem;
    }

    .featureCard {
        padding: 0.4rem 0.2rem; /* Уменьшили отступы от краев */
        flex-direction: column;
        text-align: center;
        /* gap: 1rem; */
    }

    .featureCard.expanded{
        padding: 0.4rem 0.4rem; /* Уменьшили отступы от краев */
        flex-direction: column;
        text-align: center;
        /* gap: 1rem; */
    }
    .featureCard.expanded .featureMore {
        text-align: left;
        padding-top: 0.4rem;
        margin-bottom: 0.1rem;
    }

    .featureIcon {
        width: 140px;  /* Увеличили иконку */
        height: auto;
        margin: 0 auto;
    }

    .featureContent {
        text-align: center;
    }

    .featureTitle {
        text-align: center;
        font-size: 1.4rem;
    }

    .featureDescription {
        text-align: center;
        font-weight: bold;
    }

    /* .featureCard.expanded .featureMore {
        text-align: center;
        padding-top: 0.4rem;
        margin-bottom: 0.4rem;
    } */

    .emailInputGroup {
        flex-direction: column;
    }

    .emailForm input[type="email"] {
        min-width: 100%;
    }

    .logosRow {
        flex-direction: column;
    }

    .logosRow img,
    .logosRow img.logo-fasie {
        max-width: 55%;
        max-height: none;
    }

    .themeToggle {
        top: 1rem;
        right: 1rem;
        width: 45px;
        height: 45px;
        font-size: 1.3rem;
        transition: 1s ease-in;
    }
}

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

    .appLogo {
        height: 5rem;
    }
    .featureCard {
        padding: 0.4rem 0.2rem; /* Уменьшили отступы от краев */
        flex-direction: column;
        text-align: center;
        /* gap: 1rem; */
    }
    .featureTop {
        gap: 0.1rem;
    }
    .featureDescription {
        font-weight: bold;
    }
    .featureCard.expanded{
        padding: 0.4rem 0.4rem; /* Уменьшили отступы от краев */
        flex-direction: column;
        text-align: center;
        /* gap: 1rem; */
    }

    .featureCard.expanded .featureMore {
        text-align: center;
        padding-top: 0.4rem;
        margin-bottom: 0.1rem;
        text-align: left;
    }

    .appTitle {
        font-size: 1.8rem;
    }

    .contentBlock {
        padding: 2rem 3vw;
    }

    /* На совсем маленьких экранах иконка чуть-чуть меньше, но всё равно крупная */
    .featureIcon {
        width: 120px;
    }

    .themeToggle {
        width: 40px;
        height: 40px;
        font-size: 1.1rem;
    }
}