.compare-content {
    align-items: start;
    justify-content: start;
    grid-gap: 15px;
    overflow-x: auto;
}
.compare-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    gap: 20px; /* расстояние между элементами */
    padding: 10px;
    border: 1px solid #ccc; /* Добавить границу */
    margin-bottom: 10px; /* Добавить отступ снизу */
    min-width: 32.5%;
}

.compare-item > * {
    flex: 1; /* Элементы занимают равное пространство */
    text-align: left; /* Выровнять текст по левому краю */
    padding: 5px; /* Внутренний отступ */
}

.compare-item span {
    white-space: nowrap; /* Запретить перенос текста */
    overflow: hidden;
    text-overflow: ellipsis; /* Обрезать текст с троеточием, если он не помещается */
}

.compare-item .tv-fields {
    display: flex;
    flex-direction: column;
    gap: 5px; /* Расстояние между ТВ полями */
    width: 100%;
}

.compare-item .tv-fields p {
    flex: 1;
    width: 100%; /* Устанавливаем ширину для каждой строки ТВ */
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tab-pane {
    display: none;
}
.tab-pane.active {
    display: block;
}

.content .tabs-compare li::before {
    content: none;
}
}