.product-vs {
    margin: 10rem 0;
    scroll-margin-top: 10rem;
}

.product-vs__head {
    max-width: 86rem;
    margin: 0 auto 4rem;
    text-align: center;
}

.product-vs__title {
    margin: 0 0 1.6rem;
}

.product-vs__subtitle {
    margin: 0;
}

.product-vs__table-wrap {
    overflow-x: auto;
    border: .1rem solid #ececec;
    border-radius: 2.4rem;
    background: #fff;
}

.product-vs__table {
    width: 100%;
    min-width: 64rem;
    border-collapse: collapse;
}

.product-vs__table th,
.product-vs__table td {
    padding: 2rem 2.4rem;
    text-align: left;
    vertical-align: top;
    border-bottom: .1rem solid #f0f0f0;
    font-size: 1.6rem;
    line-height: 1.4;
}

.product-vs__table thead th {
    font-family: Sora, sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
}

.product-vs__param,
.product-vs__table tbody th {
    width: 24%;
    color: #595959;
    font-weight: 500;
    background: #fafafa;
}

.product-vs__col_accent,
.product-vs__table td.product-vs__col_accent {
    background: #fff8e1;
    font-weight: 600;
}

.product-vs__table thead .product-vs__col_accent {
    background: #fdb602;
    color: #141414;
}

.product-vs__table tr:last-child th,
.product-vs__table tr:last-child td {
    border-bottom: 0;
}

.product-vs__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
    justify-content: center;
    margin-top: 3.2rem;
}

@media (max-width: 600px) {
    .product-vs {
        margin: 5rem 0;
        scroll-margin-top: 8rem;
    }

    .product-vs__head {
        margin-bottom: 2.4rem;
        text-align: left;
    }

    .product-vs__table th,
    .product-vs__table td {
        padding: 1.4rem 1.6rem;
        font-size: 1.4rem;
    }

    .product-vs__actions {
        flex-direction: column;
        align-items: stretch;
    }
}
