.container-specifications {
    padding: 60px 0;
    width: 1142px;
    max-width: 100%;
    margin: 90px auto 0
}

.back-to-car-detail {
    color: var(--primary-color);
    cursor: pointer
}

.back-to-car-detail:hover {
    color: var(--primary-color);
    opacity: .8;
    text-decoration: none
}

.main-title {
    font-weight: bold;
    font-size: 36px;
    line-height: 120%;
    margin: 30px 0
}

.specifications-list-name {
    position: relative;
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    padding: 24px 30px;
    border-bottom: 1px solid #3A3A3A;
    transition: all .3s ease-in-out;
    align-items: center;
    cursor: pointer
}

.specifications-list:last-child .specifications-list-name {
    border-bottom: none
}

.specifications-list-name>p {
    margin-bottom: 0
}

.specifications-list-name.active {
    border-bottom: none
}

.specifications-list-name.active::after {
    position: absolute;
    bottom: 0;
    left: 30px;
    right: 30px;
    content: "";
    height: 1px;
    background-color: #3A3A3A
}

.specifications-list-name:last-child {
    border-bottom: none
}

.specifications-list-content {
    display: none
}

.specifications-list-name>i {
    color: var(--primary-color);
    font-size: 20px;
    transition: transform .3s ease-in-out
}

.specifications-list-name.active>i {
    transform: rotate(180deg)
}

.specifications-table {
    border: 1px solid #3A3A3A;
    min-height: 50vh
}

.specifications-item {
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    align-items: center;
    cursor: pointer;
    padding: 24px 0;
    margin: 0 30px;
    margin-left: 60px;
    border-bottom: 1px solid #CCC
}

.specifications-item>p {
    margin-bottom: 0
}

.specifications-item.active>i {
    transform: rotate(180deg)
}

.specifications-item i {
    transition: transform .3s ease-in-out
}

.specifications-content {
    display: none;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0 30px;
    margin-left: 60px;
    border-bottom: 1px solid #CCC
}

.specifications-content .two-rows {
    width: 76%
}

.specifications-content .two-rows td {
    width: 50%;
    padding: 24px;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC
}

.specifications-content .three-rows tr:last-child td,
.specifications-content .two-rows tr:last-child td {
    border-bottom: unset
}

.specifications-content .three-rows {
    width: 100%
}

.specifications-content .three-rows td:first-child {
    width: 24%;
    padding: 24px;
    border-bottom: 1px solid #CCC;
    font-weight: bold
}

.specifications-content .three-rows td:nth-child(n+2) {
    width: 42%;
    padding: 24px;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC
}

.container-link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    margin-top: 80px
}

.link-item {
    display: flex;
    align-items: center;
    margin: 0 50px
}

.link-item>p {
    color: var(--text-color);
    margin: 0;
    margin-left: 10px
}

.loading-window {
    margin-top: 0 !important;
    top: 50vh
}

.table.table-bordered tr td:first-child {
    width: 50%
}

@media(min-width:1081px) {
    .hide-on-pc {
        display: none
    }
}

@media(max-width:1080px) {
    .container-specifications {
        padding: 30px 10px
    }

    .specifications-content {
        width: 100%;
        margin: 0
    }

    .specifications-list-name {
        padding: 16px 10px
    }

    .specifications-list-name.active::after {
        left: 0;
        right: 0
    }

    .specifications-content .two-rows {
        width: 100%
    }

    .specifications-content .two-rows td {
        padding: 16px 8px
    }

    .specifications-content .two-rows td:first-child {
        width: 65%
    }

    .main-title {
        font-size: 32px;
        margin-bottom: 24px
    }

    .specifications-item {
        margin: 0;
        padding: 20px 10px 16px 10px;
        width: 100%
    }

    .specifications-item>p {
        margin: 0
    }

    .three-rows {
        display: none
    }

    .link-item {
        margin: 0 10px;
        flex-direction: column
    }

    .link-item>p {
        margin-left: 0;
        margin-top: 10px;
        text-align: center
    }
}