/* ==========================================================================
   1. ПАНЕЛЬ УПРАВЛЕНИЯ ДОСТУПНОСТЬЮ (.increase-font)
   ========================================================================== */
.bw .increase-font, .font-plus-block .increase-font {
	display: block;
	background: #000000;
	z-index: 1001;
	height: var(--root-increase-font-panel-height);
}

.bw.fp-none .increase-font {
	display: none;
}

.increase-font p {
	font-size: 18px;
	font-weight: 300;
	color: #ffffff;
	width: 210px;
	margin: 0;
	cursor: pointer;
	display: block;
	position: absolute;
	top: 12px;
}

.increase-font p span {
	font-weight: 400;
	font-size: 24px;
	color: #ffffff;
}

.increase-font .container-fluid {
	position: relative;
	height: var(--root-increase-font-panel-height, 52px);
}

.increase-font .close-button {
	position: relative;
	display: block;
	float: right;
	width: 24px;
	height: 24px;
	right: 2px;
	margin-top: 12px;
	cursor: pointer;
	opacity: 1;
	z-index: 1;
}

body.font-plus-block .search-form .close-button {
	top: 20px;
	margin-top: 0;
}

.close-button:before,
.close-button:after {
	position: absolute;
	content: ' ';
	height: 28px;
	width: 2px;
	top: -3px;
	right: 10px;
	background: #ffffff;
}

.search-form .close-button:before,
.search-form .close-button:after {
	background: #000000;
}

.close-button:before {
	transform: rotate(45deg);
}

.close-button:after {
	transform: rotate(-45deg);
}

.font-plus2 .font-minus,
.font-plus4 .font-minus {
	display: block;
	margin-right: 30px;
	left: 210px;
	top: 10px;
}

.font-plus2 .font-minus {
	left: 235px;
	top: 13px;
	line-height: 1;
}

/* ==========================================================================
   2. СТИЛИ ДЛЯ ЦВЕТОВОЙ СЛЕПОТЫ / ЧЕРНО-БЕЛОГО РЕЖИМА (.bw)
   ========================================================================== */

/* Фильтр ламає position:fixed для панелей з шапки які мають залишатися у горі вьюпорту при скролі */
body.bw>*:not(header.header),
body.bw header.header::before,
body.bw header.header .right-header::before,
body.bw .header :not(
    .top-bar, .container,
    .main-menu, .navbar-mainMenu, .navbar-nav, .dropdown-container, .dropdown-menu, .nav-item,
    .position-relative,
    .search-form, .search-form__container,
    .right-header, .navbar, .navbar-brand, div.item.cabinet-item, div.item.cabinet-item>.nav, div.item.cabinet-item>.nav>.nav-item,.submenu.menu-type-cabinet
) {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

body.bw .article-content p,
body.bw .article-content span,
body.bw .breadcrumb-item span {
	color: #000000 !important;
}

body.bw .main-page-news-list .text {
	background-color: #ffffff;
	border: 1px solid #000000;
}

body.bw header svg:not(.trident),
body.bw header .cls-1,
body.bw header .cls-2 {
	fill: #000000 !important;
}

body.bw .pagination .icon svg,
body.bw .pagination .icon .cls-1,
body.bw .pagination .icon .cls-2,
body.bw .text-button-white .icon,
body.bw .text-button-white .icon .cls-1,
body.bw .about-links svg,
body.bw .about-links svg .cls-1,
body.bw .about-links svg .cls-2 {
	fill: #000000 !important;
}

body.bw .tabs-type-first-level .nav-link.active,
body.bw .text-button-white {
	border-color: #000000;
}

body.bw .header-gradient::before, body.bw .galery-gradient {
	background: #ffffff;
	background-color: #ffffff;
	border-bottom: 2px solid #eeeeee;
}

@media (max-width: 1200px) {
	body.bw .right-header:before {
		background: #ffffff !important;
		background-color: #ffffff !important;
	}
}

/* ==========================================================================
   3. КНОПКИ И ССЫЛКИ УПРАВЛЕНИЯ ПАНЕЛЬЮ
   ========================================================================== */
a.mod-theme-bw,
a.site-help,
a.font-plus,
a.font-minus,
a.mod-theme-bw:hover,
a.font-plus:hover,
a.font-minus:hover {
	color: #ffffff;
}

a.font-plus {
	margin-right: 30px;
	float: left;
	padding-top: 12px;
	line-height: 1;
	margin-left: 2px;
}

a.font-minus {
	float: left;
	padding-top: 12px;
	line-height: 1;
	margin-right: 30px;
}

a.mod-theme-bw, a.site-help {
	float: left;
	padding-top: 12px;
	line-height: 1;
}

a.site-help {
	margin-left: 30px;
}

@media (max-width: 575px) {
	a.font-plus span, a.font-minus span, a.mod-theme-bw span {
		display: none;
	}
}

/* ==========================================================================
   4. ИНТЕЛЛЕКТУАЛЬНОЕ МАСШТАБИРОВАНИЕ ШРИФТОВ (СТРОГО ВНУТРИ ТЕГА MAIN)
   ========================================================================== */

/* --- УРОВЕНЬ УВЕЛИЧЕНИЯ 1 (150% КОНТЕНТА) --- */
body.font-plus2 main,
body.font-plus2 main p,
body.font-plus2 main span,
body.font-plus2 main a,
body.font-plus2 main li,
body.font-plus2 main input,
body.font-plus2 main button,
body.font-plus2 main .nav-link,
body.font-plus2 main .text,
body.font-plus2 main .inner-content,
body.font-plus2 main .list,
body.font-plus2 main .list-number,
body.font-plus2 main .description,
body.font-plus2 main .function,
body.font-plus2 main .label,
body.font-plus2 main .item {
	font-size: 1.5rem !important; /* Ровно 150% от базового размера */
	line-height: 1.5 !important;  /* Комфортный межстрочный интервал */
}

/* Крупные заголовки контента (Уровень 1) */
body.font-plus2 main h1,
body.font-plus2 main .heading,
body.font-plus2 main .text-headline,
body.font-plus2 main .tabs-type-first-level .nav-link {
	font-size: 2.3rem !important;
	line-height: 1.3 !important;
}

/* Средние подзаголовки контента (Уровень 1) */
body.font-plus2 main h2,
body.font-plus2 main h3,
body.font-plus2 main .details-heading,
body.font-plus2 main .header-item {
	font-size: 1.85rem !important;
	line-height: 1.4 !important;
}

/* Служебный мелкий текст (Уровень 1) */
body.font-plus2 main .breadcrumb-item,
body.font-plus2 main .time-block,
body.font-plus2 main .wide-banner .text-sm {
	font-size: 1.2rem !important;
	line-height: 1.4 !important;
}


/* --- УРОВЕНЬ УВЕЛИЧЕНИЯ 2 (200% КОНТЕНТА) --- */
body.font-plus4 main,
body.font-plus4 main p,
body.font-plus4 main span,
body.font-plus4 main a,
body.font-plus4 main li,
body.font-plus4 main input,
body.font-plus4 main button,
body.font-plus4 main .nav-link,
body.font-plus4 main .text,
body.font-plus4 main .inner-content,
body.font-plus4 main .list,
body.font-plus4 main .list-number,
body.font-plus4 main .description,
body.font-plus4 main .function,
body.font-plus4 main .label,
body.font-plus4 main .item {
	font-size: 2.0rem !important; /* Ровно 200% от базового размера */
	line-height: 1.6 !important;  /* Увеличенный интервал, чтобы строки огромного текста не сливались */
}

/* Крупные заголовки контента (Уровень 2) */
body.font-plus4 main h1,
body.font-plus4 main .heading,
body.font-plus4 main .text-headline,
body.font-plus4 main .tabs-type-first-level .nav-link {
	font-size: 3.0rem !important;
	line-height: 1.3 !important;
}

/* Средние заголовки контента (Уровень 2) */
body.font-plus4 main h2,
body.font-plus4 main h3,
body.font-plus4 main .details-heading,
body.font-plus4 main .header-item {
	font-size: 2.4rem !important;
	line-height: 1.4 !important;
}

/* Служебный мелкий текст (Уровень 2) */
body.font-plus4 main .breadcrumb-item,
body.font-plus4 main .time-block,
body.font-plus4 main .wide-banner .text-sm {
	font-size: 1.5rem !important;
	line-height: 1.4 !important;
}