.calculator_page_app {
    margin-bottom: 35px;
}

.calculator_page_app a {
    color: #212121;
}

.calculator_page_app a:hover {
    color: #616161;
}

.t-calculator {
    display: flex;
    gap: 20px;
}

.tc-page-title {
    font-size: 40px;
    margin-bottom: 20px;
}

.tc-body {
    width: calc(100% - 380px - 20px);
}

.tc-sidebar {
    width: 380px;
}

.tс-block {
    border: 1px solid #DADADA;
    padding: 20px;
    border-radius: 10px;
}

.tс-block-no-border {
    padding: 21px;
}

.bg-grey {
    background: #F5F5F5;
}

.mr-top {
    margin-top: 20px;
}

.calculator_page_app .main_title {
    font-size: 20px;
    font-weight: 500;
}

.calculator_page_app .second_title {
    font-size: 16px;
    font-weight: 600;
}

.calculator_page_app .third_title {
    font-size: 14px;
    font-weight: 600;
}

.column-flex {
    display: flex;
    flex-direction: column;
}

.column-flex div::first-letter {
    text-transform: uppercase;
}

.gap20 {
    gap: 20px;
}

.gap10 {
    gap: 10px;
}

.tc-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.bb1px {
    border-bottom: 1px solid #DADADA;
}

.tc-header-result {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    font-size: 14px;
    color: #ccc; /* светло-серый для текста */
}

.cancel-sizes {
    cursor: pointer;
}

.tc-header-result .value {
    background: #000;
    color: #fff;
    padding: 4px 10px;
    border-radius: 12px;
    font-weight: 500;
    font-size: 13px;
    white-space: nowrap;
}

.tc-header-result .label {
    color: #ccc;
    font-weight: 400;
}

.js_diameter_warning {
    text-align: center;
    padding: 15px;
    background-color: #fad7d7;
    border-radius: 10px;
    font-weight: 500;
    display: none;
}

.tc-want-items {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 14px;
    flex-wrap: wrap;
}

.tc-want-item {
    padding: 7px 15px;
    background-color: #f3f3f3;
    border-radius: 10px;
    border: 1px solid #DADADA;
    margin: -15px 0 15px 0;
    cursor: pointer;
}

.tc-want-item:hover {
    border: 1px solid #c5c4c4;
    background-color: #ececec;
}

.tc-want-item.active {
    border: 1px solid #b9b9b9;
    background-color: #e5e5e5;
}

/* Кнопки */
.tc-btn {
    border-radius: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 12px 20px;
    background: #FFD600;
    color: #212121;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    border: 0;
    max-width: 100%;
    transition: 0.3s;
}

.tc-btn.w100 {
    width: 100%;
}

.tc-btn.disabled {
    background: #dddddd;
    pointer-events: none;
}

/* Тип */
.tc-choose-type {
    border: 1px solid #DADADA;
    border-radius: 10px;
    display: flex;
}

.tc-type-item {
    width: calc(100% / 2);
    padding: 20px;
    cursor: pointer;
}

.tc-type-item.active {
    background-color: #FFD600;
}

.tc-type-body {
    display: none;
}

.tc-type-body.active {
    display: block;
}

.selects-block {
    display: flex;
    gap: 30px;
}

.selects-block-tyre, .selects-block-disc {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 30px;
    width: calc((100% - 30px * 1) / 2);
}

.selects-block-item {
    width: calc((100% - 30px * 2) / 3);
}

.selects-block-item:nth-child(1), .selects-block-item:nth-child(5) {
    width: 100%;
}

.selects-block-item:nth-child(1) {
    font-weight: 600;
}

.js_calculator_disc_width .selects-block-item:nth-child(1), .js_calculator_tyre_width .selects-block-item:nth-child(1) {
    width: calc((100% - 30px * 2) / 3);
    font-weight: 400;
}

.result-table {
    display: flex;
    flex-direction: column;
}

.result-table.compare-table {
    min-width: 700px;
}

.result-table-row {
    display: flex;
    padding: 10px 15px;
    border-bottom: 1px solid #f5f5f5;
}

.result-table-column {
    width: 50%;
}

.result-table.compare-table .result-table-column:first-child {
    width: 33%;
}

.result-table.compare-table .result-table-column:not(:first-child) {
    width: calc((100% - 33%) / 3);
}

.compare-table .result-table-row {
    gap: 10px;
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
    margin-top: 8px;
}

.changes-result .result-table-column {
    gap: 5px;
}

.changes-result .changes-title {
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0 10px 15px;
}

.result-table-column.green-bg,
.result-table-column.red-bg {
    border-radius: 5px;
    padding: 10px 15px;
}

.green-bg {
    background-color: #e6f9ef;
}

.red-bg {
    background-color: #fad7d7;
}

.changes-result .result-table-column div::before {
    content: "– ";
    color: inherit;
}

/* Сайдбар */
.tc-sidebar-body {
    display: flex;
    gap: 15px;
    flex-direction: column;
}

.tc-sidebar-sticky {
    position: sticky;
    top: 120px;
}

.tc-sidebar-head {
    font-size: 20px;
    font-weight: 500;
}

.tc-finder {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

.tc-finder-size {
    font-weight: 500;
}

.tс-block-pro-calc-btn {
    padding: 25px 0;
}

.calculator_page_app .car_list_wrap .selects {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 30px;
}

.calculator_page_app .car_list_wrap .selects .rows {
    width: calc((100% - 30px * 3) / 4);
}

/* select2 */
.calculator_page_app .select2-container--default .select2-selection--single .select2-selection__arrow {
    border-left: 1px solid #fff;
}


.js_compatibility_warning {
    display: none;
    font-size: 12px;
    margin-top: 16px;
    color: #d32f2f;
    line-height: 1.3;
}

.js_compatibility_warning.visible {
    display: block;
}

@media screen and (max-width: 1024px) {
    .t-calculator {
        flex-direction: column;
    }

    .tc-body, .tc-sidebar {
        width: 100%;
    }

    .selects-block-tyre, .selects-block-disc {
        width: 100%;
    }

    .tc-header:has(.tc-header-result) {
        flex-wrap: wrap;
        gap: 10px;
    }

    .tc-header-result {
        justify-content: flex-end;
    }

    .tc-header-result .label {
        color: #8f8f8f;
    }

    .selects-block {
        flex-wrap: wrap;
    }

    .changes-result .result-table-column {
        gap: 4px;
        width: 100%;
    }

    .changes-result .result-table-row {
        flex-wrap: wrap;
        padding: 10px 5px;
    }

    .changes-result .changes-title {
        margin: 10px 0 10px 5px;
    }

    .js_compatibility_warning {
        font-size: 12px;
        text-align: center;
    }

    .result-table.compare-table .result-table-column:first-child {
        width: 35%;
    }

    .result-table.compare-table .result-table-column:not(:first-child) {
        width: calc((100% - 35%) / 3);
    }

    .result-table-row {
        align-items: center;
        gap: 2px 5px;
    }

    .calculator_page_app .car_list_wrap .selects .rows {
        width: calc((100% - 30px * 1) / 2);
    }

    .tс-block {
        padding: 20px 10px;
    }
}

.tc-visual {
    display: flex;
    min-width: 800px;
}

.tc-visual div{
    width: 50%;
}