

/* Start:/local/templates/main/components/bitrix/news.list/main__flats_new/style.css?17848668842024*/
/* Десктоп: показываем исходный список, скрываем слайдер */
@media (min-width: 768px) {
    .catalog__slider-mobile {
        display: none;
    }
}

/* Мобильная версия: скрываем исходный список, показываем слайдер */
@media (max-width: 767px) {
    #flats .catalog__list {
        display: none !important;
    }
	#flatsSlider {
		padding: 0px;
	}
    
	#flatsSlider .catalog__viewport {
        padding: 0 0px;
    }
	
	.catalog-nav.special-nav {
		margin: 10px 0;
		display: flex;
	}
	.catalog__track {
		gap: 20px;
	}
	
	.catalog__item.flat-card {
		width: calc(40% - 37px);
		margin: 0;
		max-width: 350px;
	}
	
	.banner.catalog__item {
		margin: 0px;
		width: 100%;
	}
	
    .catalog__slider-mobile {
        display: block;
    }

    /* Стили для слайдера */
    .catalog__slider-wrapper {
        position: relative;
    }
    .catalog__viewport {
        overflow: hidden;
    }
    .catalog__track {
        display: flex;
        transition: transform 0.3s ease;
    }
    .catalog__item {
        flex: 0 0 85%; /* Одна карточка занимает 85 % ширины */
        margin-right: 15px;
    }

    /* Кнопки навигации */
	
    .catalog-nav {
                    display: flex;
                    align-items: center;
                    gap: 8px;
                    flex-shrink: 0;
    }
    .catalog-arrow {
                    width: 40px;
                    height: 40px;
                    border: 1px solid #b8a79c;
                    background: #fff;
                    color: #6f5142;
                    font-size: 20px;
                    line-height: 1;
                    cursor: pointer;
                    transition: 0.3s;
                    display: flex;
                    align-items: center;
                    justify-content: center;
    }
}

/* End */
/* /local/templates/main/components/bitrix/news.list/main__flats_new/style.css?17848668842024 */
