/**
 * Общая обвязка страниц: шапка заголовка и подвал.
 * Файл грузится на всём сайте вместе с модальным окном.
 */

.pb-foot-org {
	font-size: 14px;
	line-height: 1.6;
}

.pb-foot-org__name {
	margin: 0 0 16px;
	font-size: 17px;
	font-weight: 600;
}

.pb-foot-org__row {
	margin: 0 0 14px;
}

.pb-foot-org__label {
	display: block;
	margin-block-end: 2px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .05em;
	opacity: .6;
}

.pb-foot-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	line-height: 1.5;
}

.pb-foot-menu li + li {
	margin-block-start: 10px;
}

.pb-foot-menu a {
	color: inherit;
	text-decoration: none;
	transition: color .2s ease, opacity .2s ease;
}

.pb-foot-menu a:hover,
.pb-foot-menu a:focus-visible,
.pb-foot-org a:hover {
	color: var(--wd-primary-color, #007cd6);
}

.pb-foot-org a {
	color: inherit;
	text-decoration: none;
}

.pb-foot-cta__text {
	margin: 0 0 16px;
	font-size: 14px;
	line-height: 1.55;
	opacity: .8;
}

.pb-foot-cta .btn {
	display: inline-flex;
	inline-size: auto;
}

.pb-foot-cta__policy {
	margin: 16px 0 0;
	font-size: 13px;
	line-height: 1.5;
}

.pb-foot-cta__policy a {
	color: inherit;
	text-decoration: underline;
}

.pb-foot-cta__policy a:hover {
	color: var(--wd-primary-color, #007cd6);
}

/* --------------------------------------------------------------- *
 * Заголовок страницы
 * --------------------------------------------------------------- */

/*
 * Тема выводит заголовок белым, а фоновую картинку задаёт не на каждой
 * странице — без неё текст пропадал. Подкладываем фирменный тёмный блок:
 * там, где картинка есть, она остаётся сверху.
 */
/* Тема печатает свой фон инлайновым стилем ниже по документу,
   поэтому здесь без !important не обойтись. */
body .wd-page-title.page-title,
body .wd-page-title.page-title.color-scheme-light {
	background-color: var(--pb-surface, #f0f2f5) !important;
	background-image: none !important;
}

body .wd-page-title.page-title .entry-title,
body .wd-page-title.page-title h1 {
	color: var(--pb-dark, #242424);
}

.wd-page-title .wd-breadcrumbs,
.wd-page-title .breadcrumbs {
	color: var(--pb-text, #222);
}

.wd-page-title .wd-breadcrumbs a,
.wd-page-title .breadcrumbs a {
	color: var(--pb-text, #222);
}

.wd-page-title .wd-breadcrumbs a:hover,
.wd-page-title .breadcrumbs a:hover {
	color: var(--pb-accent, #007cd6);
}

/* --------------------------------------------------------------- *
 * Логотип в прилипшей шапке
 * --------------------------------------------------------------- */

/* Строку с меню прилепляем сами: обёртка шапки в теме слишком низкая
   для position: sticky, поэтому в прилипшем состоянии — fixed. */
.whb-header-bottom.pb-is-stuck {
	position: fixed;
	inset-inline: 0;
	z-index: 390;
	background: #fff;
	box-shadow: 0 6px 24px rgba(10, 16, 22, .1);
}

.pb-header-spacer {
	block-size: 0;
}

.pb-sticky-logo {
	display: none;
	flex: 0 0 auto;
	align-items: center;
	margin-inline-end: 28px;
}

.whb-header-bottom.pb-is-stuck .pb-sticky-logo {
	display: inline-flex;
}

.pb-sticky-logo img {
	display: block;
	inline-size: auto;
	block-size: 30px;
	max-inline-size: none;
}

/* --------------------------------------------------------------- *
 * Префутер: карта каталога
 * --------------------------------------------------------------- */

/* Во всю ширину: блок выводится внутри контентной обёртки темы,
   из-за чего раньше упирался в её поля. */
.pb-prefooter {
	inline-size: 100vw;
	margin-inline: calc(50% - 50vw);
	margin-block-start: 40px;
	padding-block: 58px;
	background: #f4f6f8;
	color: var(--wd-title-color, #141c1a);
}

.pb-prefooter > .container {
	inline-size: min(1348px, calc(100vw - 60px));
	margin-inline: auto;
}

.pb-prefooter__title {
	position: relative;
	margin: 0 0 30px;
	padding-inline-start: 16px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--wd-primary-color, #007cd6);
}

.pb-prefooter__title::before {
	content: '';
	position: absolute;
	inset-block: 1px;
	inset-inline-start: 0;
	inline-size: 4px;
	background: var(--wd-primary-color, #007cd6);
}

.

.

.

.

.

.

.

/* --------------------------------------------------------------- *
 * Подвал: левая колонка фирменного синего, как на старом сайте
 * --------------------------------------------------------------- */

body .footer-container {
	position: relative;
	background: #f7f9fb;
	border-block-start: 1px solid #dde3e9;
	overflow: hidden;
}

body .footer-container .main-footer {
	position: relative;
}

/* Синяя плашка уходит за левый край экрана — колонка в контейнере,
   а фон должен доходить до края окна. */
.footer-column-1 {
	position: relative;
	padding: 36px 30px;
	color: #fff;
}

/* Синим закрашена только первая колонка — за её край плашка не выходит. */
.footer-column-1::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 0;
	background: var(--wd-primary-color, #007cd6);
}

/* Содержимое поверх плашки: отрицательный z-index уводил её за фон подвала. */
.footer-column-1 > * {
	position: relative;
	z-index: 1;
}

.footer-column-1 .pb-foot-org a {
	color: #fff;
}

.footer-column-1 .pb-foot-org a:hover {
	color: rgba(255, 255, 255, .75);
}

.footer-column-1 .pb-foot-org__label {
	color: rgba(255, 255, 255, .7);
	opacity: 1;
}

body .footer-container .footer-column:not(.footer-column-1) {
	padding-block: 42px;
}

body .wd-copyrights {
	background: #eceff3;
	border-block-start: 1px solid #dde3e9;
}

@media (max-width: 1024px) {
	.footer-column-1 {
		padding: 34px 24px 34px 0;
	}
}

@media (max-width: 767px) {
	.pb-prefooter {
		padding-block: 38px;
	}

	/* На узком экране синяя плашка занимает всю ширину. */
	.footer-column-1 {
		padding: 30px 20px;
	}

	.footer-column-1::before {
		inset-block: 0;
		inset-inline: -50vw;
		inline-size: 200vw;
	}
}

/* --------------------------------------------------------------- *
 * Каталог в префутере: облако тегов
 * --------------------------------------------------------------- */

.pb-cat-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.pb-cat-cloud__tag {
	display: inline-flex;
	align-items: center;
	padding: 7px 14px;
	border: 1px solid #dde3e9;
	border-radius: 999px;
	background: #fff;
	color: #6b757d;
	font-size: 13px;
	line-height: 1.3;
	text-decoration: none;
	transition: border-color .2s ease, color .2s ease, background .2s ease;
}

/* Наведение одинаковое у всех ссылок префутера: заливка основным цветом */
.pb-cat-cloud__tag:hover,
.pb-cat-cloud__tag:focus-visible {
	border-color: var(--wd-primary-color, #007cd6);
	background: var(--wd-primary-color, #007cd6);
	color: #fff;
	text-decoration: none;
}

@media (max-width: 575px) {

	.pb-cat-cloud__tag {
		font-size: 12px;
		padding: 6px 12px;
	}
}

/

.

.

.

.

.

.pb-copyright__note {
	margin: 0;
	font-size: 13px;
	opacity: .75;
}

/* Иконки в первой колонке подвала */

.pb-foot-org__row {
	position: relative;
	padding-inline-start: 26px;
}

.pb-foot-org__icon {
	position: absolute;
	inset-block-start: 2px;
	inset-inline-start: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 16px;
	block-size: 16px;
	color: rgba(255, 255, 255, .8);
}

.pb-foot-org__icon svg {
	display: block;
}

/* --------------------------------------------------------------- *
 * Префутер: список категорий под кат
 * --------------------------------------------------------------- */

.pb-prefooter__more {
	position: relative;
}

.pb-prefooter__check {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip-path: inset(50%);
	overflow: hidden;
	white-space: nowrap;
}

.pb-prefooter__check ~ .pb-cat-cloud {
	max-block-size: 78px;
	overflow: hidden;
}

.pb-prefooter__check:checked ~ .pb-cat-cloud {
	max-block-size: none;
}

.pb-prefooter__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: 40px;
	margin-block-start: 18px;
	padding: 0 22px;
	border: 1px solid #dde3e9;
	background: #fff;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #141c1a;
	cursor: pointer;
	transition: border-color .2s ease, color .2s ease;
}

.pb-prefooter__toggle:hover {
	border-color: var(--wd-primary-color, #007cd6);
	color: var(--wd-primary-color, #007cd6);
}

.pb-prefooter__check ~ .pb-prefooter__toggle .pb-prefooter__toggle-less,
.pb-prefooter__check:checked ~ .pb-prefooter__toggle .pb-prefooter__toggle-more {
	display: none;
}

.pb-prefooter__check:checked ~ .pb-prefooter__toggle .pb-prefooter__toggle-less {
	display: inline;
}

.pb-prefooter__check:focus-visible ~ .pb-prefooter__toggle {
	outline: 2px solid var(--wd-primary-color, #007cd6);
	outline-offset: 2px;
}

/* --------------------------------------------------------------- *
 * Соцсети и последняя колонка подвала
 * --------------------------------------------------------------- */

.pb-soc {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-block-start: 20px;
}

.pb-soc__item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 30px;
	block-size: 30px;
	transition: transform .2s ease, opacity .2s ease;
}

.pb-soc__item:hover,
.pb-soc__item:focus-visible {
	transform: translateY(-2px);
	opacity: .85;
}

.pb-soc__item svg {
	display: block;
}

.pb-foot-cta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
}

.pb-foot-cta__logo {
	display: inline-flex;
	align-items: center;
}

.pb-foot-cta__logo img {
	inline-size: auto;
	block-size: 34px;
	max-inline-size: 160px;
	object-fit: contain;
}

.pb-foot-cta__promo {
	margin: 4px 0 0;
	font-size: 13px;
}

.pb-foot-cta__promo a {
	color: #6b757d;
	text-decoration: none;
}

.pb-foot-cta__promo a:hover {
	color: var(--wd-primary-color, #007cd6);
}

.pb-copyright__note {
	display: flex;
	flex-direction: column;
	text-align: start;
	gap: 8px;
	font-size: 12px;
	line-height: 1.55;
	opacity: .75;
}

.pb-copyright__note p {
	margin: 0;
}

.pb-soc__img {
	inline-size: 30px;
	block-size: 30px;
	object-fit: contain;
	display: block;
}

/* Нижняя полоса копирайта (своя, вместо отключённой полосы темы) */

.pb-copyright-bar {
	padding-block: 22px;
	color: #6a7280;
	background-color: #eef2f6;
	border-block-start: 1px solid rgba(0, 0, 0, .08);
}

.pb-copyright-bar .pb-copyright__note {
	margin: 0;
	font-size: 12px;
	line-height: 1.6;
	opacity: 1;
}

.pb-copyright-bar .pb-copyright__note + .pb-copyright__note {
	margin-block-start: 8px;
}

.pb-foot-org__addr {
	display: block;
}

.pb-foot-org__addr + .pb-foot-org__addr {
	margin-block-start: 4px;
}