.table-compare-products{
    background-color: rgba(251, 251, 252, 1);
}
.table-compare-products-wrap {
    border: 1px solid rgba(199, 204, 211, 1);
    border-radius: 5px;
    overflow: hidden;
}

.table-compare-products {
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
    /* +2px / -1px — ячейки совпадают с рамкой wrap, без двойной границы */
    width: calc(100% + 2px);
    margin: -1px;
}

.table-compare-products th,
.table-compare-products:not(:has(th)) tr:first-child td {
    color: rgba(0, 149, 153, 1);
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
}

.table-compare-products:not(:has(th)) tr:first-child td:not(:first-child){
    text-align: center;
}

.table-compare-products td,
.table-compare-products th {
    padding: 15px 25px;
    border: 1px solid rgba(199, 204, 211, 1);
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.table-compare-products td:first-child,
.table-compare-products th:first-child {
    width: 40%;
}

.table-compare-products td:not(:first-child),
.table-compare-products th:not(:first-child) {
    width: auto;
}

.table-compare-products td.checkmark {
    background-image: url(/include/pack/product/img/table_compare_checkmark_desktop.svg);
    background-size: 34px 34px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

@media (max-width: 1023px) {
    .table-compare-products-wrap {
        overflow-x: auto;
    }
}

@media (max-width: 768px) {
    .table-compare-products{
        background-color: unset;
    }
    .table-compare-products-wrap {
        overflow-x: hidden;
        border: none;
        border-radius: 0;
    }

    .table-compare-products {
        width: 100%;
        margin: 0;
        border-collapse: separate;
        border-spacing: 0;
    }

    .table-compare-products,
    .table-compare-products tbody,
    .table-compare-products tr,
    .table-compare-products td {
        display: block;
        width: 100%;
        max-width: none;
        box-sizing: border-box;
    }

    .table-compare-products td:first-child,
    .table-compare-products th:first-child {
        width: 100%;
    }

    .table-compare-products tr:first-child{
        display: none;
    }

    .table-compare-products td,
    .table-compare-products th {
        border: none;
        padding: 0;
    }

    .table-compare-products tr {
        padding: 15px 0;
        border-bottom: 1px solid rgb(204,239,243);
    }
    .table-compare-products tr:nth-child(2){
        padding: 0 0 15px;
    }

    .table-compare-products tr:last-child {
        border-bottom: none;
        padding: 15px 0 0;
    }

    .table-compare-products td:first-child {
        font-size: 17px;
        line-height: 20px;
        font-weight: 600;
    }

    .table-compare-products td:not(:first-child) {
        display: block;
        max-width: none;
        min-height: 15px;
        margin-top: 12px;
        padding: 0 0 0 27px;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 15px 15px;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
    }

    .table-compare-products td:not(:first-child)::after {
        content: attr(data-product);
    }

    .table-compare-products td.checkmark {
        background-image: url(/include/pack/product/img/table_compare_checkmark_mobile.svg);
        background-size: 15px 15px;
        background-position: left center;
    }

    .table-compare-products td:not(.checkmark):not(:first-child) {
        background-image: url(/include/pack/product/img/table_compare_none.svg);
        background-size: 15px 15px;
        background-position: left center;
        background-repeat: no-repeat;
        color: rgba(169, 176, 187, 1);
    }
}

@media (max-width: 576px) {
    .table-compare-products td:not(:first-child){
        font-size: 15px;
    }
}