/* Start:/bitrix/templates/dresscode/components/bitrix/news/brands/style.css?17760805245159*/
.brandsHeading {
	padding-top: 24px;
	border-top: 1px solid #e7e8ea;
}

.brandsDescription {
	margin-bottom: 24px;
	color: #888888;
	font-size: 12px;
}

.brandsBigPicture {
	margin-top: 24px;
	margin-bottom: 24px;
}

.backToList {
	display: block;
	margin-top: 12px;
	margin-bottom: 24px;
	color: #000000;
	transition: all 0.2s ease-in-out;
}

.backToList:active {
	position: relative;
	top: 1px;
}

#left .heading .arrow {
	background-position: -27px 50%;
	transition: all 0.5s;
}

#left .heading.opened .arrow {
	transform: rotate(90deg);
}

#nextSection {
	margin-top: 24px;
	margin-bottom: 24px;
	border-top: 1px solid #e7e8ea;
	border-right: 1px solid #e7e8ea;
	border-left: 1px solid #e7e8ea;
	border-radius: 4px;
}

#nextSection .title {
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	background-color: #f3f3f3;
	cursor: pointer;
}

#nextSection ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nextSection li,
#nextSection .title {
	border-bottom: 1px solid #e7e8ea;
}

/* #nextSection li{
	padding: 12px 24px;
} */

#nextSection li a {
	display: inline-block;
	padding: 12px 24px;
	color: #000000;
	font-size: 13px;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

#nextSection li a:hover,
#nextSection li .selected {
	color: #ffa800;
}

#nextSection li .cnt {
	float: right;
	color: #888888;
}

@media all and (max-width: 700px) {
	.backToList {
		float: none;
		margin: 18px 0;
	}
}

/*Добавление кнопки "Все товары с этим принтом"*/
/* Увеличиваем высоту карточки, чтобы кнопка влезла */
#brandList .item {
    height: auto !important; /* Разрешаем карточке расти вниз */
    min-height: 220px;       /* Минимальная высота, подберите под ваш дизайн */
    margin-bottom: 20px;
}

#brandList .tabloid {
    height: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 15px;
}

/* Стили самой ссылки-кнопки */
.brand-btn-container {
    padding: 0 10px;
    margin-top: 10px;
}

.brand-link-all {
    display: block;
    text-align: center;
    font-size: 11px;
    color: #3e74e6; /* Оранжевый цвет как в теме */
    text-decoration: underline;
    line-height: 1.2;
}

.brand-link-all:hover {
    text-decoration: none;
    color: #000;
}

/*Изменяем стиль вывода списка принтов*/
/* Контейнер списка */
#brandList .items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Отступы между карточками */
    border: none !important;
}

/* Сама карточка */
#brandList .item {
    border: none !important; /* Убираем те самые рамки */
    background: #ffffff;
    border-radius: 12px;     /* Скругление углов */
    transition: all 0.3s ease; /* Плавность эффектов */
    height: auto !important;
    flex: 1 1 200px;         /* Адаптивность */
    max-width: 280px;
    padding: 15px;
}

/* Эффект при наведении */
#brandList .item:hover {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08); /* Мягкая тень */
    transform: translateY(-5px);                /* Приподнимаем карточку */
}

/* Внутренний блок */
#brandList .tabloid {
    border: none !important;
    height: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Стилизация кнопки */
.brand-btn-container {
    margin-top: auto; /* Прижимает кнопку к низу */
    padding-top: 15px;
    width: 100%;
}

.brand-link-all {
    display: block;
    text-align: center;
    padding: 10px 15px;
    background-color: #f8f9fa; /* Светлый нейтральный фон */
    color: #333 !important;
    text-decoration: none !important;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid #eee;
    transition: all 0.2s;
}

.brand-link-all:hover {
    background-color: #ff9601; /* Фирменный оранжевый при наведении */
    color: #fff !important;
    border-color: #ff9601;
}

/* Фикс для картинок */
#brandList .item .picture img {
    max-width: 100%;
    height: auto;
    filter: grayscale(10%); /* Легкий эффект для стиля */
    transition: filter 0.3s;
}

#brandList .item:hover .picture img {
    filter: grayscale(0%);
}

/*Кнопки постраничной навигации для списка принтов*/

/* Контейнер для кнопок навигации */
.navigation-wrapper {
    width: 100%;
    clear: both;
    margin: 30px 0;
    display: block;
    text-align: center; /* Центрируем кнопки "Туда-Сюда" */
}

/* Очистка потока для флекс-контейнера */
#brandList {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}
/* End */


/* Start:/bitrix/templates/dresscode/components/bitrix/system.pagenavigation/round/style.min.css?17726487001664*/
.bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{position:relative;text-align:center}.bx-pagination .bx-pagination-container ul{display:inline-block;margin:0;padding:0;list-style:none}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px}.bx-pagination .bx-pagination-container ul li span{display:block;box-sizing:border-box;min-width:32px;height:32px;padding:0 8px;color:#444;font-size:14px;line-height:32px;vertical-align:middle;background:#eff0f1;border-radius:16px;transition:color .3s ease,background-color .3s ease,border-color .3s ease}.bx-pagination .bx-pagination-container ul li a{display:block;min-width:32px;height:32px;color:#444;line-height:32px;text-decoration:none;vertical-align:middle;border-radius:16px}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span{padding:0 18px;color:#444;line-height:28px;background:#fff;border:2px solid #eff0f1}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span{padding:0 18px;color:#aab1b4;line-height:28px;background:#fff;border:2px solid #eff0f1}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span{color:#000;background:#fff;border-color:#dadada}
/* End */


/* Start:/bitrix/templates/dresscode/components/dresscode/slider/middle/style.min.css?17726487001734*/
#middleSlider{position:relative;display:none;margin-top:24px}#middleSlider .wrap{position:relative;overflow:hidden}#middleSlider ul{position:relative}#middleSlider ul li{display:block;float:left}#middleSlider ul li img{transition:all 1s ease-in-out}#middleSlider ul li:hover img{transform:scale(1.03)}#middleSlider ol{position:absolute;bottom:12px;left:50%;margin:0;padding:0;list-style:none}#middleSlider ol{position:absolute;bottom:12px;left:50%}#middleSlider ol li{float:left;width:18px;height:18px;margin-right:4px;background:url(/bitrix/templates/dresscode/components/dresscode/slider/middle/images/slideButton.svg) 0 0 no-repeat transparent;cursor:pointer}#middleSlider ol li:hover{background:url(/bitrix/templates/dresscode/components/dresscode/slider/middle/images/slideButton.svg) -18px 0 no-repeat transparent}#middleSlider ol li:active{background:url(/bitrix/templates/dresscode/components/dresscode/slider/middle/images/slideButton.svg) -36px 0 no-repeat transparent}#middleSlider ol li.selected{background:url(/bitrix/templates/dresscode/components/dresscode/slider/middle/images/slideButton.svg) -54px 0 no-repeat transparent}#middleSlider ol li.selected:hover{background:url(/bitrix/templates/dresscode/components/dresscode/slider/middle/images/slideButton.svg) -72px 0 no-repeat transparent}#middleSlider ol li.selected:active{background:url(/bitrix/templates/dresscode/components/dresscode/slider/middle/images/slideButton.svg) -90px 0 no-repeat transparent}#middleSlider .middleSliderBtnLeft,#middleSlider .middleSliderBtnRight{position:absolute;top:50%;display:block;width:30px;height:60px;margin-top:-30px;background:url(/bitrix/templates/dresscode/components/dresscode/slider/middle/images/slideArrow.svg) no-repeat transparent}#middleSlider .middleSliderBtnLeft{left:0;background-position:0 0}#middleSlider .middleSliderBtnLeft:hover{background-position:-30px 0}#middleSlider .middleSliderBtnLeft:active{background-position:-60px 0}#middleSlider .middleSliderBtnRight{right:0;background-position:0 -60px}#middleSlider .middleSliderBtnRight:hover{background-position:-30px -60px}#middleSlider .middleSliderBtnRight:active{background-position:-60px -60px}
/* End */
/* /bitrix/templates/dresscode/components/bitrix/news/brands/style.css?17760805245159 */
/* /bitrix/templates/dresscode/components/bitrix/system.pagenavigation/round/style.min.css?17726487001664 */
/* /bitrix/templates/dresscode/components/dresscode/slider/middle/style.min.css?17726487001734 */