:root {
    --tariff-first-col: 34%;
}

.container-tv h2 {
    font-size: var(--width37);
}

.container-tv p {
    font-size: var(--width23);
}

.standart-cargo h2 {
    margin-top: var(--width80);
}

.standart-cargo p {
    margin-top: var(--width30);
}

.tariff-card {
    overflow: hidden;
}

    .tariff-card + .tariff-card {
        margin-top: var(--width24);
    }

.table-scroll {
    overflow-x: auto;
}

.table-scroll {
    /*background: #b52327;*/
    border-radius: 0 0 60px 60px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: var(--width20);
}

.tariff-table {
    background: #fff;
}

.tariff-table {
    width: 100%;
    /*margin-left: var(--width100);
    margin-right: var(--width100);*/
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}

    .tariff-table th,
    .tariff-table td {
        border-right: 1px solid #E6E6E6;
        border-bottom: 1px solid #E6E6E6;
        text-align: center;
    }

    .tariff-table tbody th,
    .tariff-table tbody td {
        height: var(--width65);
        font-size: var(--width23);
        font-weight: 900;
    }

    .tariff-table tbody::before,
    .tariff-table tbody::after {
        content: "";
        display: table-row;
        height: var(--width42);
    }


    .tariff-table tr > *:last-child {
        border-right: 0;
    }

    .tariff-table tbody tr:last-child th,
    .tariff-table tbody tr:last-child td {
        border-bottom: 0;
    }

    /* Шапка таблицы */

    .tariff-table thead th {
        background: #b52327;
        color: #fff;
    }

.tariff-table-cost {
    font-size: var(--width23) !important;
    padding: var(--width16);
}

.tariff-main-head th {
    font-size: var(--width37);
    font-weight: 900;
    text-transform: uppercase;
    background: #b52327;
    color: #fff;
    border-bottom: 0;
}

.tariff-sub-head th {
    font-size: var(--width18);
    font-weight: 700;
    line-height: 1.2;
    background: #b52327;
    color: #fff;
    border-top: 0;
    padding-top: var(--width12);
    padding-bottom: var(--width12);
}

.tariff-main-head th:first-child {
    width: var(--tariff-first-col);
}

.tariff-table tbody th {
    width: var(--tariff-first-col);
}

.tariff-main-head th:first-child {
    border-top-left-radius: 0;
}

.tariff-main-head th:last-child {
    border-top-right-radius: 0;
}

.tariff-main-head th[colspan] {
    border-bottom: 1px solid #fff;
}

.tariff-table thead {
    position: relative;
}

    .tariff-table thead::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: calc(var(--width28) * -1);
        height: var(--width30);
        background: #b52327;
        border-radius: 0 0 60px 60px;
        display: none;
    }

    .tariff-table thead th {
        border-right: none !important;
        border-left: none !important;
        border-bottom: none;
    }

.first-column-width-40 {
    width: 40%;
}

.pallet-title {
    padding: var(--width40) var(--width100) var(--width55);
}

.pallets-description {
    padding-left: var(--width100);
    padding-right: var(--width100);
    margin-top: var(--width56);
    margin-bottom: var(--width100);
}

    .pallets-description > ul {
        padding-left: var(--width32);
    }

    .pallets-description p {
        margin-top: var(--width16);
    }

.tariff-table tbody tr:hover th,
.tariff-table tbody tr:hover td {
    background-color: #f8dede;
}

@media (max-width: 800px) {

    .table-scroll {
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: thin;
        scrollbar-color: #b52327 #f0f0f0;
        margin-bottom: var(--width12);
    }

        .table-scroll::-webkit-scrollbar {
            height: 4px;
        }

        .table-scroll::-webkit-scrollbar-track {
            background: #f0f0f0;
            border-radius: 5px;
        }

        .table-scroll::-webkit-scrollbar-thumb {
            background: #b52327;
            border-radius: 5px;
        }

    .table-scroll {
        padding-bottom: var(--width15);
    }

    .tariff-table thead::after {
        display: none;
    }

    .tariff-table {
        min-width: 780px;
        width: 780px;
    }

    .tariff-main-head th {
        font-size: var(--width32);
        padding: var(--width14) var(--width10);
    }

    .tariff-sub-head th {
        font-size: var(--width12);
        padding: var(--width10) var(--width8) var(--width14);
    }

    .tariff-table thead::after {
        height: var(--width20);
        bottom: calc(var(--width15) * -1);
        border-radius: 0 0 60px 60px;
    }

    .pallet-title {
        padding: var(--width24) var(--width56) var(--width46);
        font-size: var(--width18);
    }
}