/* Start:/local/templates/ultra/components/bitrix/news.list/indexBanners/style.css?179317986810174*/
/* Баннерная панель главной ULTRA (шаблон ultra). Текст карточки — HTML из «Детального описания» баннера:
   заголовок .name или h2, описание .descr, кнопка .btn-simple или просто ссылка. */

.ul-banners {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-auto-rows: 228px;
	gap: 16px;
	margin: 24px 0 8px;
	font-family: "Onest", Arial, sans-serif;
}

/* Шесть баннеров: большая карточка слева, две друг над другом, высокая справа, две широкие снизу */
.ul-banners--6 .ul-banner--1 { grid-column: 1 / 6; grid-row: 1 / 3; }
.ul-banners--6 .ul-banner--2 { grid-column: 6 / 10; grid-row: 1; }
.ul-banners--6 .ul-banner--3 { grid-column: 6 / 10; grid-row: 2; }
.ul-banners--6 .ul-banner--4 { grid-column: 10 / 13; grid-row: 1 / 3; }
.ul-banners--6 .ul-banner--5 { grid-column: 1 / 7; grid-row: 3; }
.ul-banners--6 .ul-banner--6 { grid-column: 7 / 13; grid-row: 3; }

/* Другое число баннеров: первая — на две колонки и два ряда, остальные по сетке */
.ul-banners:not(.ul-banners--6) { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.ul-banners:not(.ul-banners--6) .ul-banner--1 { grid-column: span 2; grid-row: span 2; }

.ul-banner {
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 26px 28px;
	border-radius: 24px;
	background: #fff;
	overflow: hidden;
	isolation: isolate;
	transition: box-shadow .2s, transform .2s;
}

.ul-banner:hover {
	box-shadow: 0 16px 36px rgba(43,47,54,.12);
	transform: translateY(-2px);
}

/* Первая карточка — главная: мягкий серый фон и полосы, как на вывеске */
.ul-banner--1 {
	padding: 34px 36px;
	background: linear-gradient(135deg, #eef0f3, #e2e5ea);
}

.ul-banner--1::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: repeating-linear-gradient(-14deg, rgba(255,255,255,.4) 0 18px, transparent 18px 52px);
}

.ul-banner__cover { position: absolute; inset: 0; z-index: 1; }

.ul-banner__text {
	position: relative;
	z-index: 2;
	max-width: 56%;
	pointer-events: none;
}

.ul-banner__text a { pointer-events: auto; }

.ul-banners .ul-banner__text .name,
.ul-banners .ul-banner__text h1,
.ul-banners .ul-banner__text h2,
.ul-banners .ul-banner__text h3 {
	display: block;
	margin: 0;
	color: #2b2f36;
	font: italic 800 24px/1.12 "Exo 2", "Onest", Arial, sans-serif;
	text-decoration: none;
	text-transform: none;
}

.ul-banners .ul-banner--1 .ul-banner__text .name,
.ul-banners .ul-banner--1 .ul-banner__text h1,
.ul-banners .ul-banner--1 .ul-banner__text h2 { font-size: 36px; }

.ul-banners .ul-banner__text a.name:hover { color: #e30613; }

.ul-banners .ul-banner__text .descr {
	display: -webkit-box;
	margin-top: 10px;
	overflow: hidden;
	color: #737984;
	font: 400 14px/1.45 "Onest", Arial, sans-serif;
	text-transform: none;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.ul-banners .ul-banner--1 .ul-banner__text .descr { max-width: 34ch; font-size: 16px; }

.ul-banners .ul-banner__text a:empty,
.ul-banners .ul-banner__text .descr:empty,
.ul-banners .ul-banner__text br { display: none; }

/* Кнопка баннера — красная «таблетка», как на всём сайте */
.ul-banners .ul-banner__text a.btn-simple,
.ul-banners .ul-banner__text > a:not(.name):not(:empty),
.ul-banners .ul-banner__text .descr > a {
	display: inline-flex;
	align-items: center;
	width: auto;
	height: auto;
	min-height: 40px;
	margin-top: 16px;
	padding: 0 18px;
	border: 0;
	border-radius: 999px;
	background: #e30613;
	box-shadow: none;
	color: #fff;
	font: 700 13.5px/1 "Onest", Arial, sans-serif;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
	transition: background .15s;
}

.ul-banners .ul-banner__text a.btn-simple:hover,
.ul-banners .ul-banner__text > a:not(.name):not(:empty):hover,
.ul-banners .ul-banner__text .descr > a:hover { background: #c4000e; color: #fff; }

.ul-banners .ul-banner__text .descr:has(> a.btn-simple) { display: block; -webkit-line-clamp: unset; }

/* Картинка: справа во всю высоту; у высоких карточек — внизу во всю ширину */
.ul-banner__pic {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
	width: 50%;
	height: 100%;
	padding: 14px 14px 14px 0;
	box-sizing: border-box;
}

.ul-banner__pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: right bottom;
	transition: transform .35s ease;
}

.ul-banner:hover .ul-banner__pic img { transform: scale(1.03); }

/* Фото (JPG) — на всю карточку, слева (у высоких — сверху) растворяется в фон под текстом */
.ul-banner { --ul-banner-bg: #fff; }
.ul-banner--1 { --ul-banner-bg: #e8eaee; }

.ul-banners .ul-banner.ul-banner--photo .ul-banner__pic {
	inset: 0;
	width: auto;
	height: auto;
	padding: 0;
}

.ul-banners .ul-banner.ul-banner--photo .ul-banner__pic img { object-fit: cover; object-position: right center; }

.ul-banner--photo .ul-banner__pic::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, var(--ul-banner-bg) 0, var(--ul-banner-bg) 32%, rgba(255,255,255,0) 66%);
}

.ul-banners--6 .ul-banner--1 .ul-banner__text,
.ul-banners--6 .ul-banner--4 .ul-banner__text { max-width: 100%; }

.ul-banners--6 .ul-banner--1 .ul-banner__pic,
.ul-banners--6 .ul-banner--4 .ul-banner__pic {
	left: 0;
	width: 100%;
	height: 56%;
	padding: 0 18px 18px;
}

.ul-banners--6 .ul-banner--1 .ul-banner__pic img,
.ul-banners--6 .ul-banner--4 .ul-banner__pic img { object-position: center bottom; }

.ul-banners--6 .ul-banner--1.ul-banner--photo .ul-banner__pic img,
.ul-banners--6 .ul-banner--4.ul-banner--photo .ul-banner__pic img { object-position: center bottom; }

.ul-banners--6 .ul-banner--1.ul-banner--photo .ul-banner__pic::after,
.ul-banners--6 .ul-banner--4.ul-banner--photo .ul-banner__pic::after {
	background: linear-gradient(180deg, var(--ul-banner-bg) 0, var(--ul-banner-bg) 36%, rgba(255,255,255,0) 64%);
}

/* Высокое фото (выше, чем шире) — целиком по центру места под картинку, а не на всю карточку с обрезкой.
   Белый фон снимка растворяется в фоне карточки (multiply); z-index: auto — иначе смешивать не с чем */
.ul-banners .ul-banner.ul-banner--tall .ul-banner__pic { z-index: auto; }
.ul-banners .ul-banner.ul-banner--tall .ul-banner__pic img { object-position: center; mix-blend-mode: multiply; }

/* Планшет: две колонки, первая карточка во всю ширину */
@media (max-width: 1100px) {
	.ul-banners,
	.ul-banners:not(.ul-banners--6) { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 244px; }
	.ul-banners .ul-banner { grid-column: auto !important; grid-row: auto !important; }
	.ul-banners .ul-banner--1 { grid-column: 1 / -1 !important; }
	.ul-banners--6 .ul-banner--1 .ul-banner__text,
	.ul-banners--6 .ul-banner--4 .ul-banner__text { max-width: 56%; }
	.ul-banners--6 .ul-banner--1 .ul-banner__pic,
	.ul-banners--6 .ul-banner--4 .ul-banner__pic { left: auto; width: 50%; height: 100%; padding: 14px 14px 14px 0; }
	.ul-banners--6 .ul-banner--1 .ul-banner__pic img,
	.ul-banners--6 .ul-banner--4 .ul-banner__pic img { object-position: right bottom; }
	.ul-banners .ul-banner--1 .ul-banner__text .name,
	.ul-banners .ul-banner--1 .ul-banner__text h2 { font-size: 30px; }
	.ul-banners .ul-banner.ul-banner--photo .ul-banner__pic { inset: 0; width: auto; height: auto; padding: 0; }
	.ul-banners .ul-banner.ul-banner--photo .ul-banner__pic img { object-position: right center; }
	.ul-banners--6 .ul-banner.ul-banner--photo .ul-banner__pic::after {
		background: linear-gradient(90deg, var(--ul-banner-bg) 0, var(--ul-banner-bg) 32%, rgba(255,255,255,0) 66%);
	}
}

/* Телефон: карточки листаются пальцем */
@media (max-width: 700px) {
	.ul-banners,
	.ul-banners:not(.ul-banners--6) {
		display: flex;
		gap: 12px;
		margin: 16px -12px 4px;
		padding: 0 12px 6px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		/* Привязка карточки — к отступу страницы, а не к краю экрана */
		scroll-padding: 0 12px;
		scrollbar-width: none;
	}
	.ul-banners::-webkit-scrollbar { display: none; }
	.ul-banners .ul-banner,
	.ul-banners .ul-banner--1 {
		flex: 0 0 86%;
		height: 280px;
		padding: 22px;
		border-radius: 20px;
		scroll-snap-align: start;
	}
	.ul-banners .ul-banner:hover { transform: none; }
	.ul-banners .ul-banner .ul-banner__text,
	.ul-banners--6 .ul-banner--1 .ul-banner__text,
	.ul-banners--6 .ul-banner--4 .ul-banner__text { max-width: 100%; }
	.ul-banners .ul-banner .ul-banner__pic,
	.ul-banners--6 .ul-banner--1 .ul-banner__pic,
	.ul-banners--6 .ul-banner--4 .ul-banner__pic { left: auto; width: 58%; height: 52%; padding: 0 12px 12px 0; }
	.ul-banners .ul-banner .ul-banner__pic img { object-position: right bottom; }
	.ul-banners .ul-banner__text .name,
	.ul-banners .ul-banner__text h2,
	.ul-banners .ul-banner--1 .ul-banner__text .name,
	.ul-banners .ul-banner--1 .ul-banner__text h2 { font-size: 22px; }
	.ul-banners .ul-banner__text .descr,
	.ul-banners .ul-banner--1 .ul-banner__text .descr { max-width: 60%; font-size: 13px; -webkit-line-clamp: 4; }
	.ul-banners .ul-banner.ul-banner--photo .ul-banner__pic { inset: 0; width: auto; height: auto; padding: 0; }
	.ul-banners .ul-banner.ul-banner--photo .ul-banner__pic img { object-position: center bottom; }
	.ul-banners .ul-banner.ul-banner--photo .ul-banner__pic::after {
		background: linear-gradient(180deg, var(--ul-banner-bg) 0, var(--ul-banner-bg) 40%, rgba(255,255,255,0) 72%);
	}
	.ul-banners .ul-banner--photo .ul-banner__text .descr { max-width: 100%; -webkit-line-clamp: 2; }
}

/* End */


/* Start:/local/templates/ultra/components/dresscode/brands.list/.default/style.min.css?17931723362006*/
#brandList{margin-top:24px;overflow:hidden}#brandList a{text-decoration:none}#brandList .heading{background-color:#424242;margin-bottom:0!important;padding-left:18px;line-height:50px;font-size:17px;display:block;color:#fff;height:50px}#brandList .items{list-style:none;overflow:hidden;border-left:1px solid #e7e8ea}#brandList .item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border-right:1px solid #e7e8ea;border-bottom:1px solid #e7e8ea;height:120px;line-height:120px;overflow:hidden;float:left;width:20%}#brandList .tabloid{position:relative;padding:12px}#brandList .markerContainer{position:absolute;z-index:2;left:8px;top:8px}#brandList .marker{font:normal normal 12px roboto_ltregular,arial,sans-serif;background-color:#424242;margin-bottom:8px;border-radius:4px;color:#fff;padding:3px 4px;line-height:16px;z-index:2}#brandList .picture{-webkit-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;transition:.2s all ease-in-out;transform:translate3d(0,0,0);opacity:.8;text-align:center;line-height:100px;display:block;height:100px}#brandList .picture:hover{opacity:1}#brandList .picture img{vertical-align:middle;max-height:80%;max-width:80%}#brandList .name{text-decoration:none;text-align:center;font-size:14px;display:block;color:#000;margin:12px 0}#brandList .last{background-color:#f9f9f9}#brandList .last .wp{vertical-align:middle;display:inline-block;text-align:center;line-height:21px;width:100%}#brandList .last .showMore{-webkit-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;transition:.2s all ease-in-out;vertical-align:middle;display:inline-block;text-align:center;color:#000;width:100%}#brandList .last .showMore:hover{opacity:.7}#brandList .last .icon{display:inline-block;margin-bottom:6px;text-align:center;line-height:21px;height:33px;width:100%}#brandList .last .ps{font-size:18px}#brandList .last .value{padding-left:6px;font-size:18px}#brandList .last .small{display:inline-block;width:100%}
/* End */
/* /local/templates/ultra/components/bitrix/news.list/indexBanners/style.css?179317986810174 */
/* /local/templates/ultra/components/dresscode/brands.list/.default/style.min.css?17931723362006 */