/* =========================================================
   KIHCARPET — REVIEWS
========================================================= */

.kih-home-reviews {
    padding:
        clamp(62px, 7vw, 96px)
        0;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            #f6faf7 0%,
            #edf7ef 52%,
            #f8fbf9 100%
        );
}


/* Heading */

.kih-home-reviews
.kih-home-section-heading {
    text-align: center;

    margin-bottom:
        clamp(28px, 4vw, 44px);
}


.kih-home-reviews
.kih-home-section-heading h2 {
    margin:
        0 0 9px;
}


.kih-home-reviews
.kih-home-section-heading p {
    margin: 0;
}


/* GRID */

.kih-home-reviews__track {
    display: grid;

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

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


/* CARD */

.kih-home-review-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-width: 0;
    min-height: 270px;

    padding:
        23px 22px 20px;

    overflow: hidden;

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

    border:
        1px solid #d7e7db;

    border-radius: 20px;

    box-shadow:
        0 8px 28px
        rgba(30, 86, 45, .055);

    transition:
        transform .23s ease,
        box-shadow .23s ease,
        border-color .23s ease;
}


.kih-home-review-card:hover {
    transform:
        translateY(-4px);

    border-color:
        #b9d9c0;

    box-shadow:
        0 17px 38px
        rgba(30, 86, 45, .10);
}


/* TOP */

.kih-home-review-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;

    min-height: 31px;

    margin-bottom: 15px;
}


/* Quote */

.kih-home-review-card__quote {
    color: #b9d9c0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 48px;
    font-weight: 700;

    line-height: .75;
}


/* Stars */

.kih-home-review-card__stars {
    display: flex;

    gap: 2px;

    color: #d6ddd8;

    font-size: 15px;

    line-height: 1;
}


.kih-home-review-card__stars
.is-active {
    color: #e5ae3d;
}


/* Text */

.kih-home-review-card__text {
    display: -webkit-box;

    overflow: hidden;

    margin-bottom: 17px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;

    color: #405347;

    font-size: 14px;

    line-height: 1.66;
}


.kih-home-review-card__text p {
    margin:
        0 0 8px;
}


.kih-home-review-card__text p:last-child {
    margin-bottom: 0;
}


/* Product */

.kih-home-review-card__product {
    margin-top: -5px;
    margin-bottom: 16px;

    color: #728078;

    font-size: 11px;
    font-weight: 600;
}


.kih-home-review-card__product a {
    color: #36834b !important;

    text-decoration: none !important;
}


/* Author */

.kih-home-review-card__author {
    display: flex;
    align-items: center;

    gap: 11px;

    margin-top: auto;

    padding-top: 16px;

    border-top:
        1px solid #edf2ee;
}


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

    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    background:
        #e3f3e6;

    border:
        1px solid #c9e4cf;

    border-radius: 50%;

    color: #228443;

    font-size: 16px;
    font-weight: 800;
}


.kih-home-review-card__author > div:last-child {
    min-width: 0;
}


.kih-home-review-card__author strong {
    display: block;

    overflow: hidden;

    margin-bottom: 3px;

    color: #193e25;

    font-size: 14px;

    font-weight: 750;

    line-height: 1.2;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.kih-home-review-card__author span {
    display: block;

    color: #89948c;

    font-size: 10.5px;

    line-height: 1.3;
}


/* Button */

.kih-home-reviews__footer {
    display: flex;
    justify-content: center;

    margin-top:
        clamp(26px, 3vw, 38px);
}


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

    gap: 18px;

    min-height: 49px;

    padding:
        11px 20px;

    background: #218e43;

    border:
        1px solid #218e43;

    border-radius: 12px;

    color: #fff !important;

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

    text-decoration: none !important;

    box-shadow:
        0 9px 22px
        rgba(33, 142, 67, .18);

    transition:
        transform .2s ease,
        background .2s ease;
}


.kih-home-reviews__button span {
    font-size: 20px;
}


.kih-home-reviews__button:hover {
    transform: translateY(-2px);

    background: #176e34;

    border-color: #176e34;
}


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

@media (max-width: 950px) {

    .kih-home-reviews__track {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

}


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

@media (max-width: 767px) {

    .kih-home-reviews {
        padding:
            49px 0 54px;
    }


    .kih-home-reviews__track {
        display: flex;

        gap: 11px;

        width: auto;

        overflow-x: auto;
        overflow-y: hidden;

        margin-left: -12px;
        margin-right: -12px;

        padding:
            0 12px 9px;

        scroll-snap-type:
            x mandatory;

        scroll-padding-left:
            12px;

        -webkit-overflow-scrolling:
            touch;

        scrollbar-width:
            none;
    }


    .kih-home-reviews__track::-webkit-scrollbar {
        display: none;
    }


    .kih-home-review-card {
        flex:
            0 0
            min(
                82vw,
                330px
            );

        min-height: 255px;

        padding:
            19px 17px 17px;

        border-radius: 17px;

        scroll-snap-align: start;
    }


    .kih-home-review-card__text {
        font-size: 13px;

        line-height: 1.58;

        -webkit-line-clamp: 8;
    }


    .kih-home-review-card__quote {
        font-size: 42px;
    }


    .kih-home-review-card__avatar {
        width: 38px;
        height: 38px;

        flex-basis: 38px;

        font-size: 14px;
    }


    .kih-home-review-card__author strong {
        font-size: 13px;
    }


    .kih-home-reviews__button {
        width: 100%;
    }

}