/* Start:/local/templates/sok/components/bitrix/breadcrumb/.default/style.css?1724355381663*/
.bx-breadcrumb {
	margin: 10px 0;
}
.bx-breadcrumb i {
	color: #b5bdc2;
	line-height: 13px;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 5px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 10px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 10px;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	/*font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;*/
	font-size: 13px;
	white-space: normal;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}

.bx-breadcrumb-item a{
    color: #000;
    text-decoration: underline;
}
/* End */


/* Start:/local/templates/sok/components/bitrix/news.list/tarif-times-list-nw2/style.css?17738271751455*/
.l-compare__table {
    flex-direction: row; /* Оставляем первую строку на мобильных */
    display: flex;
}

.flex-column.comparison {
    text-align: center;
}

.js-swiper-table-m {
    flex: 1; /* Swiper занимает оставшееся пространство */
    overflow: hidden; /* Скрываем лишнее */
}

.static-slide-m {
    width: 20%; /* Уменьшаем ширину статичного слайда на мобильных */
    padding-left: 80px;
}

.js-swiper-table-m  {
    width: calc(100% - 80%); /* Ширина Swiper с учетом статичного слайда */
}



.l-compare__card-list {
    padding-left: 10px;
}
@media (min-width: 767px) {
    ul.l-compare__card-list li{
        height: 100px ;
        align-items: end ;
        padding-bottom: 10px;
    }

    ul.l-compare__card-list li:last-child{
        align-items: center ;
    }
}
.l-compare__card-title-m{
    height:80px;
}

@media (max-width: 767px) {

    .static-slide-m {
        width: 40%; /* Уменьшаем ширину статичного слайда на мобильных */
        padding-left: 0px;
    }
    
    .js-swiper-table-m  {
        width: calc(100% - 60%); /* Ширина Swiper с учетом статичного слайда */
    }


    .l-compare__card-list {
        padding-left: 10px;
    }

    .l-compare__card-title{
        height:60px;
    }
}








/* End */


/* Start:/local/templates/sok/components/bitrix/news.list/tarif-times-list-nw2/style_dev.css?17739354234616*/
:root {
    --color-blue: #003594;
    --color-grey: #808080;
    --color-white: #F8F8F8;
    --text-main: #000000;
    --column-gap: 30px; /* Добавлено: переменная для расстояния между колонками */
}

.text-left{
    text-align: left;
}

.compare-card__info-group{
    text-align: center;
    display: flex;
    flex-direction: column;
}

.l-residents-choice__header{
    position: absolute;
    top: -30px; /* Выходит за верхнюю границу карточки */
    right: calc(50% - 30px);
    width: 60px;
    height: 55px;
    background: #003594; /* Синий цвет как у карточки */
    border: 1px solid #FFFFFF; /* Белая граница */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.residents-text{
    font-size: 8px;
    font-weight: 100;
}

.compare-table__wrapper {
    width: 100%;
    overflow-x: auto;
    padding: 30px 20px;
    margin-top: 20px
}

.compare-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: var(--column-gap) 0; /* Изменено: используем переменную для расстояния между колонками */
    font-family: 'Inter', sans-serif;
    table-layout: fixed;
}

/* --- Заголовки (Шапки колонок) --- */
.compare-table__th {
    padding: 30px 15px 15px;
    vertical-align: bottom;
    width: 250px;
}

/* Первая пустая/текстовая колонка */
.compare-table__th--sticky,
.compare-table__td--label {
    background: transparent !important;
    text-align: left;
    width: 250px;
    color: var(--text-main);
}

/* Все ячейки с данными */
.compare-table__td--value {
    width: 250px;

}

.compare-table__td--value .border-block {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Стили текста в карточке */
.compare-card__name {
    display: block;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.compare-card__desc {
    display: block;
    font-size: 12px;
    line-height: 1.3;
    opacity: 0.9;
}

.border-block{
    border-bottom: 0.5px solid ;
    border-color: #A8A8A8;
    padding: 10px 0;
    align-items: center;

}

tr:last-child .compare-table__td .border-block{
    border-bottom: none;
    margin-bottom: 15px;
}

tr:last-child .compare-table__td--label{
    border-bottom: none;
    margin-bottom: 15px;
}

/* --- Тело таблицы --- */
.compare-table__td {
    padding: 0 15px;
    text-align: center;
    vertical-align: bottom;
    height: fit-content;
    word-wrap: break-word;
    overflow-wrap: break-word;
}



/* Для белой колонки линии должны быть темными */
.col--white.compare-table__td {

}

.compare-table__td--label {
    border-bottom: 0.5px solid ;
    border-color: #A8A8A8;
    width: 250px;
}

.compare-table__td--label .border-block{
    border-bottom: none;
}

.fs-14-10{
    font-size: 14px;
    font-weight: 100;
}

.c-bold{
    font-weight: 600;
}

/* Убираем правый отступ у последней колонки, чтобы таблица не выходила за границы */
.compare-table th:last-child,
.compare-table td:last-child {
    margin-right: 0;
}

/* Синяя (SOK ПЛЮС) */
.col--blue {
    background-color: var(--color-blue);
    color: #fff;
    position: relative;
}

/* Серая (SOK ПРОФИ) */
.col--grey {
    background-color: var(--color-grey);
    color: #fff;
}

/* Белая (SOK СТАРТ) */
.col--white {
    background-color: var(--color-white);
    color: var(--text-main);
}

/* Иконки (Галочки и Крестики) */
.compare-table__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-size: 14px;
    height: 27px;
    width: 27px;
}

/* Звездочка "Выбор резидентов" */
.compare-table__th--featured {
    position: relative;
}
.compare-table__th--featured::before {
    content: '★ Выбор резидентов';
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: #0047BB;
    color: #fff;
    font-size: 10px;
    padding: 4px 12px;
    border-radius: 4px;
    white-space: nowrap;
}
/* End */


/* Start:/local/templates/sok/components/bitrix/catalog.item/object/style.css?17612196841662*/
.swiper-container-office {
    width: 100%;
    height: 100%; /* Настройте высоту по своему усмотрению */
    position: relative;
    overflow: hidden;
}

.swiper-wrapper {
    display: flex; /* Swiper использует flex для слайдов */
    width: 100%;
    height: 100%;

}

.swiper-slide {
    flex-shrink: 0; /* Запретить слайдам сжиматься */
    width: 100%; /* Каждый слайд занимает 100% ширины контейнера */
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover; /* Сохранить пропорции изображения */
}

.swiper-btns {
    position: absolute; /* Позиционируем кнопки внутри контейнера */
    top: 50%; /* Размещаем по вертикали по центру */
    left: 35px;
    right: 35px;
    transform: translateY(-50%); /* Смещаем вверх на половину высоты */
    display: flex;
    justify-content: space-between; /* Распределяем кнопки по краям */
    z-index: 10; /* Убедитесь, что кнопки выше слайдов */
    pointer-events: none; /* Отключаем взаимодействие с контейнером */
    overflow: visible;
}

.swiper-button-next-office,
.swiper-button-prev-office {
    pointer-events: auto; /* Включаем взаимодействие с кнопками */

}
p.sale {
    color:#C6C6C6;
    text-decoration: line-through;
}
/* End */
/* /local/templates/sok/components/bitrix/breadcrumb/.default/style.css?1724355381663 */
/* /local/templates/sok/components/bitrix/news.list/tarif-times-list-nw2/style.css?17738271751455 */
/* /local/templates/sok/components/bitrix/news.list/tarif-times-list-nw2/style_dev.css?17739354234616 */
/* /local/templates/sok/components/bitrix/catalog.item/object/style.css?17612196841662 */