/* =========================================================
   KIHCARPET — SEO CONTENT
========================================================= */

.kih-home-seo {
    padding:
        clamp(58px, 6vw, 90px)
        0;

    background: #fff;
}


.kih-home-seo__box {
    padding:
        clamp(30px, 4.5vw, 58px);

    background:
        linear-gradient(
            145deg,
            #f7fbf8 0%,
            #eef7f0 100%
        );

    border:
        1px solid #d9e8dd;

    border-radius: 24px;
}


/* H2 */

.kih-home-seo__box > h2 {
    max-width: 900px;

    margin:
        0 auto 17px;

    color: #183d24;

    font-size:
        clamp(28px, 3.2vw, 43px);

    font-weight: 750;

    line-height: 1.12;

    text-align: center;

    letter-spacing: -.025em;
}


/* INTRO */

.kih-home-seo__intro {
    max-width: 920px;

    margin:
        0 auto
        clamp(28px, 4vw, 42px);

    color: #56695d;

    font-size:
        clamp(14px, 1.15vw, 16px);

    line-height: 1.75;

    text-align: center;
}


/* 3 COLUMNS */

.kih-home-seo__grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap:
        clamp(13px, 1.8vw, 21px);
}


/* CARD */

.kih-home-seo-card {
    display: flex;
    flex-direction: column;

    padding:
        23px 21px;

    background:
        rgba(
            255,
            255,
            255,
            .86
        );

    border:
        1px solid #dae8dd;

    border-radius: 17px;
}


.kih-home-seo-card h3 {
    margin:
        0 0 10px;

    color: #193e25;

    font-size:
        clamp(18px, 1.5vw, 22px);

    line-height: 1.2;
}


.kih-home-seo-card p {
    margin:
        0 0 18px;

    color: #647269;

    font-size: 13px;

    line-height: 1.67;
}


/* INTERNAL LINK */

.kih-home-seo-card a {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    align-self: flex-start;

    margin-top: auto;

    color: #238744 !important;

    font-size: 13px;
    font-weight: 750;

    text-decoration: none !important;
}


.kih-home-seo-card a span {
    font-size: 17px;

    transition:
        transform .2s ease;
}


.kih-home-seo-card a:hover span {
    transform:
        translateX(3px);
}


/* OUTRO */

.kih-home-seo__outro {
    max-width: 930px;

    margin:
        clamp(26px, 3vw, 37px)
        auto 0;

    color: #5c6c62;

    font-size: 13.5px;

    line-height: 1.75;

    text-align: center;
}


/* Mobile toggle hidden on desktop */

.kih-home-seo__toggle {
    display: none;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 950px) {

    .kih-home-seo__grid {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .kih-home-seo {
        padding:
            48px 0 52px;
    }


    .kih-home-seo__box {
        padding:
            24px 17px 20px;

        border-radius: 18px;
    }


    .kih-home-seo__box > h2 {
        margin-bottom: 12px;

        font-size: 27px;

        text-align: left;
    }


    .kih-home-seo__intro {
        margin-bottom: 18px;

        font-size: 13px;

        line-height: 1.6;

        text-align: left;
    }


    /*
     * Дополнительный текст
     * свёрнут только на Mobile.
     */

    .kih-home-seo__more {
        max-height: 0;

        overflow: hidden;

        opacity: 0;

        transition:
            max-height .45s ease,
            opacity .3s ease;
    }


    .kih-home-seo.is-open
    .kih-home-seo__more {
        max-height: 2000px;

        opacity: 1;
    }


    .kih-home-seo__grid {
        gap: 9px;
    }


    .kih-home-seo-card {
        padding:
            17px 15px;

        border-radius: 14px;
    }


    .kih-home-seo-card h3 {
        margin-bottom: 7px;

        font-size: 17px;
    }


    .kih-home-seo-card p {
        margin-bottom: 13px;

        font-size: 12px;

        line-height: 1.55;
    }


    .kih-home-seo__outro {
        margin-top: 20px;

        font-size: 12px;

        line-height: 1.6;

        text-align: left;
    }


    /* BUTTON */

    .kih-home-seo__toggle {
        display: flex;
        align-items: center;
        justify-content: center;

        gap: 10px;

        width: 100%;

        min-height: 45px;

        margin-top: 17px;

        padding:
            10px 15px;

        background: #edf7ef;

        border:
            1px solid #cce4d1;

        border-radius: 12px;

        color: #238443;

        font-size: 13px;
        font-weight: 750;

        cursor: pointer;
    }


    .kih-home-seo__toggle b {
        font-size: 16px;

        transition:
            transform .25s ease;
    }


    .kih-home-seo.is-open
    .kih-home-seo__toggle b {
        transform:
            rotate(180deg);
    }

}