/* ============================================================
   Шапка сайта (design_handoff_site_header, 09.2026). Префикс sh-.
   Десктоп от 1200px: два ряда (навигация + быстрые переходы), панели.
   Ниже 1200px: один ряд 60px, полноэкранные листы меню и каталога.
   Разметка: Views/Shared/_TopNavbar.cshtml, поведение: js/site-header.js
   ============================================================ */

/* тема (style.css) ставит body { overflow-x: hidden } - это делает body скролл-контейнером и
   выключает position: sticky у шапки. clip режет горизонтальный overflow так же, но контейнер не создает
   (тот же прием уже стоит на html в site.css). Старый Safari без clip просто получит нелипкую шапку */
body {
	overflow-x: clip;
}

.sh-header {
	position: sticky;
	top: 0;
	z-index: 1030;
	background: #fff;
}

/* десктоп: высота шапки в потоке постоянная, при прокрутке сжимается только .sh внутри, остаток прозрачный.
   Если сжимается сама шапка, браузер подтягивает прокрутку на разницу высот (scroll anchoring),
   страница снова оказывается выше порога, шапка разворачивается - и так по кругу */
@media (min-width: 1200px) {
	.sh-header {
		height: 132px;
		background: transparent;
		pointer-events: none;
	}

	/* кабинет гида: без нижнего ряда */
	.sh-header:has(> .sh--guide) {
		height: 79px;
	}

	.sh-header > * {
		pointer-events: auto;
	}
}

.sh {
	position: relative;
	font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
	color: #0b0a12;
}

/* затемнение страницы под открытыми панелями меню («Каталог», «Сотрудничество», «Еще»), только десктоп.
   Лежит внутри шапки с z-index -1: ряды шапки остаются светлыми, страница под ними темнеет */
.sh-backdrop {
	display: none;
}

@media (min-width: 1200px) {
	.sh-backdrop {
		display: block;
		position: fixed;
		inset: 0;
		z-index: -1;
		background: rgba(11,10,18,.34);
		opacity: 0;
		visibility: hidden;
		transition: opacity .18s ease, visibility .18s;
	}

	.sh.has-panel .sh-backdrop {
		opacity: 1;
		visibility: visible;
	}
}

/* ширину задает .container темы (как у контента страниц), здесь только отступы */
.sh-wrap {
	padding: 0 12px;
	box-sizing: border-box;
}

.sh-top {
	background: #fff;
	border-bottom: 1px solid #eef0f3;
}

.sh-top-wrap {
	display: flex;
	align-items: center;
	position: relative;
	padding: 10px 12px;
}

.sh-count {
	font: 700 12px/1 Manrope, sans-serif;
	color: #a3a5a9;
}

	.sh-count:empty {
		display: none;
	}

/* ---------- Логотип: один инлайн-SVG (design_handoff_logo_animation) ----------
   Сборка слоев при загрузке: класс is-assembling ставит разметка, снимает site-header.js по animationend
   и повторяет раз в 3-6 минут, пока страница вверху. Морф при прокрутке: слоган уходит вниз, зеленый круг
   поднимается на 62 единицы viewBox, обертка режет низ - видны верхние 180 из 275 единиц (кадр logoWithoutSign.svg).
   Ширины: 169 = 800 / 275 * 58, 160 = 800 / 275 * 55, 55 = 36 * 275 / 180 */
.sh-logo {
	/* пауза перед сборкой при загрузке: страница успевает отрисоваться, потом собирается логотип */
	--sh-logo-delay: .45s;
	position: relative;
	display: block;
	width: 169px;
	height: 58px;
	margin-right: 20px;
	flex: none;
	overflow: hidden;
	transition: width .32s cubic-bezier(.4,0,.2,1), height .32s cubic-bezier(.4,0,.2,1);
}

.sh-logo-svg {
	display: block;
	height: 58px;
	width: auto;
	transition: height .32s cubic-bezier(.4,0,.2,1);
}

/* transform-box: fill-box обязателен - иначе центр масштабирования считается от всего viewBox и круги разъезжаются */
.sh-lg {
	transform-box: fill-box;
	transform-origin: center;
}

.sh-lg-tag {
	transition: opacity .22s ease, transform .32s cubic-bezier(.4,0,.2,1);
}

.sh-lg-cg {
	transition: transform .32s cubic-bezier(.4,0,.2,1);
}

.sh.is-scrolled .sh-logo {
	width: 160px;
	height: 36px;
}

.sh.is-scrolled .sh-logo-svg {
	height: 55px;
}

.sh.is-scrolled .sh-lg-tag {
	opacity: 0;
	transform: translateY(16px);
}

.sh.is-scrolled .sh-lg-cg {
	transform: translateY(-62px);
}

/* сборка: круги падают сверху с отскоком (синий, зеленый, желтый), слово и белая «Э» поднимаются, слоган последним - 1,35 с после паузы */
.sh-logo.is-assembling .sh-lg-c {
	animation: shLogoDrop .95s cubic-bezier(.25,.8,.35,1) var(--sh-logo-delay) both;
}

.sh-logo.is-assembling .sh-lg-cg {
	animation-delay: calc(var(--sh-logo-delay) + .1s);
}

.sh-logo.is-assembling .sh-lg-cy {
	animation-delay: calc(var(--sh-logo-delay) + .2s);
}

.sh-logo.is-assembling .sh-lg-word, .sh-logo.is-assembling .sh-lg-e {
	animation: shLogoWord .75s cubic-bezier(.22,1,.36,1) calc(var(--sh-logo-delay) + .45s) both;
}

.sh-logo.is-assembling .sh-lg-tag {
	animation: shLogoTag .7s cubic-bezier(.22,1,.36,1) calc(var(--sh-logo-delay) + .65s) both;
}

@keyframes shLogoDrop {
	0% { opacity: 0; transform: translateY(-230px) scale(.5); }
	60% { opacity: 1; transform: translateY(9px) scale(1.05); }
	80% { transform: translateY(-4px) scale(.985); }
	100% { opacity: 1; transform: none; }
}

@keyframes shLogoWord {
	0% { opacity: 0; transform: translateY(38px); }
	100% { opacity: 1; transform: none; }
}

@keyframes shLogoTag {
	0% { opacity: 0; transform: translateY(46px); }
	100% { opacity: 1; transform: none; }
}

/* сжатие в шапке (вариант 8 handoff): в прокрученном виде раз в 2-5 минут логотип сворачивается в «Э» в синем круге
   и разворачивается обратно (3,2 с). Смещения - путь центра зеленого (уже поднятого на 62) и желтого круга к центру синего
   в единицах viewBox; обрезка слова 90% его bbox = граница между «Э» и «к» (x около 124) */
.sh.is-scrolled .sh-logo.is-folding .sh-lg-word {
	animation: shLogoFoldWord 3.2s cubic-bezier(.65,0,.35,1) both;
}

.sh.is-scrolled .sh-logo.is-folding .sh-lg-cg {
	animation: shLogoFoldGreen 3.2s cubic-bezier(.65,0,.35,1) both;
}

.sh.is-scrolled .sh-logo.is-folding .sh-lg-cy {
	animation: shLogoFoldYellow 3.2s cubic-bezier(.65,0,.35,1) both;
}

.sh.is-scrolled .sh-logo.is-folding .sh-lg-cb {
	animation: shLogoFoldBlue 3.2s cubic-bezier(.65,0,.35,1) both;
}

@keyframes shLogoFoldWord {
	0%, 4% { clip-path: inset(0 0 0 0); }
	26%, 62% { clip-path: inset(0 90% 0 0); }
	84%, 100% { clip-path: inset(0 0 0 0); }
}

@keyframes shLogoFoldGreen {
	0%, 4% { opacity: 1; transform: translateY(-62px); }
	26%, 62% { opacity: 0; transform: translate(-220.8px, -23.3px) scale(.35); }
	84%, 100% { opacity: 1; transform: translateY(-62px); }
}

@keyframes shLogoFoldYellow {
	0%, 4% { opacity: 1; transform: none; }
	26%, 62% { opacity: 0; transform: translate(-581.4px, 2px) scale(.35); }
	84%, 100% { opacity: 1; transform: none; }
}

@keyframes shLogoFoldBlue {
	0%, 4% { transform: none; }
	26%, 62% { transform: scale(1.03); }
	84%, 100% { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
	.sh-logo.is-assembling .sh-lg, .sh-logo.is-folding .sh-lg {
		animation: none;
	}

	.sh-logo, .sh-logo-svg, .sh-lg-tag, .sh-lg-cg {
		transition: none;
	}
}

/* ---------- Меню ---------- */
.sh-nav {
	display: flex;
	align-items: center;
	gap: 2px;
	flex: none;
}

.sh-navitem {
	position: relative;
}

.sh-navbtn {
	display: flex;
	align-items: center;
	gap: 5px;
	height: 42px;
	padding: 0 13px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	cursor: pointer;
	font: 600 15px/1 Manrope, sans-serif;
	color: #0b0a12;
	white-space: nowrap;
}

	.sh-navbtn:hover {
		color: #008ef1;
		background: rgba(0,142,241,.1);
	}

	.sh-navbtn.is-open, .sh-navbtn.is-active {
		background: rgba(0,142,241,.1);
		color: #008ef1;
		font-weight: 700;
	}

.sh-caret {
	flex: none;
	transition: transform .18s ease;
}

.sh-navbtn.is-open .sh-caret {
	transform: rotate(180deg);
}

.sh-filter-badge {
	min-width: 19px;
	height: 19px;
	padding: 0 6px;
	border-radius: 999px;
	background: #008ef1;
	color: #fff;
	font: 800 11px/19px Manrope, sans-serif;
	text-align: center;
}

/* «Сотрудничество» при прокрутке уезжает из меню в панель «Еще» */
.sh.is-scrolled .sh-navitem-coop {
	display: none;
}

.sh-more-coop {
	display: none;
}

.sh.is-scrolled .sh-more-coop {
	display: block;
}

/* ---------- Панели (общее) ---------- */
@keyframes shPanelIn {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.sh-panel {
	position: absolute;
	top: calc(100% + 4px);
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 0 40px rgba(29,58,83,.18);
	z-index: 20;
	animation: shPanelIn .18s ease both;
}

.sh-coop {
	left: 0;
	min-width: 280px;
	padding: 10px;
}

.sh-more {
	right: 0;
	padding: 18px 14px 16px;
	display: flex;
	align-items: flex-start;
	gap: 22px;
}

.sh-more-stack {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

.sh-more-col {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
}

.sh-more-title {
	padding: 0 10px;
	font: 800 11px/1 Manrope, sans-serif;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: #96969a;
}

.sh-more-links {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.sh-more-link {
	display: block;
	padding: 8px 10px;
	border-radius: 8px;
	font: 600 14.5px/1.4 Manrope, sans-serif;
	color: #0b0a12;
	white-space: nowrap;
	text-decoration: none;
}

	.sh-more-link:hover {
		color: #008ef1;
		background: rgba(0,142,241,.1);
	}

/* ---------- Правый блок: контакты, избранное, подборки, вход ---------- */
.sh-right {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 8px;
	flex: none;
}

.sh-contact {
	display: flex;
	align-items: center;
	position: relative;
	margin-right: 6px;
}

.sh-contact-trigger {
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	background: transparent;
	line-height: 0;
	cursor: pointer;
	flex: none;
}

	.sh-contact-trigger .nc-grid {
		transition: transform .16s ease;
	}

	.sh-contact-trigger:active .nc-grid, .sh-contact-trigger.is-open .nc-grid {
		transform: scale(.9);
	}

.sh-phone {
	display: flex;
	flex-direction: column;
	gap: 1px;
	margin-left: 8px;
	cursor: pointer;
}

.sh-phone-number {
	font: 700 18px/1.15 Manrope, sans-serif;
	color: #0b0a12;
	white-space: nowrap;
}

	.sh-phone-number a {
		font: inherit;
		color: inherit;
		text-decoration: none;
		white-space: nowrap;
	}

.sh-phone-status {
	display: flex;
	align-items: center;
	gap: 5px;
	font: 400 11.5px/1.2 Manrope, sans-serif;
	color: #6c6e71;
	white-space: nowrap;
}

@keyframes shPulse {
	0%, 100% {
		opacity: 1;
	}

	50% {
		opacity: .35;
	}
}

.sh-phone-dot {
	flex: none;
	animation: shPulse 4.7s infinite ease;
}

.sh-contact-pop {
	right: 0;
	top: 52px;
	width: 344px;
	padding: 8px;
}

.sh-nc-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
	box-shadow: none;
}

.sh-iconwrap {
	position: relative;
	flex: none;
}

.sh-iconbtn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 8px;
	background: #f5f5f6;
	color: #0b0a12;
	text-decoration: none;
	cursor: pointer;
	overflow: visible;
}

	.sh-iconbtn:hover {
		background: #dfdfe3;
	}

.sh-iconbtn-fav {
	color: #d6293e;
}

.sh-iconbtn-sets {
	color: #008ef1;
}

/* бейджи на квадратах: избранное красный, подборки синий, обводка белая */
.sh-iconbtn .fav-badge, .sh-iconbtn .pl-nav-badge {
	top: -3px;
	right: -5px;
	width: auto;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	border: 2px solid #fff;
	font: 800 10.5px/14px Manrope, sans-serif;
	box-sizing: border-box;
}

.sh-iconbtn .fav-badge {
	background: #d6293e;
}

/* плашка гостя в попапе избранного — тот же вид, что в попапе «Мои подборки» (collection.css: .pl-plate + .pl-plate-btn, макет подборок) */
.sh-guest-plate {
	margin: 0 12px 10px;
	padding: 10px 12px;
	border-radius: 11px;
	background: #fff7e6;
	border: 1px solid #fde7b3;
	font: 600 12px/1.4 Manrope, sans-serif;
	color: #8a5a00;
	text-align: left;
	white-space: normal;
}

	.sh-guest-plate span {
		display: block;
		margin: 3px 0 8px;
	}

.sh-guest-title {
	display: block;
	font: 800 13px/1.3 Manrope, sans-serif;
	color: #7c5a00;
}

.sh-guest-btn {
	display: inline-flex;
	align-items: center;
	height: 34px;
	padding: 0 12px;
	border-radius: 9px;
	background: #0F172A;
	color: #fff;
	font: 800 12.5px/1 Manrope, sans-serif;
	text-decoration: none;
}

	.sh-guest-btn:hover, .sh-guest-btn:focus {
		background: #1e293b;
		color: #fff;
	}

.sh-login {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 42px;
	padding: 0 15px;
	border-radius: 8px;
	background: #f5f5f6;
	font: 700 14.5px/1 Manrope, sans-serif;
	color: #0b0a12;
	text-decoration: none;
	white-space: nowrap;
}

	.sh-login:hover {
		background: #dfdfe3;
		color: #0b0a12;
	}

/* ---------- Аккаунт ---------- */
.sh-account-btn {
	display: flex;
	align-items: center;
	gap: 9px;
	height: 42px;
	padding: 0 11px 0 3px;
	border: 0;
	border-radius: 8px;
	background: #f5f5f6;
	cursor: pointer;
}

	.sh-account-btn:hover, .sh-account-btn.is-open {
		background: #dfdfe3;
	}

.sh-avatar {
	width: 34px;
	height: 34px;
	border-radius: 8px;
	object-fit: cover;
	display: block;
	flex: none;
	background: #dbe7f5;
}

.sh-avatar-lg {
	width: 44px;
	height: 44px;
}

.sh-account-name {
	font: 700 14px/1 Manrope, sans-serif;
	color: #0b0a12;
	white-space: nowrap;
	/* длинное имя выталкивало кнопку аккаунта за край ряда (на 1200px в нерабочее время запас ~80px) */
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (min-width: 1200px) and (max-width: 1279.98px) {
	.sh-account-name {
		max-width: 80px;
	}
}

.sh-caret-acc {
	opacity: .5;
}

.sh-account-pop {
	right: 0;
	top: 52px;
	width: 316px;
	border: 1px solid #e4e8ef;
	box-shadow: 0 24px 64px -12px rgba(15,23,42,.36);
	overflow: hidden;
}

.sh-account-head {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 15px 16px 13px;
	border-bottom: 1px solid #eef0f3;
}

.sh-account-info {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.sh-account-fullname {
	font: 700 15px/1.25 Manrope, sans-serif;
	color: #0f172a;
}

.sh-account-email {
	font: 500 12.5px/1.25 Manrope, sans-serif;
	color: #747579;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sh-account-role {
	margin-top: 2px;
	font: 700 11px/1.35 Manrope, sans-serif;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: #747579;
}

.sh-account-items {
	padding: 8px;
	display: flex;
	flex-direction: column;
	gap: 1px;
	border-bottom: 1px solid #eef0f3;
}

.sh-account-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 9px 10px;
	border-radius: 8px;
	font: 600 14.5px/1.3 Manrope, sans-serif;
	color: #0b0a12;
	text-decoration: none;
}

	.sh-account-item:hover, .sh-account-item.is-current {
		color: #008ef1;
		background: rgba(0,142,241,.1);
	}

.sh-item-main {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

	.sh-item-main svg {
		flex: none;
		width: 20px;
		height: 20px;
		color: #6c6e71;
	}

.sh-account-foot {
	padding: 8px;
}

.sh-account-logout {
	justify-content: flex-start;
	gap: 8px;
	color: #d6293e;
}

	.sh-account-logout:hover {
		color: #d6293e;
		background: rgba(214,41,62,.1);
	}

/* ---------- Мобильный ряд (скрыт на десктопе) ---------- */
.sh-mob {
	display: none;
}

.sh-mobbtn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 0;
	border-radius: 8px;
	background: #f5f5f6;
	color: #0b0a12;
	text-decoration: none;
	cursor: pointer;
	flex: none;
	padding: 0;
}

	.sh-mobbtn:hover {
		color: #0b0a12;
		background: #dfdfe3;
	}

.sh-mobbtn-fav {
	color: #d6293e;
}

	.sh-mobbtn-fav:hover {
		color: #d6293e;
	}

.sh-burger {
	flex-direction: column;
	gap: 4px;
}

	.sh-burger span {
		width: 19px;
		height: 2px;
		border-radius: 2px;
		background: #0b0a12;
	}

.sh-mob-badge {
	position: absolute;
	top: -3px;
	right: -5px;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	border: 2px solid #fff;
	background: #d6293e;
	color: #fff;
	font: 800 10.5px/14px Manrope, sans-serif;
	box-sizing: border-box;
	text-align: center;
}

/* ---------- Панель «Каталог» (десктоп) ---------- */
.sh-cat {
	left: 183px;
	/* сразу под кнопкой «Каталог», как «Ещё» и «Сотрудничество»: кнопка 42px по центру верхнего ряда + 4px зазор.
	   Раньше панель стояла под нижним рядом - на 67px ниже остальных, и курсор по дороге закрывал ее */
	top: calc(50% + 25px);
	width: 1020px;
	max-width: calc(100% - 24px);
	display: grid;
	grid-template-columns: 272px minmax(0, 1fr);
	grid-template-areas: "nav body";
	overflow: hidden;
}

/* шапка листа (назад / заголовок / закрыть) нужна только мобильному варианту */
.sh-cat .sh-cat-head {
	display: none;
}

/* высоту панели задает правая часть; колонка разделов прокручивается внутри своей ячейки */
.sh-cat-navwrap {
	grid-area: nav;
	position: relative;
	min-height: 480px;
	background: #f7f8fa;
	border-right: 1px solid #eef0f3;
}

.sh-cat-nav {
	position: absolute;
	inset: 0;
	overflow-y: auto;
	padding: 12px 10px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

/* тонкая полоса прокрутки: системная отбирала ширину у названий разделов */
.sh-cat-nav {
	scrollbar-width: thin;
	scrollbar-color: #d5d8de transparent;
}

	.sh-cat-nav::-webkit-scrollbar {
		width: 6px;
	}

	.sh-cat-nav::-webkit-scrollbar-thumb {
		background: #d5d8de;
		border-radius: 3px;
	}

.sh-cat-navlabel {
	padding: 12px 11px 4px;
	font: 800 11px/1 Manrope, sans-serif;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: #96969a;
}

.sh-cat-navbtn {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	padding: 9px 8px 9px 11px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	text-align: left;
	font: 600 14px/1.3 Manrope, sans-serif;
	color: #0b0a12;
	cursor: pointer;
	flex: none;
}

	.sh-cat-navbtn .sh-count {
		margin-left: auto;
	}

	.sh-cat-navbtn:hover {
		color: #008ef1;
	}

	.sh-cat-navbtn.is-active {
		background: #fff;
		box-shadow: 0 1px 3px rgba(15,23,42,.08);
		font-weight: 700;
		color: #008ef1;
	}

	.sh-cat-navbtn.is-current {
		color: #008ef1;
	}

/* линия между «Часто смотрят» / «Вы недавно смотрели» и разделами */
.sh-cat-navsep {
	flex: none;
	height: 1px;
	margin: 6px 4px;
	background: #e6e9ee;
}

/* строки разделов со стрелкой, как в старом меню «По категориям» */
.sh-cat-chev {
	margin-left: auto;
	flex: none;
	color: #c3c5c9;
	transition: transform .18s ease, color .18s ease;
}

.sh-cat-navbtn.is-active .sh-cat-chev, .sh-cat-navbtn:hover .sh-cat-chev {
	color: #008ef1;
}

.sh-cat-body {
	grid-area: body;
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.sh-cat-sec {
	flex: 1;
	min-width: 0;
	padding: 18px 22px 20px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	box-sizing: border-box;
}

.sh-cat-trend {
	grid-area: body;
}

/* «Вы недавно смотрели»: страницы над программами, каждый блок со своей подписью - как у «Часто смотрят».
   Общий заголовок нужен только телефону */
.sh-cat-recent .sh-cat-trend-head {
	display: none;
}

.sh-cat-recent-pages {
	order: 1;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

/* страниц нет - программы идут первыми, верхняя линия не нужна */
.sh-cat-recent-pages[hidden] + .sh-cat-recent-cards {
	padding-top: 0;
	border-top: 0;
}

/* ближайшие свободные даты на карточке - те же зеленые чипы, что в списке */
.sh-tcard-dates {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	margin-top: 5px;
}

.sh-tcard-date {
	display: inline-flex;
	align-items: center;
	height: 20px;
	padding: 0 6px;
	border-radius: 6px;
	border: 1px solid #c9edde;
	background: #f4fcf8;
	color: #0f8a4f;
	font: 700 11px/1 Manrope, sans-serif;
	white-space: nowrap;
}

.sh-tcard-more {
	display: inline-flex;
	align-items: center;
	height: 20px;
	font: 700 11px/1 Manrope, sans-serif;
	color: #747579;
}

.sh-cat-sec-head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 3px;
}

.sh-cat-h3 {
	margin: 0;
	font: 800 17px/1.2 Manrope, sans-serif;
	color: #0b0a12;
}

.sh-cat-sub {
	font: 600 13px/1.2 Manrope, sans-serif;
	color: #a3a5a9;
}

.sh-cat-label {
	font: 800 11px/1 Manrope, sans-serif;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: #96969a;
}

.sh-cat-links {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px 18px;
}

.sh-cat-link {
	display: flex;
	align-items: center;
	gap: 6px;
	font: 600 14.5px/1.35 Manrope, sans-serif;
	color: #0b0a12;
	text-decoration: none;
}

	.sh-cat-link:hover, .sh-cat-link.is-current {
		color: #008ef1;
	}

	.sh-cat-link .sh-count {
		font-weight: 600;
	}

.sh-cat-foot {
	margin-top: auto;
	display: flex;
	align-items: center;
	gap: 16px;
	padding-top: 16px;
	border-top: 1px solid #eef0f3;
}

.sh-cat-footlink {
	font: 700 14.5px/1.35 Manrope, sans-serif;
	color: #008ef1;
	text-decoration: none;
}

	.sh-cat-footlink:hover {
		color: #0077cc;
	}

/* «Часто смотрят»: на десктопе темы списком, ниже - карточки экскурсий */
.sh-cat-trend-head {
	display: flex;
	align-items: baseline;
	gap: 10px;
	order: 0;
}

.sh-cat-trend-title, .sh-cat-all {
	display: none;
}

.sh-cat-trend-links {
	order: 1;
}

.sh-cat-cards-wrap {
	order: 2;
	padding-top: 15px;
	border-top: 1px solid #eef0f3;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sh-cat-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.sh-tcard {
	display: flex;
	flex-direction: column;
	border: 1px solid #eef0f3;
	border-radius: 8px;
	overflow: hidden;
	text-decoration: none;
	color: #0b0a12;
	background: #fff;
}

	.sh-tcard:hover {
		border-color: #008ef1;
		color: #0b0a12;
	}

.sh-tcard-img {
	display: block;
	height: 78px;
	background: #eceef2;
}

	.sh-tcard-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

.sh-tcard-body {
	padding: 9px 10px 11px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.sh-tcard-name {
	font: 700 13px/1.3 Manrope, sans-serif;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.sh-tcard-meta {
	font: 500 11.5px/1.25 Manrope, sans-serif;
	color: #747579;
}

.sh-tcard-price {
	font: 800 13.5px/1 Manrope, sans-serif;
	margin-top: 2px;
}

/* 17a: иконки разделов, фраза «для кого», маркеры и метки у ссылок, карточка менеджера внизу правой части */
.sh-cat-ico {
	width: 18px;
	height: 18px;
	flex: none;
	color: #8a8c92;
	transition: color .18s ease;
}

.sh-cat-navbtn.is-active .sh-cat-ico, .sh-cat-navbtn:hover .sh-cat-ico {
	color: #008ef1;
}

.sh-cat-subtitle {
	margin: 0;
	font: 500 13px/1.45 Manrope, sans-serif;
	color: #747579;
}

.sh-cat-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #cfe6fb;
	flex: none;
	transition: background .18s ease;
}

.sh-cat-link:hover .sh-cat-dot, .sh-cat-link.is-current .sh-cat-dot {
	background: #008ef1;
}

.sh-cat-tag {
	padding: 3px 5px;
	border-radius: 999px;
	background: #0cbc87;
	color: #fff;
	font: 700 10px/1 Manrope, sans-serif;
	letter-spacing: .04em;
	text-transform: uppercase;
	white-space: nowrap;
}

	.sh-cat-tag.is-dates {
		background: #008ef1;
	}

	.sh-cat-tag.is-sale {
		background: #e08a1e;
	}

.sh-cat-body .sh-cat-sec {
	padding-bottom: 14px;
}

.sh-cat-bodyfoot {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 0 22px 20px;
}

.sh-cat-helper {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	border-radius: 12px;
	border: 1.5px solid #d9ecfd;
	background: linear-gradient(135deg, #eef6ff, #f4faff);
}

.sh-cat-helper-ava {
	position: relative;
	flex: none;
	width: 48px;
	height: 48px;
}

	.sh-cat-helper-ava img {
		display: block;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		object-fit: cover;
		background: #dbe7f5;
	}

	/* точка статуса: зеленая в рабочие часы, янтарная вне их (цвет ставит _TopNavbar) */
	.sh-cat-helper-ava i {
		position: absolute;
		right: 1px;
		bottom: 1px;
		width: 11px;
		height: 11px;
		border-radius: 50%;
		border: 2px solid #eef6ff;
		box-sizing: content-box;
	}

.sh-cat-helper-text {
	flex: 1;
	min-width: 0;
}

	.sh-cat-helper-text b {
		display: block;
		font: 800 14px/1.3 Manrope, sans-serif;
		color: #0b0a12;
	}

	.sh-cat-helper-text span {
		display: block;
		margin-top: 2px;
		font: 500 12.5px/1.35 Manrope, sans-serif;
		color: #5a6472;
	}

.sh-cat-helper-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	height: 38px;
	padding: 0 16px;
	border-radius: 10px;
	background: #008ef1;
	color: #fff;
	font: 700 13.5px/1 Manrope, sans-serif;
	white-space: nowrap;
	text-decoration: none;
	transition: background .18s ease;
}

	.sh-cat-helper-btn:hover {
		background: #0077cc;
		color: #fff;
	}

.sh-cat-foot-note {
	margin-left: auto;
	font: 600 12.5px/1.3 Manrope, sans-serif;
	color: #96969a;
}

/* ---------- Нижний ряд ---------- */
/* нижний ряд складывается вместе с логотипом - один порог, одна анимация */
.sh-bottom {
	background: #fff;
	border-top: 1px solid #eef0f3;
	max-height: 60px;
	overflow: hidden;
	transition: max-height .25s ease, opacity .18s ease, border-top-color .18s ease;
}

.sh.is-scrolled .sh-bottom {
	max-height: 0;
	opacity: 0;
	border-top-color: transparent;
}

.sh-bottom-wrap {
	height: 52px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.sh-bottom-label {
	font: 500 14.5px/1.4 Manrope, sans-serif;
	color: #6c6e71;
	white-space: nowrap;
	margin-right: 2px;
}

.sh-pill {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 32px;
	padding: 0 15px;
	border-radius: 999px;
	font: 600 13.5px/1 Manrope, sans-serif;
	color: #0b0a12;
	background: #fff;
	border: 1px solid #e6e9ee;
	text-decoration: none;
	white-space: nowrap;
}

	.sh-pill:hover {
		border-color: #008ef1;
		color: #008ef1;
	}

	.sh-pill.is-active {
		background: rgba(0,142,241,.12);
		border-color: transparent;
		color: #008ef1;
		font-weight: 700;
	}

	.sh-pill svg {
		flex: none;
	}

.sh-new {
	font: 800 9px/1 Manrope, sans-serif;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #fff;
	background: #0cbc87;
	padding: 4px 6px;
	border-radius: 999px;
}

.sh-bottom-right {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 8px;
}

/* узкий десктоп: с иконками у кнопок классов ряд не помещался на 1200px (+23px) - ужимаем поля кнопок */
@media (min-width: 1200px) and (max-width: 1279.98px) {
	.sh-bottom .sh-pill {
		padding: 0 11px;
	}
}

.sh-vsep {
	width: 1px;
	height: 24px;
	background: #e6e9ee;
	margin: 0 6px;
	flex: none;
}

/* тень прилипшей шапки */
.sh-shadow {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 1px;
	box-shadow: 0 7px 20px -7px rgba(15,23,42,.32);
	opacity: 0;
	transition: opacity .18s ease;
	pointer-events: none;
}

.sh.is-scrolled .sh-shadow {
	opacity: 1;
}

/* ---------- Мобильные листы (общее) ---------- */
body.sh-lock {
	overflow: hidden;
}

.sh-sheet {
	position: fixed;
	inset: 0;
	z-index: 1040;
	background: #fff;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.sh-sheet-head {
	flex: none;
	display: flex;
	align-items: center;
	gap: 10px;
	height: 60px;
	padding: 0 12px;
	border-bottom: 1px solid #eef0f3;
}

	.sh-sheet-head .sh-logo {
		margin-right: 0;
	}

	.sh-sheet-head .sh-logo img {
		height: 38px;
	}

	.sh-sheet-head > .sh-mobbtn:last-child {
		margin-left: auto;
	}

.sh-sheet-title {
	font: 800 18px/1.2 Manrope, sans-serif;
	color: #0b0a12;
}

.sh-sheet-body {
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 8px 16px 16px;
	display: flex;
	flex-direction: column;
}

/* плитки способа просмотра наверху листа меню (вариант 18b): 1-3 плитки на всю ширину */
.sh-mtiles {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
	gap: 8px;
	margin: 10px 0 8px;
}

.sh-mtile {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 11px 6px 10px;
	border: 1px solid #e6e9ee;
	border-radius: 12px;
	text-align: center;
	text-decoration: none;
	color: #0b0a12;
}

	.sh-mtile b {
		font: 700 13.5px/1.2 Manrope, sans-serif;
	}

	/* не <small>: у темы small { font-size: .875em !important } */
	.sh-mtile-sub {
		font: 500 11.5px/1.25 Manrope, sans-serif;
		color: #747579;
	}

	.sh-mtile.is-active {
		border-color: #008ef1;
		background: rgba(0,142,241,.06);
	}

		.sh-mtile.is-active b {
			color: #008ef1;
		}

.sh-mtile-ic {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #eaf4fe;
	color: #008ef1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sh-mtile-new {
	position: absolute;
	top: -8px;
	right: 8px;
}

/* строки меню с подписью */
.sh-mrows {
	display: flex;
	flex-direction: column;
}

.sh-mrow {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-height: 56px;
	padding: 10px 4px;
	border: 0;
	border-bottom: 1px solid #f2f3f5;
	background: transparent;
	text-align: left;
	cursor: pointer;
	text-decoration: none;
}

.sh-mrow-text {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
	flex: 1;
}

.sh-mrow-title {
	font: 700 17px/1.3 Manrope, sans-serif;
	color: #0b0a12;
}

.sh-mrow-sub {
	font: 500 13px/1.3 Manrope, sans-serif;
	color: #747579;
}

.sh-mrow-chev {
	color: #c3c5c9;
	flex: none;
	transition: transform .18s ease;
}

.sh-mrow[aria-expanded="true"] .sh-mrow-chev-acc {
	transform: rotate(90deg);
}

.sh-msub {
	padding: 2px 4px 8px;
	border-bottom: 1px solid #f2f3f5;
}

.sh-msub-group {
	display: flex;
	flex-direction: column;
	padding: 8px 0 4px;
}

.sh-msub-title {
	padding: 6px 0;
	font: 800 11px/1 Manrope, sans-serif;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: #96969a;
}

.sh-msub-link {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 6px 0;
	font: 600 16px/1.35 Manrope, sans-serif;
	color: #0b0a12;
	text-decoration: none;
}

/* избранное / подборки / вход */
.sh-mquick {
	padding-top: 14px;
	display: flex;
	flex-direction: column;
}

.sh-mquick-row {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 52px;
	font: 700 16px/1.3 Manrope, sans-serif;
	color: #0b0a12;
	text-decoration: none;
}

	.sh-mquick-row svg {
		flex: none;
	}

/* иконка в тонированной плитке, счетчик на ее углу (вариант 18b); бейдж тот же, что у сердца в мобильном ряду */
.sh-mquick-ic {
	position: relative;
	flex: none;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: #f3f4f6;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sh-mquick-ic-fav {
	background: #fdecee;
}

.sh-mquick-ic-sets {
	background: #eaf4fe;
}

	.sh-mquick-ic .sh-mob-badge {
		top: -6px;
		right: -6px;
	}

	.sh-mquick-ic-sets .sh-mob-badge {
		background: #008ef1;
	}

.sh-mquick-logout {
	color: #d6293e;
}

/* карточка пользователя и пункты кабинета */
.sh-muser {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 6px 4px 14px;
	border-bottom: 1px solid #eef0f3;
}

	.sh-muser .sh-avatar-lg {
		width: 52px;
		height: 52px;
	}

	.sh-muser .sh-account-fullname {
		font: 800 17px/1.25 Manrope, sans-serif;
		color: #0b0a12;
	}

	.sh-muser .sh-account-email {
		font: 500 13px/1.3 Manrope, sans-serif;
		white-space: normal;
	}

.sh-mcab {
	display: flex;
	flex-direction: column;
	padding: 10px 0 12px;
}

.sh-mcab-item {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 52px;
	padding: 6px 4px;
	border-bottom: 1px solid #f7f8f9;
	font: 600 16px/1.35 Manrope, sans-serif;
	color: #0b0a12;
	text-decoration: none;
}

	.sh-mcab-item > span:first-child {
		flex: 1;
	}

	.sh-mcab-item .sh-count {
		font-size: 13px;
	}

	.sh-mcab-item.is-current {
		color: #008ef1;
	}

/* иконка пункта кабинета: счетчик бейджем на ее углу, как у «Избранного» и «Моих подборок» ниже */
.sh-mcab-ic {
	position: relative;
	display: inline-flex;
	flex: none;
}

	/* у иконок из MenuItem.Icon бутстраповский me-1 (!important): внутри обертки он сдвигал бейдж от иконки */
	.sh-mcab-ic > svg {
		margin: 0 !important;
	}

	.sh-mcab-ic .sh-mob-badge {
		top: -8px;
		right: -9px;
	}

	/* бейдж выходит за иконку вправо - подписи нужен запас, иначе «12» ложится на текст */
	.sh-mcab-item .sh-item-main {
		gap: 16px;
	}

	.sh-mcab-ic .sh-mob-badge[data-sh-count="sets"] {
		background: #008ef1;
	}

/* полоса на всю ширину листа между кабинетом и остальным меню */
.sh-msep {
	flex: none;
	height: 8px;
	margin: 0 -16px 4px;
	background: #f3f4f6;
}

/* телефон внизу листа */
.sh-mfoot {
	margin-top: auto;
	padding-top: 16px;
	border-top: 1px solid #eef0f3;
	display: flex;
	flex-direction: column;
	gap: 11px;
}

.sh-mfoot-phone {
	font: 800 20px/1.15 Manrope, sans-serif;
	color: #0b0a12;
	text-decoration: none;
}

.sh-mfoot-status {
	display: flex;
	align-items: center;
	gap: 6px;
	font: 500 12.5px/1.2 Manrope, sans-serif;
	color: #6c6e71;
}

.sh-mfoot-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex: none;
}

.sh-mfoot-row {
	display: flex;
	gap: 9px;
}

.sh-msg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 48px;
	border: 0;
	border-radius: 8px;
	color: #fff;
	flex: none;
	cursor: pointer;
}

.sh-msg-tg {
	background: #29a9ea;
}

.sh-msg-wa {
	background: #25d366;
}

.sh-msg-max {
	background: #7b61ff;
}

.sh-mcall {
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	border: 0;
	border-radius: 8px;
	background: #008ef1;
	color: #fff;
	font: 700 15px/1 Manrope, sans-serif;
	text-decoration: none;
	cursor: pointer;
}

	.sh-mcall:hover {
		background: #0077cc;
		color: #fff;
	}

/* ============================================================
   Мобильный и планшет: до 1200px
   ============================================================ */
@media (max-width: 1199.98px) {
	.sh-nav, .sh-right, .sh-bottom, .sh-shadow {
		display: none;
	}

	.sh-top-wrap {
		height: 60px;
		padding: 0 12px;
		gap: 8px;
	}

	.sh-logo, .sh.is-scrolled .sh-logo {
		width: auto;
		height: 42px;
		margin-right: 0;
		transition: none;
	}

	.sh-logo-svg, .sh.is-scrolled .sh-logo-svg {
		height: 51px;
	}

	/* ниже 1200px шапка не сжимается - слоган и зеленый круг остаются на месте */
	.sh.is-scrolled .sh-lg-tag, .sh.is-scrolled .sh-lg-cg {
		opacity: 1;
		transform: none;
	}

	.sh-mob {
		display: flex;
		align-items: center;
		gap: 8px;
		margin-left: auto;
	}

	/* кабинет гида: логотип и аватар, без каталога и контактов */
	.sh--guide .sh-right {
		display: flex;
		margin-left: auto;
	}

	.sh--guide .sh-account-name, .sh--guide .sh-caret-acc {
		display: none;
	}

	.sh--guide .sh-account-btn {
		width: 44px;
		height: 44px;
		padding: 0;
		justify-content: center;
	}

	.sh--guide .sh-account-btn .sh-avatar {
		width: 44px;
		height: 44px;
	}

	.sh--guide .sh-account-pop {
		position: fixed;
		top: 68px;
		right: 12px;
		left: 12px;
		width: auto;
	}

	/* панель «Каталог» становится полноэкранным листом */
	.sh-cat {
		position: fixed;
		inset: 0;
		left: 0;
		top: 0;
		width: auto;
		max-width: none;
		border-radius: 0;
		box-shadow: none;
		z-index: 1041;
		display: flex;
		flex-direction: column;
		animation: none;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	/* лист прокручивается целиком: с заполненным «Вы недавно смотрели» списку разделов иначе не хватало высоты */
	.sh-cat .sh-cat-head {
		display: flex;
		position: sticky;
		top: 0;
		z-index: 1;
		background: #fff;
	}

	.sh-cat-body {
		display: none;
	}

	.sh-cat-trend {
		flex: none;
		max-height: none;
		overflow: visible;
		padding: 14px 16px 16px;
		gap: 13px;
		background: #f7f8fa;
		border-bottom: 1px solid #eef0f3;
	}

		.sh-cat-trend .sh-cat-label {
			display: none;
		}

	.sh-cat-trend-head {
		align-items: center;
		justify-content: space-between;
	}

	.sh-cat-trend-title {
		display: block;
		font: 800 17px/1.2 Manrope, sans-serif;
		color: #0b0a12;
	}

	.sh-cat-all {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		padding: 0 8px;
		margin-right: -8px;
		font: 700 13.5px/1 Manrope, sans-serif;
		color: #008ef1;
		text-decoration: none;
	}

	.sh-cat-cards-wrap {
		order: 1;
		padding-top: 0;
		border-top: 0;
	}

	.sh-cat-cards {
		display: flex;
		gap: 11px;
		overflow-x: auto;
		margin: 0 -16px;
		padding: 0 16px;
		scrollbar-width: none;
	}

		.sh-cat-cards::-webkit-scrollbar {
			display: none;
		}

	.sh-tcard {
		width: 168px;
		flex: none;
		border-radius: 12px;
	}

	.sh-tcard-img {
		height: 92px;
	}

	.sh-tcard-body {
		padding: 10px 11px 12px;
	}

	.sh-tcard-name {
		font-size: 14px;
	}

	.sh-tcard-meta {
		font-size: 12px;
	}

	.sh-tcard-price {
		font-size: 15px;
	}

	.sh-cat-trend-links {
		order: 2;
		display: flex;
		flex-wrap: wrap;
		gap: 7px;
	}

		.sh-cat-trend-links .sh-cat-link {
			align-items: center;
			height: 44px;
			padding: 0 16px;
			border-radius: 999px;
			border: 1px solid #e6e9ee;
			background: #fff;
			font: 600 14px/1 Manrope, sans-serif;
		}

		.sh-cat-trend-links .sh-count {
			display: none;
		}

	.sh-cat-navwrap {
		flex: none;
		min-height: 0;
		background: #fff;
		border: 0;
	}

	.sh-cat-nav {
		position: static;
		inset: auto;
		overflow: visible;
		padding: 10px 16px 16px;
		gap: 0;
	}

	.sh-cat-navlabel {
		padding: 14px 4px 6px;
	}

	.sh-cat-navbtn {
		min-height: 48px;
		padding: 6px 4px;
		border-radius: 0;
		border-bottom: 1px solid #f7f8f9;
		font: 600 16px/1.35 Manrope, sans-serif;
	}

		.sh-cat-navbtn[data-sh-sec-btn="trend"], .sh-cat-navbtn[data-sh-sec-btn="recent"] {
			display: none;
		}

		.sh-cat-navbtn.is-expanded {
			color: #008ef1;
		}

			.sh-cat-navbtn.is-expanded .sh-cat-chev {
				transform: rotate(90deg);
				color: #008ef1;
			}

	/* раздел, раскрытый под своей строкой на телефоне (site-header.js переносит блок из .sh-cat-body) */
	.sh-cat-sec.is-inline {
		display: flex;
		flex: none;
		padding: 0 0 6px;
		gap: 0;
		border-bottom: 1px solid #f7f8f9;
	}

		.sh-cat-sec.is-inline .sh-cat-sec-head, .sh-cat-sec.is-inline .sh-cat-foot {
			display: none;
		}

		.sh-cat-sec.is-inline .sh-cat-links {
			display: flex;
			flex-direction: column;
			gap: 0;
		}

		.sh-cat-sec.is-inline .sh-cat-link {
			align-items: center;
			min-height: 44px;
			padding: 8px 4px 8px 18px;
			font: 500 15px/1.35 Manrope, sans-serif;
			color: #3a3d44;
		}

	/* «Вы недавно смотрели» на телефоне - белый блок под «Часто смотрят» */
	.sh-cat-recent {
		background: #fff;
		padding-bottom: 8px;
	}

		.sh-cat-recent .sh-cat-trend-head {
			display: flex;
		}

		.sh-cat-recent .sh-cat-trend-title {
			display: block;
		}

	/* как у «Часто смотрят» на телефоне: сначала лента программ, под ней чипы страниц, подписи блоков скрыты */
	.sh-cat-recent-pages {
		order: 2;
	}

	/* чипы и так в рамке - маркер-точка им не нужна */
	.sh-cat-trend-links .sh-cat-dot {
		display: none;
	}

		.sh-cat-navbtn.is-active {
			background: transparent;
			box-shadow: none;
			color: #0b0a12;
			font-weight: 600;
		}

		.sh-cat-navbtn .sh-count {
			font-size: 13px;
		}

	.sh-cat-ico {
		width: 20px;
		height: 20px;
		color: #a3a5a9;
	}

		.sh-cat-navbtn.is-expanded .sh-cat-ico {
			color: #008ef1;
		}

	/* внутри раскрытого раздела ссылки уже с отступом слева - маркеры не нужны, метки остаются */
	.sh-cat-sec.is-inline .sh-cat-dot {
		display: none;
	}
}

/* узкий планшет: строки каталога в две колонки, чтобы список не был бесконечным */
@media (min-width: 768px) and (max-width: 1199.98px) {
	.sh-sheet-body, .sh-cat-nav, .sh-cat-trend {
		padding-left: 24px;
		padding-right: 24px;
	}

	.sh-msep {
		margin-left: -24px;
		margin-right: -24px;
	}

	.sh-logo, .sh.is-scrolled .sh-logo, .sh-logo-svg, .sh.is-scrolled .sh-logo-svg {
		height: 46px;
	}
}