/* ULTRA.KG 2026 (шаблон ultra): общие блоки витрины на всех страницах — заголовки секций, полки товаров
   с прокруткой и карточка товара (/local/include/ultra_products.php → ultraProductCard), «Вы смотрели» (parts/viewed.php).
   Стили раздела каталога — ниже, в этом же файле. Подключается после css/ultra.css (header.php). */

.ul-stripes { display: inline-grid; gap: 4px; width: 30px; flex: 0 0 auto; color: var(--ul-red); }
.ul-stripes i { display: block; height: 4px; border-radius: 2px; background: currentColor; }
.ul-stripes i:nth-child(2) { width: 80%; justify-self: end; }
.ul-stripes i:nth-child(3) { width: 60%; justify-self: end; }

.ul-btn--white, .ul-btn--white:visited { background: var(--ul-card); color: var(--ul-red); }
.ul-btn--white:hover { background: var(--ul-red-50); color: var(--ul-red); }

.ul-section-head { display: flex; align-items: center; gap: 12px 16px; flex-wrap: wrap; margin-bottom: 18px; }
.ul-section-head h2 { display: flex; align-items: center; gap: 14px; margin: 0; color: var(--ul-text); font: italic 800 30px/1.15 var(--ul-display); }
.ul-section-head__note { color: var(--ul-muted); font-size: 14px; }
.ul-section-head__tools { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.ul-section-head__all, .ul-section-head__all:visited { padding: 9px 16px; border-radius: 999px; background: var(--ul-g-100); color: var(--ul-g-700); font: 700 13.5px/1 var(--ul-body); white-space: nowrap; }
.ul-section-head__all:hover { background: var(--ul-red-50); color: var(--ul-red); }

.ul-scroll-btn {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: 50%;
	background: var(--ul-card);
	color: var(--ul-text);
	box-shadow: 0 2px 8px rgba(43,47,54,.08);
	cursor: pointer;
	transition: background .15s, color .15s, opacity .15s;
}
.ul-scroll-btn:hover { background: var(--ul-red); color: #fff; }
.ul-scroll-btn[data-ul-scroll="-1"] .ul-icon { transform: scaleX(-1); }
.ul-scroll-btn:disabled { opacity: .35; cursor: default; background: var(--ul-card); color: var(--ul-text); }

/* ---------- Полки товаров ---------- */

.ul-shelf, .ul-shelf *, .ul-shelf *::before, .ul-shelf *::after { box-sizing: border-box; }
.ul-shelf a { text-decoration: none; }
.ul-section-head h2 { text-transform: none; }

.ul-shelf__track {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 4 * 12px) / 5);
	gap: 12px;
	padding: 4px 2px 10px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
}
.ul-shelf__track::-webkit-scrollbar { display: none; }

.ul-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 14px;
	border-radius: 20px;
	background: var(--ul-card);
	scroll-snap-align: start;
	transition: box-shadow .15s, transform .15s;
}
.ul-card:hover { box-shadow: 0 14px 30px rgba(43,47,54,.10); transform: translateY(-2px); }
.ul-card__badge { position: absolute; top: 14px; left: 14px; z-index: 1; padding: 5px 10px; border-radius: 999px; background: var(--ul-red); color: #fff; font: 800 11px/1 var(--ul-body); letter-spacing: .04em; }
/* Метки HIT / NEW — акцентным шрифтом See (только латиница) */
/* точечный шрифт мельче 16px сливается */
.ul-card__badge { padding: 6px 12px 5px; font-family: var(--ul-accent); font-weight: 400; font-size: 16px; letter-spacing: .08em; }
/* Фото вписывается в рамку целиком: высокие (чайники, холодильники) не налезают на «В наличии» */
.ul-card__pic { position: relative; display: block; height: 170px; margin: 6px 0 12px; overflow: hidden; }
.ul-card__pic img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: contain; }
.ul-card__stock { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; color: #11804a; font-size: 12px; font-weight: 600; }
.ul-card__stock::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.ul-card__stock.is-order { color: #b06a00; }
.ul-card__title, .ul-card__title:visited {
	display: -webkit-box;
	min-height: 58px;
	margin-bottom: 10px;
	overflow: hidden;
	color: var(--ul-text);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.38;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.ul-card__title:hover { color: var(--ul-red); }
.ul-card__bottom { display: grid; gap: 10px; margin-top: auto; }
.ul-card__price { color: var(--ul-text); font: 800 20px/1.1 var(--ul-body); }
.ul-card__buy, .ul-card__buy:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	border-radius: 999px;
	background: var(--ul-g-100);
	color: var(--ul-red);
	font: 700 14px/1 var(--ul-body);
	transition: background .15s, color .15s;
}
.ul-card__buy:hover, .ul-card__buy.added { background: var(--ul-red); color: #fff; }
.ul-card__buy .ul-icon, .ul-card__buy img { width: 18px; height: 18px; }

/* ---------- «Вы смотрели» над подвалом ---------- */

.ul-viewed { padding: 8px 0 0; font-family: var(--ul-body); }
.ul-viewed .ul-shelf { margin-top: 40px; }

@media (max-width: 1100px) {
	.ul-shelf__track { grid-auto-columns: calc((100% - 3 * 12px) / 3.4); }
}

@media (max-width: 700px) {
	.ul-section-head h2 { font-size: 24px; }
	.ul-section-head__note { display: none; }
	.ul-scroll-btn { display: none; }
	.ul-shelf__track { grid-auto-columns: 68%; margin: 0 -12px; padding: 4px 12px 10px; scroll-padding: 0 12px; }
	.ul-viewed .ul-shelf__track { margin: 0 -16px; padding: 4px 16px 10px; scroll-padding: 0 16px; }
	.ul-card__pic { height: 140px; }
}

/* =====================================================================
   Раздел каталога (dresscode:catalog → section.php шаблона ultra)
   Белые карточки на сером фоне, без рамок; кнопки-таблетки; фильтр и панель сортировки — карточками.
   ===================================================================== */

/* Страницы в новом шаблоне — на светло-сером фоне, блоки белые */
body.ultra,
body.ultra #foundation,
body.ultra #main,
body.ultra #right { background-color: var(--ul-bg); }

/* Хлебные крошки и заголовок */
body.ultra #breadcrumbs { margin: 4px 0 10px; font: 400 13px/1.4 var(--ul-body); }
body.ultra #breadcrumbs ul { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0; padding: 0; }
body.ultra #breadcrumbs li { float: none; margin: 0; padding: 0; background: none; }
body.ultra #breadcrumbs a, body.ultra #breadcrumbs span { color: var(--ul-muted); font: inherit; }
body.ultra #breadcrumbs a:hover span { color: var(--ul-red); }
body.ultra #breadcrumbs .arrow { color: #b4b8c0; }
/* На телефоне крошки листаются вбок: затухание у края — в цвет серого фона, а не белое */
body.ultra #breadcrumbs::after { background: linear-gradient(to right, rgba(241,242,245,0), var(--ul-bg) 100%); }
body.ultra #right > h1 { margin: 0 0 18px; color: var(--ul-text); font: italic 800 clamp(26px, 2.4vw, 34px)/1.15 var(--ul-display); text-transform: none; }

/* Лента подразделов с иконками над товарами (/local/include/ultra_subcats.php) и быстрый переход на /catalog/ */
.ul-subcats-wrap { position: relative; margin: 0 0 16px; font-family: var(--ul-body); }
.ul-subcats {
	display: flex;
	gap: 10px;
	padding: 2px 2px 4px;
	overflow-x: auto;
	scrollbar-width: none;
	scroll-behavior: smooth;
}
.ul-subcats::-webkit-scrollbar { display: none; }
.ul-subcats.is-dragging { cursor: grabbing; user-select: none; }
.ul-subcats.is-dragging a { pointer-events: none; }

.ul-subcat,
.ul-subcat:visited {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
	max-width: 260px;
	min-height: 56px;
	padding: 8px 16px 8px 10px;
	border: 2px solid transparent;
	border-radius: 18px;
	background: var(--ul-card);
	color: var(--ul-text);
	font: 700 13.5px/1.25 var(--ul-body);
	text-decoration: none;
	transition: border-color .15s, color .15s, box-shadow .15s;
}
.ul-subcat > span:not(.ul-ci) { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ul-subcat:hover { color: var(--ul-red); box-shadow: 0 8px 20px rgba(43,47,54,.08); }
.ul-subcat.is-active { border-color: var(--ul-red); color: var(--ul-red); }
.ul-subcat .ul-ci { display: grid; flex: 0 0 auto; }
.ul-subcat.is-active .ul-ci { background: var(--ul-red); color: #fff; }
.ul-subcat--all .ul-ci { background: var(--ul-g-100); }
.ul-subcat .ul-cnt { padding: 3px 7px; border-radius: 999px; background: var(--ul-g-100); color: var(--ul-g-600); font-size: 11.5px; }
.ul-subcat.is-active .ul-cnt { background: var(--ul-card); color: var(--ul-red); }
.ul-subcats-wrap .ul-quicknav__arrow--prev { left: -6px; }
.ul-subcats-wrap .ul-quicknav__arrow--next { right: -6px; }
.ul-subcats-wrap::before,
.ul-subcats-wrap::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 4px;
	z-index: 1;
	width: 56px;
	pointer-events: none;
	opacity: 0;
	transition: opacity .2s;
}
.ul-subcats-wrap::before { left: 0; background: linear-gradient(90deg, var(--ul-bg) 25%, rgba(241,242,245,0)); }
.ul-subcats-wrap::after { right: 0; background: linear-gradient(270deg, var(--ul-bg) 25%, rgba(241,242,245,0)); }
.ul-subcats-wrap.can-prev::before, .ul-subcats-wrap.can-next::after { opacity: 1; }

/* Панель «Сортировать / Показать по / Вид каталога» */
body.ultra #catalogLine {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 18px;
	height: auto;
	min-height: 56px;
	margin: 0 0 14px;
	padding: 8px 14px;
	border: 0;
	border-radius: 20px;
	background: var(--ul-card);
	font-family: var(--ul-body);
}
body.ultra #catalogLine .column { display: flex; align-items: center; gap: 8px; float: none; height: auto; margin: 0; padding: 0; border: 0; }
body.ultra #catalogLine .column:last-child { margin-left: auto; }
body.ultra #catalogLine .label { color: var(--ul-muted); font: 400 13px/1 var(--ul-body); }
body.ultra #catalogLine .dropDownList { position: relative; min-width: 0; height: auto; border: 0; }
body.ultra #catalogLine .dropDownSelected {
	height: 38px;
	padding: 0 34px 0 14px;
	border: 0;
	border-radius: 999px;
	background: var(--ul-g-100) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23464b54%22 stroke-width=%222%22 stroke-linecap=%22round%22%3E%3Cpath d=%22m6 9 6 6 6-6%22/%3E%3C/svg%3E") no-repeat right 12px center / 14px;
	color: var(--ul-text);
	font: 600 13px/38px var(--ul-body);
}
body.ultra #catalogLine .dropDownItems { top: calc(100% + 6px); min-width: 100%; padding: 6px; border: 0; border-radius: 16px; background: var(--ul-card); box-shadow: 0 16px 36px rgba(43,47,54,.16); }
body.ultra #catalogLine .dropDownItem { padding: 8px 12px; border-radius: 10px; font: 500 13px/1.3 var(--ul-body); white-space: nowrap; }
body.ultra #catalogLine .dropDownItem:hover, body.ultra #catalogLine .dropDownItem.selected { background: var(--ul-red-50); color: var(--ul-red); }
/* Вид каталога: сегменты с векторными значками (спрайт dresscode обрезался и показывал соседние значки) */
body.ultra #catalogLine .viewList { display: flex; gap: 2px; padding: 3px; border-radius: 999px; background: var(--ul-g-100); }
body.ultra #catalogLine .viewList .element { float: none; width: auto; height: auto; margin: 0; padding: 0; border: 0; background: none; }
body.ultra #catalogLine .viewList .element::before, body.ultra #catalogLine .viewList .element::after { content: none; }
body.ultra #catalogLine .viewList a {
	display: grid;
	place-items: center;
	width: 38px;
	height: 32px;
	border: 0;
	border-radius: 999px;
	background: none !important;
	color: var(--ul-g-600);
	transition: background-color .15s, color .15s, box-shadow .15s;
}
body.ultra #catalogLine .viewList a::before { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--ul-view-ico) center / contain no-repeat; mask: var(--ul-view-ico) center / contain no-repeat; }
body.ultra #catalogLine .viewList a.squares { --ul-view-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%226.5%22 height=%226.5%22 rx=%221.6%22/%3E%3Crect x=%2213.5%22 y=%224%22 width=%226.5%22 height=%226.5%22 rx=%221.6%22/%3E%3Crect x=%224%22 y=%2213.5%22 width=%226.5%22 height=%226.5%22 rx=%221.6%22/%3E%3Crect x=%2213.5%22 y=%2213.5%22 width=%226.5%22 height=%226.5%22 rx=%221.6%22/%3E%3C/svg%3E"); }
body.ultra #catalogLine .viewList a.line { --ul-view-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%224%22 width=%226.5%22 height=%226.5%22 rx=%221.6%22/%3E%3Crect x=%223.5%22 y=%2213.5%22 width=%226.5%22 height=%226.5%22 rx=%221.6%22/%3E%3Cpath d=%22M13.5 5.8h7M13.5 8.8h4.5M13.5 15.3h7M13.5 18.3h4.5%22/%3E%3C/svg%3E"); }
body.ultra #catalogLine .viewList a.table { --ul-view-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 6h11.5M9 12h11.5M9 18h11.5%22/%3E%3Cpath d=%22M4 6h1.2M4 12h1.2M4 18h1.2%22 stroke-width=%222.6%22/%3E%3C/svg%3E"); }
body.ultra #catalogLine .viewList a:hover { color: var(--ul-red); }
body.ultra #catalogLine .viewList a.selected { background: var(--ul-card) !important; color: var(--ul-red); box-shadow: 0 2px 6px rgba(43,47,54,.12); }
body.ultra #catalogLine .oSmartFilter { border-radius: 999px; }
/* Кнопка «Фильтр» — только там, где фильтр не помещается слева (как в dresscode, до 1024px) */
body.ultra #catalogLine .column.oFilter { display: none; }
body.ultra #catalogLine .dropDownList { width: auto; }
body.ultra #catalogLine .dropDownSelected { width: auto; min-width: 72px; overflow: visible; text-overflow: clip; }
body.ultra #catalogLine .dropDownSelected::after { content: none; }
/* Стрелки лент вне шапки: скрытая стрелка не должна показываться из-за display: grid */
.ul-quicknav__arrow[hidden] { display: none !important; }

/* Фильтр слева */
body.ultra #left { width: 280px; padding-right: 16px; }
body.ultra #smartFilter {
	width: auto;
	margin: 0;
	padding: 6px 18px 18px;
	border: 0;
	border-radius: 20px;
	background: var(--ul-card);
	font-family: var(--ul-body);
}
body.ultra #smartFilter .heading {
	display: block;
	height: auto;
	margin: 0;
	padding: 14px 0 10px;
	border: 0;
	background: none;
	color: var(--ul-text);
	font: italic 800 19px/1.2 var(--ul-display);
	text-align: left;
	text-transform: none;
}
body.ultra #smartFilter .paramsBox { position: relative; padding: 12px 0; border: 0; border-top: 1px solid var(--ul-line); }
body.ultra #smartFilter .paramsBoxTitle span { color: var(--ul-text); font: 700 14px/1.3 var(--ul-body); }
/* Название группы и уголок — в одну строку по центру; длинное название («Объём памяти видеоадаптера Мб»)
   переносится, уголок остаётся справа. Уголок — свой (картинка шаблона сидела ниже текста):
   у свёрнутой группы смотрит вправо, у раскрытой (.expanded) — вниз */
body.ultra #smartFilter .paramsBoxTitle { max-width: calc(100% - 28px); }
body.ultra #smartFilter .paramsBox:has(> .propExpander) { display: flex; flex-wrap: wrap; align-items: center; column-gap: 6px; }
body.ultra #smartFilter .paramsBox:has(> .propExpander) > :not(.paramsBoxTitle):not(.propExpander) { flex: 0 0 100%; }
/* Отступ под названием (у шаблона — margin-bottom заголовка) — у списка значений и только у раскрытой группы,
   иначе по центру строки уголок съезжает вниз, а у свёрнутой группы остаётся пустая полоса */
body.ultra #smartFilter .paramsBox:has(> .propExpander) > .paramsBoxTitle { margin-bottom: 0; }
body.ultra #smartFilter .paramsBox:has(> .propExpander) > .params:not(.collapsed) { margin-top: 14px; }
body.ultra #smartFilter .paramsBox .propExpander { flex: 0 0 auto; width: 20px; height: 20px; margin: 0; background: none !important; transform: none !important; color: var(--ul-muted); }
body.ultra #smartFilter .paramsBox .propExpander::before { content: ""; display: block; width: 100%; height: 100%; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m6 9 6 6 6-6%22/%3E%3C/svg%3E") center / 14px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m6 9 6 6 6-6%22/%3E%3C/svg%3E") center / 14px no-repeat; transform: rotate(-90deg); transition: transform .15s; }
body.ultra #smartFilter .paramsBox .propExpander.expanded::before { transform: none; }
body.ultra #smartFilter .paramsBox:hover .propExpander { color: var(--ul-red); }
body.ultra #smartFilter .params li { padding: 4px 0; }
body.ultra #smartFilter .params label { color: var(--ul-g-700); font: 400 14px/1.35 var(--ul-body); }
body.ultra #smartFilter .params input[type=checkbox] { accent-color: var(--ul-red); }
body.ultra #smartFilter .elCount { color: var(--ul-muted); font-size: 12px; text-decoration: none; }
body.ultra #smartFilter .rangeSlider input[type=text] {
	height: 38px;
	padding: 0 12px;
	border: 1.5px solid var(--ul-line);
	border-radius: 999px;
	background: var(--ul-card);
	color: var(--ul-text);
	font: 600 13px/1 var(--ul-body);
}
body.ultra #smartFilter .rangeSlider input[type=text]:focus { border-color: var(--ul-red); outline: 0; }
body.ultra #smartFilter .showALL { color: var(--ul-red); font: 600 13px/1 var(--ul-body); }
body.ultra #smartFilterControls { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 14px 0 0; padding: 0; }
body.ultra #smartFilterControls li { float: none; width: auto; margin: 0; padding: 0; }
body.ultra #smartFilterControls a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: 100%;
	height: 42px;
	border: 0;
	border-radius: 999px;
	font: 700 14px/1 var(--ul-body);
	text-transform: none;
}
body.ultra #smartFilterControls #set_filter { background: var(--ul-red); color: #fff; }
body.ultra #smartFilterControls #set_filter:hover { background: var(--ul-red-600); }
body.ultra #smartFilterControls #del_filter { background: var(--ul-g-100); color: var(--ul-g-700); }
body.ultra #smartFilterControls #del_filter:hover { background: var(--ul-red-50); color: var(--ul-red); }
body.ultra #modef { border: 0; border-radius: 14px; background: var(--ul-ink); color: #fff; box-shadow: 0 12px 28px rgba(43,47,54,.25); font-family: var(--ul-body); }
body.ultra #modef a#modef_send { color: #fff; text-decoration: underline; }
/* Слева больше нет «Уточнить раздел» — если у раздела нет фильтра, пустую колонку не показываем */
body.ultra #left:not(:has(#smartFilter, .paramsBox, #nextSection)) { display: none; }
/* …и отступ под неё у правой колонки не нужен: крошки и заголовок — по краю шапки (страница товара и др.).
   Только на компьютере: на телефоне это правило убирало левое поле — корзина, избранное, кабинет прилипали к краю */
@media (min-width: 701px) {
	body.ultra #left:not(:has(#smartFilter, .paramsBox, #nextSection)) + #right { padding-left: 0; }
}
/* Телефон: поля внутренних страниц 16px, как у шапки (тема даёт 12px); главная (.ul-home) — по своим правилам */
@media (max-width: 700px) {
	body.ultra #main #right:not(:has(.ul-home)) { box-sizing: border-box; padding-left: 16px; padding-right: 16px; }
}

/* Карточки товаров (catalog.item, вид «плитка») */
body.ultra .items.productList { gap: 12px; }
body.ultra .items.productList .item.product {
	height: auto;
	border: 0;
	border-radius: 20px;
	background: var(--ul-card);
	box-shadow: none;
	transition: box-shadow .15s, transform .15s;
}
body.ultra .items.productList .item.product:hover { box-shadow: 0 14px 30px rgba(43,47,54,.10); transform: translateY(-2px); }
body.ultra .items.productList .item.product .tabloid { height: auto; padding: 14px; border: 0; background: none; box-shadow: none; }
body.ultra .item.product .picture { height: 200px; line-height: 200px; }
body.ultra .item.product .picture img { max-height: 100%; max-width: 100%; object-fit: contain; }
body.ultra .item.product .picture { position: relative; }
body.ultra .item.product .getFastView,
html body.ultra #catalogLineList .picture .getFastView {
	top: auto;
	bottom: 10px;
	left: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: auto;
	height: 34px;
	margin: 0 !important;
	padding: 0 16px;
	border-radius: 999px;
	background: rgba(43,47,54,.84);
	color: #fff;
	font: 600 13px/1 var(--ul-body);
	white-space: nowrap;
	transform: translate(-50%, 6px) !important;
}
body.ultra .item.product .getFastView::before,
html body.ultra #catalogLineList .picture .getFastView::before { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.8%22/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.8%22/%3E%3C/svg%3E") center / contain no-repeat; }
body.ultra .item.product:hover .getFastView,
html body.ultra #catalogLineList .picture:hover .getFastView { transform: translate(-50%, 0) !important; }
body.ultra .item.product .name {
	display: -webkit-box;
	height: auto;
	min-height: 58px;
	margin: 8px 0 10px;
	overflow: hidden;
	color: var(--ul-text);
	font: 500 14px/1.38 var(--ul-body);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
body.ultra .item.product .name .middle { display: inline; font: inherit; line-height: inherit; }
body.ultra .item.product .name:hover { color: var(--ul-red); }
body.ultra .item.product .price { color: var(--ul-text); font: 800 20px/1.15 var(--ul-body); }
body.ultra .item.product .price .measure { color: var(--ul-muted); font: 500 13px/1 var(--ul-body); }
body.ultra .item.product .price .discount { color: var(--ul-muted); font: 500 14px/1 var(--ul-body); }
body.ultra .item.product .addCart,
body.ultra .item.product .btn-simple.add-cart {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 42px;
	border: 0;
	border-radius: 999px;
	background: var(--ul-g-100);
	color: var(--ul-red);
	font: 700 14px/1 var(--ul-body);
	text-transform: none;
	transition: background .15s, color .15s;
}
body.ultra .item.product .addCart:hover,
body.ultra .item.product .btn-simple.add-cart:hover,
body.ultra .item.product .addCart.added { background: var(--ul-red); color: #fff; }
/* Значок корзины — векторный, цветом текста кнопки (картинку dresscode прячем) */
body.ultra .item.product .addCart img.icon { display: none; }
body.ultra .item.product .addCart span { display: inline-flex; align-items: center; gap: 8px; }
body.ultra .item.product .addCart span::before {
	content: "";
	width: 18px;
	height: 18px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2.5 3.5h2.6l2.4 11.2a1.5 1.5 0 0 0 1.5 1.2h8.6a1.5 1.5 0 0 0 1.5-1.1l1.9-7.3H6.1%22/%3E%3Ccircle cx=%229.5%22 cy=%2220%22 r=%221.4%22/%3E%3Ccircle cx=%2217.5%22 cy=%2220%22 r=%221.4%22/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2.5 3.5h2.6l2.4 11.2a1.5 1.5 0 0 0 1.5 1.2h8.6a1.5 1.5 0 0 0 1.5-1.1l1.9-7.3H6.1%22/%3E%3Ccircle cx=%229.5%22 cy=%2220%22 r=%221.4%22/%3E%3Ccircle cx=%2217.5%22 cy=%2220%22 r=%221.4%22/%3E%3C/svg%3E") center / contain no-repeat;
}

/* =====================================================================
   Виды «Список» (#catalogLineList) и «Таблица» (#catalogTableList) — белые карточки, как плитка.
   Общие правила обоих сайтов (/local/css/ul-catalog-views.css) написаны с html body и !important,
   поэтому здесь те же приёмы, но с body.ultra
   ===================================================================== */
html body.ultra #catalogLineList,
html body.ultra #catalogTableList { --ul-accent: var(--ul-red); --ul-accent-soft: var(--ul-red-50); --ul-line: var(--ul-g-200); font-family: var(--ul-body); }

/* Строка-карточка */
html body.ultra #catalogLineList .itemRow,
html body.ultra #catalogTableList .itemRow {
	border: 0 !important;
	border-radius: 20px !important;
	background: var(--ul-card) !important;
	box-shadow: none !important;
	transition: box-shadow .15s, transform .15s;
}
html body.ultra #catalogLineList .itemRow:hover,
html body.ultra #catalogTableList .itemRow:hover { box-shadow: 0 14px 30px rgba(43,47,54,.10) !important; transform: translateY(-2px); }

/* Название и цена */
html body.ultra #catalogLineList .name,
html body.ultra #catalogTableList .name {
	display: -webkit-box !important;
	overflow: hidden;
	color: var(--ul-text) !important;
	font: 600 16px/1.4 var(--ul-body) !important;
	text-decoration: none;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
html body.ultra #catalogLineList .name .middle,
html body.ultra #catalogTableList .name .middle { display: inline !important; font: inherit !important; }
html body.ultra #catalogLineList .name:hover,
html body.ultra #catalogTableList .name:hover { color: var(--ul-red) !important; }
html body.ultra #catalogLineList .price,
html body.ultra #catalogTableList .price { color: var(--ul-text) !important; font: 800 24px/1.15 var(--ul-body) !important; text-align: left !important; text-decoration: none; white-space: nowrap; }
html body.ultra #catalogLineList .price .measure,
html body.ultra #catalogTableList .price .measure { color: var(--ul-muted); font: 500 13px/1 var(--ul-body); }
html body.ultra #catalogLineList .price .discount,
html body.ultra #catalogTableList .price .discount { display: block; margin-top: 4px; color: var(--ul-muted); font: 500 14px/1 var(--ul-body); }

/* Память и накопитель — серые плашки без рамки */
html body.ultra .itemRow .ulSkuBoxLine.ulSkuBoxSpecs .ulSpecRow { padding: 8px 12px; border: 0; border-radius: 12px; background: var(--ul-g-50); }
html body.ultra .itemRow .ulSkuBoxSpecs .ulSpecLabel { color: var(--ul-muted); }
html body.ultra .itemRow .ulSkuBoxSpecs .ulSpecValue { color: var(--ul-text); font-weight: 700; }

/* «В корзину» — та же серая кнопка с красным текстом, что и в плитке; добавлен в корзину — красная */
html body.ultra #catalogLineList .addCart,
html body.ultra #catalogTableList .addCart {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-sizing: border-box;
	width: 100% !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 16px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--ul-g-100) !important;
	color: var(--ul-red) !important;
	font: 700 14px/1 var(--ul-body) !important;
	text-transform: none;
	text-decoration: none !important;
	transition: background .15s, color .15s;
}
html body.ultra #catalogLineList .addCart:hover,
html body.ultra #catalogTableList .addCart:hover,
html body.ultra #catalogLineList .addCart.added,
html body.ultra #catalogTableList .addCart.added { background: var(--ul-red) !important; color: #fff !important; }
html body.ultra #catalogLineList .addCart img.icon,
html body.ultra #catalogTableList .addCart img.icon { display: none !important; }
html body.ultra #catalogLineList .addCart::before,
html body.ultra #catalogTableList .addCart::before { content: ""; flex: 0 0 auto; width: 18px; height: 18px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2.5 3.5h2.6l2.4 11.2a1.5 1.5 0 0 0 1.5 1.2h8.6a1.5 1.5 0 0 0 1.5-1.1l1.9-7.3H6.1%22/%3E%3Ccircle cx=%229.5%22 cy=%2220%22 r=%221.4%22/%3E%3Ccircle cx=%2217.5%22 cy=%2220%22 r=%221.4%22/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2.5 3.5h2.6l2.4 11.2a1.5 1.5 0 0 0 1.5 1.2h8.6a1.5 1.5 0 0 0 1.5-1.1l1.9-7.3H6.1%22/%3E%3Ccircle cx=%229.5%22 cy=%2220%22 r=%221.4%22/%3E%3Ccircle cx=%2217.5%22 cy=%2220%22 r=%221.4%22/%3E%3C/svg%3E") center / contain no-repeat; }
html body.ultra #catalogLineList .addCart.disabled,
html body.ultra #catalogTableList .addCart.disabled { background: var(--ul-g-100) !important; color: var(--ul-muted) !important; }

/* Избранное, сравнение, «Купить в 1 клик» — круглые серые кнопки с векторным значком */
html body.ultra #catalogLineList .optional .label.addWishlist,
html body.ultra #catalogLineList .optional .label.addCompare,
html body.ultra #catalogLineList .optional .label.quickBuy,
html body.ultra #catalogTableList .optional .label.addWishlist,
html body.ultra #catalogTableList .optional .label.addCompare,
html body.ultra #catalogTableList .optional .label.quickBuy {
	gap: 7px;
	width: 38px !important;
	height: 38px !important;
	border: 0 !important;
	border-radius: 999px;
	background: var(--ul-g-100);
	color: var(--ul-g-700) !important;
	transition: background .15s, color .15s;
}
html body.ultra #catalogLineList .optional .label.addWishlist:hover,
html body.ultra #catalogLineList .optional .label.addCompare:hover,
html body.ultra #catalogLineList .optional .label.quickBuy:hover,
html body.ultra #catalogTableList .optional .label.addWishlist:hover,
html body.ultra #catalogTableList .optional .label.addCompare:hover,
html body.ultra #catalogTableList .optional .label.quickBuy:hover,
html body.ultra #catalogLineList .optional .label.added,
html body.ultra #catalogTableList .optional .label.added { border: 0 !important; background: var(--ul-red-50); color: var(--ul-red) !important; }
html body.ultra #catalogLineList .optional .label.addWishlist .icon,
html body.ultra #catalogLineList .optional .label.addCompare .icon,
html body.ultra #catalogLineList .optional .label.quickBuy .icon,
html body.ultra #catalogTableList .optional .label .icon { display: none !important; }
html body.ultra #catalogLineList .optional .label.addWishlist::before,
html body.ultra #catalogLineList .optional .label.addCompare::before,
html body.ultra #catalogLineList .optional .label.quickBuy::before,
html body.ultra #catalogTableList .optional .label.addWishlist::before,
html body.ultra #catalogTableList .optional .label.addCompare::before,
html body.ultra #catalogTableList .optional .label.quickBuy::before { content: ""; flex: 0 0 auto; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--ul-act-ico) center / contain no-repeat; mask: var(--ul-act-ico) center / contain no-repeat; }
html body.ultra .itemRow .optional .label.addWishlist { --ul-act-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 20s-7.5-4.6-7.5-10.1A4.4 4.4 0 0 1 12 7.4a4.4 4.4 0 0 1 7.5 2.5C19.5 15.4 12 20 12 20z%22/%3E%3C/svg%3E"); }
html body.ultra .itemRow .optional .label.addCompare { --ul-act-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 20v-8M12 20V4M18 20v-5%22/%3E%3C/svg%3E"); }
html body.ultra .itemRow .optional .label.quickBuy { --ul-act-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M13 2.8 5.2 13.4h6.1L10.6 21.2l7.9-10.6h-6.1z%22/%3E%3C/svg%3E"); }
html body.ultra .itemRow .optional .label.addWishlist.added::before { background: var(--ul-red); }

/* Наличие — плашка с точкой */
html body.ultra #catalogLineList .optional .label.changeAvailable,
html body.ultra #catalogTableList .optional .label.changeAvailable {
	gap: 6px;
	height: 28px !important;
	padding: 0 12px !important;
	font: 600 12.5px/28px var(--ul-body) !important;
}
html body.ultra #catalogLineList .optional .label.changeAvailable::before,
html body.ultra #catalogTableList .optional .label.changeAvailable::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }

/* ---------- Список: фото | название и характеристики | цена и покупка ---------- */
html body.ultra #catalogLineList .itemRow {
	display: grid !important;
	grid-template-columns: 220px minmax(0, 1fr) 290px;
	width: auto !important;
	height: auto !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
	overflow: hidden;
}
html body.ultra #catalogLineList .itemRow > .column {
	display: block !important;
	float: none !important;
	width: auto !important;
	height: auto !important;
	padding: 22px !important;
	border: 0 !important;
	background: none !important;
	line-height: normal;
}
html body.ultra #catalogLineList .itemRow > .column:first-child {
	position: relative;
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 14px !important;
}
html body.ultra #catalogLineList .picture {
	position: relative;
	display: flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100% !important;
	height: 184px !important;
	padding: 10px !important;
	border: 0 !important;
	border-radius: 16px;
	background: var(--ul-photo) !important;
	line-height: normal !important;
}
html body.ultra #catalogLineList .picture img { position: static; width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain; }
html body.ultra #catalogLineList .name { margin: 0 0 14px !important; }
html body.ultra #catalogLineList .itemRow > .column:last-child {
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	gap: 12px;
	padding: 22px !important;
	box-shadow: inset 1px 0 0 var(--ul-g-100);
}
html body.ultra #catalogLineList .resizeColumn { float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; text-align: left; }
html body.ultra #catalogLineList .price { display: block !important; margin: 0 !important; }
html body.ultra #catalogLineList .optional .label.quickBuy { flex: 1 1 0; min-width: 0; width: auto !important; padding: 0 12px !important; overflow: hidden; font: 600 13px/1 var(--ul-body) !important; white-space: nowrap; }
html body.ultra #catalogLineList .article { margin-top: 10px !important; color: var(--ul-muted); font-size: 12px; }

/* ---------- Таблица (компьютер): фото | название | цена | «В корзину» | 3 кнопки | наличие ---------- */
@media (min-width: 701px) {
	html body.ultra #catalogTableList .itemRow {
		grid-template-columns: 72px minmax(0, 1fr) 132px 164px 38px 38px 38px 118px !important;
		column-gap: 12px !important;
		margin: 0 0 8px !important;
		padding: 10px 18px 10px 10px !important;
		border-radius: 18px !important;
	}
	html body.ultra #catalogTableList .itemRow > .column { border: 0 !important; background: none !important; }
	html body.ultra #catalogTableList .picture { width: 72px !important; height: 72px !important; padding: 4px !important; border: 0 !important; border-radius: 14px; }
	html body.ultra #catalogTableList .name { margin: 0 0 4px !important; font-size: 14.5px !important; -webkit-line-clamp: 2; }
	html body.ultra #catalogTableList .price { font-size: 19px !important; }
	html body.ultra #catalogTableList .price .measure { display: block; margin-top: 3px; }
	html body.ultra #catalogTableList .addCart { height: 40px !important; padding: 0 12px !important; font-size: 13.5px !important; }
	html body.ultra #catalogTableList .optional .label.quickBuy { font-size: 0 !important; }
}
@media (min-width: 701px) and (max-width: 1180px) {
	html body.ultra #catalogTableList .itemRow { grid-template-columns: 64px minmax(0, 1fr) 118px 150px !important; row-gap: 8px; }
}

@media (max-width: 1180px) {
	html body.ultra #catalogLineList .itemRow { grid-template-columns: 190px minmax(0, 1fr); }
	html body.ultra #catalogLineList .itemRow > .column:last-child {
		grid-column: 1 / -1;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		gap: 10px 16px;
		padding: 14px 22px !important;
		box-shadow: inset 0 1px 0 var(--ul-g-100);
	}
	html body.ultra #catalogLineList .addCart { width: 200px !important; }
	html body.ultra #catalogLineList .resizeColumn.last { flex: 1 1 260px; }
}

@media (max-width: 700px) {
	html body.ultra #catalogLineList .itemRow { grid-template-columns: 112px minmax(0, 1fr); margin-bottom: 8px !important; border-radius: 16px !important; }
	html body.ultra #catalogLineList .itemRow > .column { padding: 12px !important; }
	html body.ultra #catalogLineList .itemRow > .column:first-child { align-items: flex-start; padding: 10px !important; }
	html body.ultra #catalogLineList .picture { height: 96px !important; padding: 4px !important; }
	html body.ultra #catalogLineList .name { margin-bottom: 8px !important; font-size: 14px !important; }
	html body.ultra #catalogLineList .itemRow > .column:last-child { gap: 10px; padding: 12px !important; }
	html body.ultra #catalogLineList .price { font-size: 20px !important; }
	html body.ultra #catalogLineList .addCart { width: auto !important; height: 42px !important; }
	html body.ultra #catalogLineList .article { display: none !important; }
	html body.ultra #catalogLineList .itemRow:hover,
	html body.ultra #catalogTableList .itemRow:hover { transform: none; }
	/* Таблица на телефоне: фото | название, ниже цена и «В корзину» (остальные колонки шаблон прячет сам) */
	html body.ultra #catalogTableList .itemRow {
		display: grid !important;
		grid-template-columns: 88px minmax(0, 1fr) auto;
		align-items: center;
		gap: 10px 12px;
		width: auto !important;
		height: auto !important;
		margin: 0 0 8px !important;
		padding: 12px !important;
		border-radius: 16px !important;
	}
	html body.ultra #catalogTableList .itemRow > .column { float: none !important; width: auto !important; height: auto !important; padding: 0 !important; text-align: left !important; }
	html body.ultra #catalogTableList .itemRow > .column:nth-child(2) { grid-column: 2 / -1; }
	html body.ultra #catalogTableList .itemRow > .column:nth-child(5) { grid-column: 1 / 3; }
	html body.ultra #catalogTableList .picture { display: flex !important; align-items: center; justify-content: center; width: 88px !important; height: 88px !important; }
	html body.ultra #catalogTableList .picture img { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain; }
	html body.ultra #catalogTableList .name { margin: 0 0 6px !important; font-size: 14px !important; text-align: left !important; }
	html body.ultra #catalogTableList .ulSkuBoxCompact { justify-content: flex-start; }
	html body.ultra #catalogTableList .price { font-size: 19px !important; }
	html body.ultra #catalogTableList .addCart { width: auto !important; height: 42px !important; }
}

/* =====================================================================
   «Характеристики» на странице товара по группам (components/dresscode/catalog.properties.list/group)
   ===================================================================== */
body.ultra .ul-specs-box { font-family: var(--ul-body); }
body.ultra .ul-specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 48px; }
body.ultra .ul-specs--flat { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
body.ultra .ul-specs__title { margin: 0 0 12px; color: var(--ul-text); font: italic 800 17px/1.3 var(--ul-display); text-transform: none; }
body.ultra .ul-specs__list { display: grid; gap: 10px; margin: 0; padding: 0; }
body.ultra .ul-spec { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; font: 400 14px/1.45 var(--ul-body); }
body.ultra .ul-spec dt { display: flex; align-items: baseline; min-width: 0; margin: 0; color: var(--ul-muted); font-weight: 400; }
body.ultra .ul-spec dt span { overflow-wrap: anywhere; }
body.ultra .ul-spec dt::after { content: ""; flex: 1 1 auto; min-width: 12px; margin-left: 6px; border-bottom: 1px dotted var(--ul-g-300); }
body.ultra .ul-spec dd { margin: 0; color: var(--ul-text); overflow-wrap: anywhere; }
body.ultra .ul-spec dd a { color: var(--ul-red); }
body.ultra .ul-specs__more {
	display: none;
	align-items: center;
	justify-content: center;
	height: 42px;
	margin: 18px 0 0;
	padding: 0 20px;
	border: 0;
	border-radius: 999px;
	background: var(--ul-g-100);
	color: var(--ul-g-700);
	font: 700 14px/1 var(--ul-body);
	cursor: pointer;
}
body.ultra .ul-specs__more:hover { background: var(--ul-red-50); color: var(--ul-red); }
@media (max-width: 700px) {
	body.ultra .ul-specs { grid-template-columns: minmax(0, 1fr); gap: 22px; }
	body.ultra .ul-specs.is-folded .ul-specs__group:nth-child(n + 3) { display: none; }
	body.ultra .ul-specs__more { display: flex; }
}

/* =====================================================================
   Окно «Товар добавлен в корзину» (dresscode:sale.basket.window, разметка приходит из ajax.php).
   Тема dresscode: тёмная полоса заголовка, таблица иконок со спрайтами — перекрываем через body.ultra #appBasket.
   На телефоне шаблон окно не показывает (template_styles.css)
   ===================================================================== */
body.ultra #appBasket { background: rgba(20,22,26,.55); font-family: var(--ul-body); }
body.ultra #appBasketContainer {
	top: 50%;
	left: 50%;
	width: min(640px, calc(100% - 32px));
	height: auto;
	margin: 0;
	overflow: hidden;
	border-radius: 24px;
	background: var(--ul-card);
	box-shadow: 0 30px 70px rgba(20,22,26,.3);
	transform: translate(-50%, -50%);
}
body.ultra #appBasket .heading {
	display: flex;
	align-items: center;
	gap: 12px;
	height: auto;
	padding: 22px 70px 0 24px;
	background: none;
	color: var(--ul-text);
	font: italic 800 21px/1.25 var(--ul-display);
	text-align: left;
}
body.ultra #appBasket .heading::before { content: ""; flex: 0 0 auto; width: 36px; height: 36px; border-radius: 50%; background: var(--ul-ok-bg) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%2313804a%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m5 12.5 4.5 4.5L19 7.5%22/%3E%3C/svg%3E") center / 20px no-repeat; }
body.ultra #appBasket .close { top: 16px; right: 16px; width: 40px; height: 40px; border-radius: 50%; background: var(--ul-g-100) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%232b2f36%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 6l12 12M18 6 6 18%22/%3E%3C/svg%3E") center / 18px no-repeat; opacity: 1; }
body.ultra #appBasket .close:hover { background-color: var(--ul-red-50); }
body.ultra #appBasket .rating, body.ultra #appBasket .markerContainer { display: none; }
body.ultra #appBasket .container { display: grid; grid-template-columns: 180px minmax(0, 1fr); align-items: center; gap: 22px; padding: 18px 24px 22px; background: none; }
body.ultra #appBasket .picture { display: grid; place-items: center; float: none; width: 180px; height: 180px; border-radius: 18px; background: var(--ul-photo); box-shadow: inset 0 0 0 1px var(--ul-g-100); line-height: normal; }
body.ultra #appBasket .picture a { display: grid; place-items: center; width: 100%; height: 100%; }
body.ultra #appBasket .picture img { max-width: 86%; max-height: 86%; object-fit: contain; }
body.ultra #appBasket .information { line-height: normal; }
body.ultra #appBasket .information .wrapper { display: grid; gap: 12px; }
body.ultra #appBasket .name {
	display: -webkit-box;
	height: auto;
	margin: 0;
	overflow: hidden;
	color: var(--ul-text);
	font: 600 15px/1.4 var(--ul-body);
	text-decoration: none;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
body.ultra #appBasket .name:hover { color: var(--ul-red); }
body.ultra #appBasket .price { margin: 0; color: var(--ul-text); font: 800 24px/1.1 var(--ul-body); text-decoration: none; }
body.ultra #appBasket .price .measure { color: var(--ul-muted); font: 500 13px/1 var(--ul-body); }
body.ultra #appBasket .qtyBlock { display: flex; align-items: center; gap: 8px; margin: 0; }
body.ultra #appBasket .qtyBlock .label { margin-right: 4px; color: var(--ul-muted); font: 500 13px/1 var(--ul-body); }
body.ultra #appBasket .plus,
body.ultra #appBasket .minus { display: block; width: 36px; height: 36px; border-radius: 50%; background: var(--ul-g-100); color: var(--ul-text); transition: background .15s, color .15s; }
body.ultra #appBasket .plus::before,
body.ultra #appBasket .minus::before { content: ""; display: block; width: 100%; height: 100%; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 12h12%22/%3E%3C/svg%3E") center / 14px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 12h12%22/%3E%3C/svg%3E") center / 14px no-repeat; }
body.ultra #appBasket .plus::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 6v12M6 12h12%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 6v12M6 12h12%22/%3E%3C/svg%3E"); }
body.ultra #appBasket .plus:hover, body.ultra #appBasket .minus:hover { background: var(--ul-red-50); color: var(--ul-red); }
body.ultra #appBasket .qty { width: 48px; height: 36px; padding: 0; border: 0; border-radius: 10px; background: var(--ul-g-50); color: var(--ul-text); font: 700 15px/36px var(--ul-body); text-align: center; }
body.ultra #appBasket .qty.error { box-shadow: inset 0 0 0 2px var(--ul-red); }
body.ultra #appBasket .sum { display: inline-flex; align-items: baseline; justify-self: start; height: auto; margin: 0; padding: 10px 14px; border-radius: 14px; background: var(--ul-g-50); color: var(--ul-muted); font: 500 14px/1.2 var(--ul-body); }
body.ultra #appBasket .sum .allSum { margin-left: 4px; color: var(--ul-text); font: 800 18px/1 var(--ul-body); }

/* Низ окна: круглые кнопки «Сравнить», «В избранное», «Удалить» и две кнопки-таблетки */
body.ultra #appBasket .lower { height: auto; overflow: visible; padding: 14px 24px 22px; border-top: 1px solid var(--ul-g-100); background: none; line-height: normal; }
body.ultra #appBasket .lower .tools,
body.ultra #appBasket .lower .tools tbody,
body.ultra #appBasket .lower .tools tr { display: flex; align-items: center; gap: 8px; width: 100%; }
body.ultra #appBasket .lower .tools td { display: block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: normal; }
/* Тема красит ячейку при наведении (#2b2b2b) — квадрат вокруг круглой кнопки */
body.ultra #appBasket .lower .tools td:hover { background: none; }
body.ultra #appBasket .lower .tools td.icon:has(.availability) { display: none; }
body.ultra #appBasket .lower .tools .icon a { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--ul-g-100); color: var(--ul-g-700); transition: background .15s, color .15s; }
body.ultra #appBasket .lower .tools .icon .ico { width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--ul-pop-ico) center / contain no-repeat; mask: var(--ul-pop-ico) center / contain no-repeat; }
body.ultra #appBasket .lower .tools .addCompare { --ul-pop-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 20v-8M12 20V4M18 20v-5%22/%3E%3C/svg%3E"); }
body.ultra #appBasket .lower .tools .addWishlist { --ul-pop-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 20s-7.5-4.6-7.5-10.1A4.4 4.4 0 0 1 12 7.4a4.4 4.4 0 0 1 7.5 2.5C19.5 15.4 12 20 12 20z%22/%3E%3C/svg%3E"); }
body.ultra #appBasket .lower .tools .delete { --ul-pop-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4.5 7h15M9.5 7V4.8h5V7M6.5 7l.9 12.2a1.5 1.5 0 0 0 1.5 1.3h6.2a1.5 1.5 0 0 0 1.5-1.3L17.5 7M10.2 10.5v6.5M13.8 10.5v6.5%22/%3E%3C/svg%3E"); }
body.ultra #appBasket .lower .tools .icon a:hover,
body.ultra #appBasket .lower .tools .icon a.added { background: var(--ul-red-50); color: var(--ul-red); }
body.ultra #appBasket .lower .tools .continue { margin-left: auto; }
body.ultra #appBasket .lower .tools .continue a,
body.ultra #appBasket .lower .tools .goToBasket a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 48px;
	padding: 0 20px;
	border-radius: 999px;
	background: var(--ul-g-100);
	color: var(--ul-g-700);
	font: 700 14px/1 var(--ul-body);
	text-decoration: none;
	white-space: nowrap;
	transition: background .15s, color .15s;
}
body.ultra #appBasket .lower .tools .continue img,
body.ultra #appBasket .lower .tools .goToBasket img { display: none; }
body.ultra #appBasket .lower .tools .continue .text,
body.ultra #appBasket .lower .tools .goToBasket .text { margin: 0; color: inherit; font: inherit; }
body.ultra #appBasket .lower .tools .continue a:hover { background: var(--ul-g-200); color: var(--ul-text); }
body.ultra #appBasket .lower .tools .goToBasket a { background: var(--ul-red); color: #fff; }
body.ultra #appBasket .lower .tools .goToBasket a:hover { background: var(--ul-red-600); }
body.ultra #appBasket .lower .tools .goToBasket a::before { content: ""; width: 20px; height: 20px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2.5 3.5h2.6l2.4 11.2a1.5 1.5 0 0 0 1.5 1.2h8.6a1.5 1.5 0 0 0 1.5-1.1l1.9-7.3H6.1%22/%3E%3Ccircle cx=%229.5%22 cy=%2220%22 r=%221.4%22/%3E%3Ccircle cx=%2217.5%22 cy=%2220%22 r=%221.4%22/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2.5 3.5h2.6l2.4 11.2a1.5 1.5 0 0 0 1.5 1.2h8.6a1.5 1.5 0 0 0 1.5-1.1l1.9-7.3H6.1%22/%3E%3Ccircle cx=%229.5%22 cy=%2220%22 r=%221.4%22/%3E%3Ccircle cx=%2217.5%22 cy=%2220%22 r=%221.4%22/%3E%3C/svg%3E") center / contain no-repeat; }
@media (max-width: 700px) {
	body.ultra #appBasket .container { grid-template-columns: 110px minmax(0, 1fr); gap: 14px; padding: 14px 16px 16px; }
	body.ultra #appBasket .picture { width: 110px; height: 110px; }
	body.ultra #appBasket .lower .tools tr { flex-wrap: wrap; }
	body.ultra #appBasket .lower .tools .continue { margin-left: 0; }
}

/* «В корзине» (товар уже в корзине): тема красит кнопку в #2b2b2b с !important — делаем это состояние одинаковым
   во всех видах (графит, белый текст), как на странице товара */
body.ultra .item.product .addCart.added,
body.ultra .item.product .btn-simple.add-cart.added { background: var(--ul-ink) !important; color: #fff !important; }
body.ultra .item.product .addCart.added:hover { background: var(--ul-ink-hover) !important; }
/* Кнопка без обёртки текста (избранное, сравнение): значок корзины — псевдоэлементом, картинку темы прячем */
body.ultra .item.product .addCart:not(:has(> span))::before,
body.ultra #scrollTable .addCart::before { content: ""; flex: 0 0 auto; width: 18px; height: 18px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2.5 3.5h2.6l2.4 11.2a1.5 1.5 0 0 0 1.5 1.2h8.6a1.5 1.5 0 0 0 1.5-1.1l1.9-7.3H6.1%22/%3E%3Ccircle cx=%229.5%22 cy=%2220%22 r=%221.4%22/%3E%3Ccircle cx=%2217.5%22 cy=%2220%22 r=%221.4%22/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2.5 3.5h2.6l2.4 11.2a1.5 1.5 0 0 0 1.5 1.2h8.6a1.5 1.5 0 0 0 1.5-1.1l1.9-7.3H6.1%22/%3E%3Ccircle cx=%229.5%22 cy=%2220%22 r=%221.4%22/%3E%3Ccircle cx=%2217.5%22 cy=%2220%22 r=%221.4%22/%3E%3C/svg%3E") center / contain no-repeat; }

/* =====================================================================
   Пустые корзина, избранное, сравнение (ultraEmptyState, local/include/ultra_empty.php)
   ===================================================================== */
body.ultra #empty.ul-empty { overflow: visible; font-family: var(--ul-body); }
body.ultra .ul-empty__hero { display: flex; align-items: center; gap: 28px; padding: 32px; border-radius: 24px; background: var(--ul-card); }
body.ultra .ul-empty__icon { display: grid; place-items: center; flex: 0 0 auto; width: 96px; height: 96px; border-radius: 28px; background: var(--ul-red-50); color: var(--ul-red); }
body.ultra .ul-empty__icon .ul-icon { width: 46px; height: 46px; }
body.ultra #empty.ul-empty h2 { margin: 0 0 8px; color: var(--ul-text); font: italic 800 26px/1.2 var(--ul-display); text-transform: none; }
body.ultra #empty.ul-empty p { margin: 0; color: var(--ul-muted); font: 400 15px/1.5 var(--ul-body); }
body.ultra .ul-empty__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 18px; }
body.ultra #empty.ul-empty .ul-btn { font-size: 15px; }
body.ultra #empty.ul-empty .ul-empty__link { padding-bottom: 1px; border-bottom: 1px dashed var(--ul-g-300); color: var(--ul-g-700); font: 700 14px/1.2 var(--ul-body); }
body.ultra #empty.ul-empty .ul-empty__link:hover { color: var(--ul-red); }
body.ultra #empty.ul-empty .ul-empty__title { margin: 28px 0 12px; color: var(--ul-text); font: italic 800 20px/1.2 var(--ul-display); text-transform: none; }
body.ultra .ul-empty__cats { display: flex; flex-wrap: wrap; gap: 10px; }
body.ultra .ul-empty__cats .ul-subcat { max-width: none; }
/* тема красит ссылки в #empty в чёрный — в тёмной теме названия разделов пропадали */
body.ultra #empty.ul-empty .ul-subcat, body.ultra #empty.ul-empty .ul-subcat span { color: var(--ul-text); }
@media (max-width: 700px) {
	body.ultra .ul-empty__hero { flex-direction: column; align-items: flex-start; gap: 16px; padding: 22px 18px; border-radius: 20px; }
	body.ultra .ul-empty__icon { width: 72px; height: 72px; border-radius: 22px; }
	body.ultra #empty.ul-empty h2 { font-size: 22px; }
}

/* =====================================================================
   Избранное (/wishlist/, dresscode:wishlist): плитки и панель — как в каталоге; крестик и «Отправить на почту»
   ===================================================================== */
body.ultra #wishlist .removeFromWishlist {
	top: 10px;
	right: 10px;
	z-index: 3;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--ul-g-100);
	color: var(--ul-g-700);
	transition: background .15s, color .15s;
}
body.ultra #wishlist .removeFromWishlist::before { content: ""; display: block; width: 100%; height: 100%; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 6l12 12M18 6 6 18%22/%3E%3C/svg%3E") center / 14px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 6l12 12M18 6 6 18%22/%3E%3C/svg%3E") center / 14px no-repeat; }
body.ultra #wishlist .removeFromWishlist:hover { background: var(--ul-red-50); color: var(--ul-red); }
/* В избранном без «Быстрого просмотра»: плашка при наведении закрывала отметки на фото (например, «Апгрейд до 64 ГБ») */
html body.ultra #wishlist .getFastView { display: none !important; }
body.ultra #wishlist .wishlist-send-wrap { margin: 20px 0 8px; padding: 26px 28px; border: 0; border-radius: 24px; background: var(--ul-card); font-family: var(--ul-body); }
body.ultra #wishlist .wishlist-send-wrap > .tb { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 18px 36px; width: auto; }
body.ultra #wishlist .wishlist-send-wrap .tc { display: block; width: auto; padding: 0; vertical-align: middle; }
body.ultra #wishlist .wishlist-send-text .tb { display: flex; align-items: center; gap: 16px; }
body.ultra #wishlist .wishlist-send-text .image { flex: 0 0 auto; width: 56px; height: 56px; border-radius: 18px; background: var(--ul-red-50) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23e30613%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225.5%22 width=%2218%22 height=%2213%22 rx=%222.5%22/%3E%3Cpath d=%22m4 7.5 8 6 8-6%22/%3E%3C/svg%3E") center / 28px no-repeat; }
body.ultra #wishlist .wishlist-send-text .image img { display: none; }
body.ultra #wishlist .wishlist-send-heading { margin: 0 0 4px; color: var(--ul-text); font: italic 800 20px/1.25 var(--ul-display); text-transform: none; }
body.ultra #wishlist .wishlist-send-text .text { max-height: none; height: auto; overflow: visible; color: var(--ul-muted); font: 400 14px/1.45 var(--ul-body); }
body.ultra #wishlist .wishlist-send-btn { display: flex; align-items: center; gap: 8px; padding: 5px 5px 5px 20px; border: 2px solid transparent; border-radius: 999px; background: var(--ul-g-50); transition: border-color .15s, background .15s; }
body.ultra #wishlist .wishlist-send-btn:focus-within { border-color: var(--ul-red); background: var(--ul-card); }
/* Значок конверта темы (::before) наезжал на подсказку поля */
body.ultra #wishlist .wishlist-send-btn::before { content: none; }
body.ultra #wishlist #wishlist-form-email { flex: 1 1 auto; min-width: 0; width: auto; height: 44px; margin: 0; padding: 0; border: 0; background: none; color: var(--ul-text); font: 500 15px/1 var(--ul-body); outline: 0; }
body.ultra #wishlist #wishlist-form-send { display: inline-flex; align-items: center; flex: 0 0 auto; height: 44px; margin: 0; padding: 0 22px; border: 0; border-radius: 999px; background: var(--ul-red); color: #fff; font: 700 14px/1 var(--ul-body); text-transform: none; white-space: nowrap; }
body.ultra #wishlist #wishlist-form-send:hover { background: var(--ul-red-600); }

/* =====================================================================
   Сравнение (/compare/, dresscode:catalog.compare): характеристики строками по 40px слева и в колонках товаров,
   шапка колонки 340px — по ним совпадают строки; выбор характеристик — чипами
   ===================================================================== */
body.ultra #compare { font-family: var(--ul-body); }
body.ultra #compareCheck { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; padding: 0; }
body.ultra #compareCheck li { display: inline-flex; align-items: center; gap: 8px; float: none; width: auto; height: 36px; margin: 0; padding: 0 14px; border-radius: 999px; background: var(--ul-card); }
body.ultra #compareCheck label { display: inline; margin: 0; padding: 0; color: var(--ul-g-700); font: 600 13px/1 var(--ul-body); cursor: pointer; }
body.ultra #compareCheck input { position: static; width: 16px; height: 16px; margin: 0; opacity: 1; accent-color: var(--ul-red); }
body.ultra #compareTools { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
body.ultra #compareTools a { display: inline-flex; align-items: center; height: 40px; margin: 0; padding: 0 18px; border: 0; border-radius: 999px; background: var(--ul-g-100); color: var(--ul-g-700); font: 700 14px/1 var(--ul-body); text-decoration: none; }
body.ultra #compareTools a:hover { background: var(--ul-red-50); color: var(--ul-red); }
body.ultra #compareBlock { padding: 16px; border-radius: 24px; background: var(--ul-card); }
body.ultra #compareBlock > table { width: 100%; border-collapse: collapse; }
body.ultra #compareBlock .left { width: 240px; padding: 0 8px 0 0; text-align: left; vertical-align: top; }
body.ultra #compareBlock .left .wrap { border: 0; }
body.ultra #compareBlock .compareImage { display: none; }
body.ultra #compareBlock .left .headingTools { box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-end; height: 340px; padding: 0 0 16px; }
body.ultra #compareBlock .left .headingTools div { height: auto; }
body.ultra #compareBlock .leftTools { display: grid; gap: 8px; margin: 0; }
body.ultra #compareBlock .leftTools .sysLinks,
body.ultra #compareBlock .leftTools .btn-simple {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	height: 42px;
	margin: 0;
	padding: 0 16px;
	border: 0;
	border-radius: 999px;
	background: var(--ul-g-100);
	color: var(--ul-g-700);
	font: 700 14px/1 var(--ul-body);
	text-decoration: none;
	text-transform: none;
}
body.ultra #compareBlock .leftTools .all { background: var(--ul-red); color: #fff; }
body.ultra #compareBlock .leftTools .sysLinks:hover, body.ultra #compareBlock .leftTools .btn-simple:hover { background: var(--ul-red-50); color: var(--ul-red); }
body.ultra #compareBlock .leftTools .btn-simple { background: none; color: var(--ul-muted); }
body.ultra #compareBlock .leftTools .btn-simple::before { content: ""; width: 16px; height: 16px; margin-right: 6px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4.5 7h15M9.5 7V4.8h5V7M6.5 7l.9 12.2a1.5 1.5 0 0 0 1.5 1.3h6.2a1.5 1.5 0 0 0 1.5-1.3L17.5 7M10.2 10.5v6.5M13.8 10.5v6.5%22/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4.5 7h15M9.5 7V4.8h5V7M6.5 7l.9 12.2a1.5 1.5 0 0 0 1.5 1.3h6.2a1.5 1.5 0 0 0 1.5-1.3L17.5 7M10.2 10.5v6.5M13.8 10.5v6.5%22/%3E%3C/svg%3E") center / contain no-repeat; }
body.ultra #compareBlock .propList { margin: 0; padding: 0; border: 0; list-style: none; }
/* Скрипт сравнения подгоняет отступ списка названий под старую высоту шапки колонки — у нас высоты равны */
body.ultra #compareBlock .left .propList { margin-top: 0 !important; }
body.ultra #compareBlock .left .propList li,
body.ultra #scrollTable .propList li {
	box-sizing: border-box;
	height: 40px;
	margin: 0;
	padding: 0 12px;
	overflow: hidden;
	border: 0;
	border-top: 1px solid var(--ul-g-100);
	background: none;
	font: 400 14px/39px var(--ul-body);
	text-overflow: ellipsis;
	white-space: nowrap;
}
body.ultra #compareBlock .left .propList li { color: var(--ul-muted); }
body.ultra #scrollTable .propList li { color: var(--ul-text); font-weight: 600; }
body.ultra #compareBlock .propList li.selected, body.ultra #scrollTable .propList .selected { background: var(--ul-g-50); }
body.ultra #scrollTable > ul { margin: 0; padding: 0; }
body.ultra #scrollTable > ul > li { width: 240px; margin: 0 0 0 8px; border: 0; }
body.ultra #scrollTable .scrollElement { box-sizing: border-box; display: flex; flex-direction: column; height: 340px; padding: 12px 12px 16px; border-radius: 20px; background: var(--ul-g-50); }
body.ultra #scrollTable .scrollElement ins { top: 10px; right: 10px; width: 34px; height: 34px; border-radius: 50%; background: var(--ul-card); color: var(--ul-g-700); }
body.ultra #scrollTable .scrollElement ins::before { content: ""; display: block; width: 100%; height: 100%; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 6l12 12M18 6 6 18%22/%3E%3C/svg%3E") center / 14px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 6l12 12M18 6 6 18%22/%3E%3C/svg%3E") center / 14px no-repeat; }
body.ultra #scrollTable .scrollElement ins:hover { background: var(--ul-red-50); color: var(--ul-red); opacity: 1; }
body.ultra #scrollTable .imgBlock { display: grid; place-items: center; height: 150px; border-radius: 16px; background: var(--ul-photo); line-height: normal; }
body.ultra #scrollTable .imgBlock img { max-width: 86%; max-height: 86%; object-fit: contain; }
body.ultra #scrollTable .name { display: -webkit-box; height: auto; margin: 12px 0 0; padding: 0; overflow: hidden; color: var(--ul-text); font: 600 14px/1.4 var(--ul-body); text-align: left; text-decoration: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
body.ultra #scrollTable .name:hover { color: var(--ul-red); }
body.ultra #scrollTable .price { display: block; margin: auto 0 10px; color: var(--ul-text); font: 800 19px/1.2 var(--ul-body); text-align: left; }
body.ultra #scrollTable .addCart { display: flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; width: auto; height: 42px; margin: 0; padding: 0 12px; border: 0; border-radius: 999px; background: var(--ul-red); color: #fff; font: 700 14px/1 var(--ul-body); text-decoration: none; text-transform: none; }
body.ultra #scrollTable .addCart img { display: none; }
body.ultra #scrollTable .addCart.added { background: var(--ul-ink) !important; color: #fff !important; }
@media (max-width: 700px) {
	body.ultra #wishlist .wishlist-send-wrap { padding: 20px 16px; border-radius: 20px; }
	body.ultra #wishlist .wishlist-send-wrap > .tb { grid-template-columns: minmax(0, 1fr); }
	body.ultra #wishlist #wishlist-form-send { padding: 0 14px; }
	body.ultra #compareBlock { padding: 10px; border-radius: 20px; }
	body.ultra #compareBlock .left { width: 130px; }
	body.ultra #compareBlock .leftTools .sysLinks, body.ultra #compareBlock .leftTools .btn-simple { height: 38px; padding: 0 8px; font-size: 12px; }
	body.ultra #scrollTable > ul > li { width: 170px; }
	body.ultra #compareBlock .left .propList li, body.ultra #scrollTable .propList li { padding: 0 8px; font-size: 13px; }
}

/* Постраничная навигация. Тема Битрикса задаёт внутреннему span высоту 32px, рамку и серый фон при наведении
   (сильнее по специфичности) — сбрасываем через !important: кнопка — сама ссылка или span, текст по центру */
body.ultra .bx-pagination { margin: 20px 0 8px; font-family: var(--ul-body); }
body.ultra .bx-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 0; padding: 0; }
body.ultra .bx-pagination li { float: none; margin: 0; padding: 0; }
body.ultra .bx-pagination li a, body.ultra .bx-pagination li > span {
	display: grid !important;
	place-items: center;
	box-sizing: border-box;
	min-width: 42px;
	height: 42px !important;
	padding: 0 14px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--ul-card);
	color: var(--ul-text);
	font: 600 14px/1 var(--ul-body) !important;
	text-decoration: none;
}
body.ultra .bx-pagination li a span {
	display: inline !important;
	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	color: inherit !important;
	font: inherit !important;
}
body.ultra .bx-pagination li a:hover { background: var(--ul-red-50); color: var(--ul-red); }
body.ultra .bx-pagination li.bx-active > span { background: var(--ul-red) !important; color: #fff; }
body.ultra .bx-pagination li.bx-pag-prev > span, body.ultra .bx-pagination li.bx-pag-next > span { background: var(--ul-card) !important; color: #b4b8c0; }

/* «Новости магазина» — подписка под товарами раздела (dresscode:catalog.subscribe, разметка и скрипт шаблона) */
body.ultra .catalogSubscribe { margin: 20px 0 8px; font-family: var(--ul-body); }
body.ultra .catalogSubscribeContainer {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
	align-items: center;
	gap: 18px 36px;
	padding: 28px 32px;
	border-radius: 24px;
	background: var(--ul-card);
}
body.ultra .catalogSubscribeColumn { display: block; width: auto; padding: 0 !important; text-align: left; }
body.ultra .catalogSubscribeHeading { display: flex; align-items: center; gap: 14px; color: var(--ul-text); font: italic 800 22px/1.2 var(--ul-display); }
body.ultra .catalogSubscribeHeading::before { content: ""; flex: 0 0 auto; width: 48px; height: 48px; border-radius: 16px; background: var(--ul-red-50) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23e30613%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225.5%22 width=%2218%22 height=%2213%22 rx=%222.5%22/%3E%3Cpath d=%22m4 7.5 8 6 8-6%22/%3E%3C/svg%3E") center / 26px no-repeat; }
body.ultra .catalogSubscribeDescription { margin: 6px 0 0 62px; color: var(--ul-muted); font: 400 14px/1.45 var(--ul-body); }
body.ultra .catalogSubscribeRotator { font-size: 14px; }
body.ultra .catalogSubscribeRotatorContainer { display: block; }
body.ultra .catalogSubscribeRotatorBg {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 5px 5px 5px 20px;
	border: 2px solid transparent;
	border-radius: 999px;
	background: var(--ul-g-50);
	transition: border-color .15s, background .15s;
}
body.ultra .catalogSubscribeRotatorBg:focus-within { border-color: var(--ul-red); background: var(--ul-card); }
body.ultra .catalogSubscribeRotatorBg.error { border: 2px solid var(--ul-red); }
body.ultra .catalogSubscribeRotatorBg.success { border: 2px solid var(--ul-ok-fg); }
body.ultra .catalogSubscribeLabel { display: none; }
body.ultra .catalogSubscribeField { flex: 1 1 auto; min-width: 0; }
body.ultra .catalogSubscribe .catalogSubscribeField input { width: 100%; height: 44px; padding: 0; border: 0; background: none; box-shadow: none; color: var(--ul-text); font: 500 15px/1 var(--ul-body); outline: 0; }
body.ultra .catalogSubscribeButtons { display: block; flex: 0 0 auto; width: auto; margin: 0; padding: 0; }
body.ultra .catalogSubscribe .catalogSubscribeSend {
	display: inline-flex;
	align-items: center;
	height: 44px;
	padding: 0 24px;
	border: 0;
	border-radius: 999px;
	background: var(--ul-red);
	color: #fff;
	font: 700 14px/1 var(--ul-body);
	text-transform: none;
	white-space: nowrap;
}
body.ultra .catalogSubscribe .catalogSubscribeSend:hover { background: var(--ul-red-600); color: #fff; }
body.ultra .catalogSubscribeSend .icon { display: none; }
body.ultra .catalogSubscribePersonal { margin-top: 12px; padding-left: 20px; color: var(--ul-muted); font: 400 13px/1.4 var(--ul-body); }
body.ultra .catalogSubscribePersonal a { border-bottom: 1px dashed var(--ul-g-300); color: var(--ul-g-700); }
body.ultra .catalogSubscribePersonal a:hover { color: var(--ul-red); }
body.ultra .catalogSubscribePersonal input[type="checkbox"] + label { padding-left: 28px; }
body.ultra .catalogSubscribePersonal input[type="checkbox"] + label::before {
	top: -1px;
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	border: 2px solid var(--ul-g-300);
	border-radius: 6px;
	background: var(--ul-card);
}
body.ultra .catalogSubscribePersonal input[type="checkbox"]:checked + label::before { border-color: var(--ul-red); background: var(--ul-red) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m5 12.5 4.5 4.5L19 7.5%22/%3E%3C/svg%3E") center / 12px no-repeat; }
body.ultra .catalogSubscribePersonal input.error + label::before { border-color: var(--ul-red); }

/* Полки товаров: стрелки нужны, только если есть что листать («Вы смотрели» с одним-двумя товарами) */
.ul-shelf:not(.can-prev):not(.can-next) .ul-section-head__tools { display: none; }

/* =====================================================================
   «Все разделы» (/catalog/, /local/include/ultra_catalog_all.php)
   ===================================================================== */

.ul-catalog-all { font-family: var(--ul-body); }
.ul-catalog-all *, .ul-catalog-all *::before, .ul-catalog-all *::after { box-sizing: border-box; }
.ul-catalog-all a { text-decoration: none; }
.ul-depts { display: grid; gap: 14px; }
.ul-dept { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 20px; padding: 22px; border-radius: 24px; background: var(--ul-card); scroll-margin-top: 120px; }
.ul-dept__head { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.ul-dept__head h2 { margin: 4px 0 0; font: italic 800 22px/1.2 var(--ul-display); text-transform: none; }
.ul-dept__head h2 a { color: var(--ul-text); }
.ul-dept__head h2 a:hover { color: var(--ul-red); }
.ul-dept__head small { color: var(--ul-muted); font-size: 13px; }
.ul-dept__all, .ul-dept__all:visited { margin-top: auto; padding: 8px 14px; border-radius: 999px; background: var(--ul-g-100); color: var(--ul-g-700); font: 700 13px/1 var(--ul-body); }
.ul-dept__all:hover { background: var(--ul-red); color: #fff; }
.ul-dept__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); align-content: start; align-items: start; gap: 10px; }
.ul-dept__sub { display: flex; flex-direction: column; gap: 10px; padding: 12px; border-radius: 18px; background: var(--ul-bg); transition: background .15s, box-shadow .15s; }
.ul-dept__sub:hover { background: var(--ul-card); box-shadow: 0 10px 26px rgba(43,47,54,.10); }
.ul-dept__sub .ul-ci { background: var(--ul-card); }
.ul-dept__sub:hover .ul-sub__link .ul-ci { background: var(--ul-red); color: #fff; }
.ul-dept__sub--group { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.ul-dept__sub--group > .ul-sub__link { flex: 0 0 230px; }
.ul-dept__sub--group .ul-sub__list { flex: 1 1 360px; }

@media (max-width: 1100px) {
	.ul-dept { grid-template-columns: minmax(0, 1fr); }
	.ul-dept__head { flex-direction: row; flex-wrap: wrap; align-items: center; }
	.ul-dept__all { margin: 0 0 0 auto; }
}

@media (max-width: 1024px) {
	body.ultra #catalogLine .column.oFilter { display: flex; }
}

@media (max-width: 900px) {
	body.ultra #catalogLine .column:last-child { margin-left: 0; }
	body.ultra .catalogSubscribeContainer { grid-template-columns: minmax(0, 1fr); padding: 22px 20px; border-radius: 20px; }
	body.ultra #left { width: auto; padding-right: 0; }
}

@media (max-width: 700px) {
	body.ultra .items.productList { gap: 8px; }
	body.ultra .catalogSubscribeHeading { font-size: 19px; }
	body.ultra .catalogSubscribeDescription { margin-left: 0; margin-top: 10px; }
	body.ultra .catalogSubscribe .catalogSubscribeSend { padding: 0 16px; }
	body.ultra .catalogSubscribePersonal { padding-left: 0; }
	body.ultra .items.productList .item.product { border-radius: 16px; }
	body.ultra .items.productList .item.product .tabloid { padding: 10px; }
	body.ultra .item.product .picture { height: 150px; line-height: 150px; }
	body.ultra .item.product .name { min-height: 54px; font-size: 13px; }
	body.ultra .item.product .price { font-size: 17px; }
	.ul-subcats-wrap { margin: 0 -12px 12px; }
	.ul-subcats { padding: 2px 12px 4px; }
	.ul-subcat { max-width: 220px; min-height: 50px; font-size: 12.5px; }
	.ul-subcats-wrap .ul-quicknav__arrow { display: none !important; }
	.ul-dept { padding: 16px; border-radius: 20px; }
	.ul-dept__head .ul-ci--lg { width: 52px; height: 52px; border-radius: 16px; }
	.ul-dept__head h2 { font-size: 19px; }
	.ul-dept__all { margin: 0; }
	.ul-dept__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
	.ul-dept__sub { padding: 10px; border-radius: 16px; }
	.ul-dept__sub .ul-sub__link { flex-direction: column; align-items: flex-start; gap: 8px; font-size: 13px; }
	.ul-dept__sub .ul-sub__link .ul-cnt { margin-left: 0; padding-left: 0; }
	.ul-dept__sub--group { flex-direction: column; align-items: stretch; }
	.ul-dept__sub--group > .ul-sub__link { flex: 0 0 auto; flex-direction: row; align-items: center; }
}

/* =====================================================================
   Фильтр на телефоне и планшете (до 1024px) — шторка снизу. Открывает кнопка «Фильтр» (.oSmartFilter): скрипт
   каталога ставит #smartFilter.opened; затемнение, крестик и запрет прокрутки страницы — js/ultra.js (initFilterSheet).
   Параметры прокручиваются внутри, кнопки «Показать (N)» / «Сбросить» — прилипают к низу
   ===================================================================== */
@media (max-width: 1024px) {
	body.ultra #main #smartFilter {
		position: fixed;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1200;
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		width: auto;
		max-width: 720px;
		max-height: 88vh;
		max-height: 88dvh;
		margin: 0 auto !important;
		padding: 0;
		border-radius: 24px 24px 0 0;
		background: var(--ul-card);
		box-shadow: 0 -16px 40px rgba(20, 22, 26, .25);
		visibility: hidden;
		opacity: 1;
		pointer-events: none;
		transform: translateY(105%);
		transition: transform .28s cubic-bezier(.2, .8, .2, 1), visibility 0s linear .28s;
	}
	body.ultra #main #smartFilter.opened { visibility: visible; pointer-events: auto; transform: none; transition: transform .28s cubic-bezier(.2, .8, .2, 1); }
	body.ultra #main #smartFilter .heading { position: relative; flex: 0 0 auto; display: flex; align-items: center; height: auto; margin: 0; padding: 24px 64px 14px 20px; border-bottom: 1px solid var(--ul-line); line-height: 1.2; cursor: default; }
	body.ultra #main #smartFilter .heading::before { content: ""; position: absolute; top: 8px; left: 50%; width: 40px; height: 4px; margin-left: -20px; border-radius: 4px; background: var(--ul-g-300); }
	body.ultra #main #smartFilter .ul-filter-close { position: absolute; top: 14px; right: 14px; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: var(--ul-g-100); color: var(--ul-g-700); cursor: pointer; }
	body.ultra #main #smartFilter .ul-filter-close::before { content: ""; display: block; width: 100%; height: 100%; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.2%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M6 6l12 12M18 6 6 18%22/%3E%3C/svg%3E") center / 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.2%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M6 6l12 12M18 6 6 18%22/%3E%3C/svg%3E") center / 16px no-repeat; }
	body.ultra #main #smartFilter .ul-filter-close:hover { background: var(--ul-red-50); color: var(--ul-red); }
	body.ultra #main #smartFilterForm { display: block !important; flex: 1 1 auto; min-height: 0; padding: 4px 20px 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
	body.ultra #main #smartFilterControls { position: sticky; bottom: 0; z-index: 2; margin: 14px -20px 0; padding: 12px 20px calc(12px + env(safe-area-inset-bottom)); background: var(--ul-card); box-shadow: 0 -1px 0 var(--ul-line); }
	body.ultra #main #smartFilterControls a { min-height: 48px; }
	body.ultra #main #smartFilter #modef { display: none !important; }
	body.ultra .ul-filter-backdrop { position: fixed; inset: 0; z-index: 1150; background: rgba(20, 22, 26, .5); opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s linear .25s; }
	html.ul-filter-open body.ultra .ul-filter-backdrop { opacity: 1; visibility: visible; transition: opacity .25s; }
	html.ul-filter-open, html.ul-filter-open body { overflow: hidden; }
	html.ul-filter-open #noutChat { display: none; }
}