.breadcrumb-list {
    flex-wrap: nowrap;

    & li:last-of-type {
        overflow-x: hidden;
        text-overflow: ellipsis;
    }
}

.main {
    padding: 0;
}

/* reviews */
.reviews {
    padding: 8.2% 5.1%;
}

.title {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 10px;
}

.reviews-list {
    & .list-item {
        margin-top: 32px;

        & .list-item-title {
            font-size: 2rem;
            font-weight: 600;
            line-height: 1.3;
        }

        & p {
            font-size: 1.3rem;
            line-height: 1.6;
            color: var(--color-font-gray);
            margin-top: 4px;

            & span::before {
                display: inline-block;
                content: "|";
                margin: 0 0.5em;
            }
        }

        & img {
            margin-top: 8px;
        }
    }
}


/* review */
.review {
    padding: 8.2% 5.1%;
}

.title {
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 12px;
}

.review-item {
    font-size: 1.3rem;
    line-height: 1.6;
    color: var(--color-font-gray);
    margin-top: 12px;

    & span::before {
        display: inline-block;
        content: "|";
        margin: 0 0.5em;
    }
}

.review-desc {
    & .review-desc-images {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 32px;

        & li:first-of-type {
            width: 100%;
        }

        & li:nth-of-type(n+2) {
            width: 48.5%;
            margin-top: 2.8%;
        }
    }

    & p {
        margin-top: 32px;
    }

    .view {
        margin-top: 32px;
    }
}

/* .reviews-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 32px;

    & .list-item {
        width: calc((100% - 64px) / 3);
        display: flex;
        flex-direction: column;

        & .list-item-title {
            height: 52px;
        }
    }
} */

@media (min-width: 1024px) {

    /* reviews */
    .reviews {
        padding: 3.3% 4.2%;
    }

    .reviews-list {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 32px;

        & .list-item {
            width: 100%;
            display: flex;
            flex-direction: column;

            & .list-item-title {
                height: 52px;
            }
        }
    }


    /* review */
    .review {
        padding: 3.3% 4.2%;
    }

}




.side-menu {
    @media (width < 1024px) {
        border-top: 1px solid var(--color-font-black);
        margin-top: 32px;
        padding-top: 32px;
        font-size: 1.3rem;
        color: var(--color-font-gray);
    }
}