/**
 * Версия для слабовидящих — ГОСТ Р 52872 / практика спецпанели.
 */

/* Trigger in footer */
.eye-link,
.biosfera-a11y-trigger {
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	text-align: left;
	color: #333;
	text-decoration: none;
	font: inherit;
}

.eye-link .icon,
.biosfera-a11y-trigger .icon {
	flex: 0 0 auto;
	width: 22px;
	height: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.eye-link .text,
.biosfera-a11y-trigger .text {
	color: inherit;
	line-height: 1.25;
}

.eye-link:hover .text,
.biosfera-a11y-trigger:hover .text,
.eye-link:focus .text,
.biosfera-a11y-trigger:focus .text {
	color: #958058;
	outline: 0;
}

.eye-link:focus-visible,
.biosfera-a11y-trigger:focus-visible {
	outline: 3px solid #005fcc;
	outline-offset: 3px;
}

/* Sticky control panel */
.biosfera-a11y-panel {
	display: none;
	position: sticky;
	top: 0;
	z-index: 10050;
	width: 100%;
	background: #fff;
	color: #111;
	border-bottom: 3px solid #111;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.4;
}

body.biosfera-a11y-on .biosfera-a11y-panel {
	display: block;
}

.biosfera-a11y-panel__inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 12px 16px 14px;
	display: flex;
	flex-wrap: wrap;
	gap: 12px 20px;
	align-items: flex-end;
}

.biosfera-a11y-panel__group {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.biosfera-a11y-panel__label {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: #222;
}

.biosfera-a11y-panel__controls {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.biosfera-a11y-panel__btn {
	appearance: none;
	border: 2px solid #222;
	background: #fff;
	color: #111;
	min-height: 40px;
	padding: 6px 12px;
	border-radius: 4px;
	font: 700 15px/1.2 Arial, Helvetica, sans-serif;
	cursor: pointer;
}

.biosfera-a11y-panel__btn:hover,
.biosfera-a11y-panel__btn:focus-visible {
	background: #f2f2f2;
	outline: 3px solid #005fcc;
	outline-offset: 1px;
}

.biosfera-a11y-panel__btn.is-active {
	background: #111;
	color: #fff;
}

.biosfera-a11y-panel__btn--swatch {
	width: 40px;
	min-width: 40px;
	padding: 0;
	position: relative;
}

.biosfera-a11y-panel__btn--swatch[data-scheme="bw"] {
	background: #fff;
	color: #000;
}

.biosfera-a11y-panel__btn--swatch[data-scheme="wb"] {
	background: #000;
	color: #fff;
}

.biosfera-a11y-panel__btn--swatch[data-scheme="blue"] {
	background: #9dd1ff;
	color: #063a6b;
}

.biosfera-a11y-panel__btn--swatch[data-scheme="brown"] {
	background: #f7e7a1;
	color: #3b2a00;
}

.biosfera-a11y-panel__btn--swatch[data-scheme="green"] {
	background: #3a3a3a;
	color: #a8ff60;
}

.biosfera-a11y-panel__exit {
	margin-left: auto;
	border-color: #958058;
	background: #958058;
	color: #fff;
}

.biosfera-a11y-panel__exit:hover,
.biosfera-a11y-panel__exit:focus-visible {
	background: #7f6b48;
	border-color: #7f6b48;
	color: #fff;
}

/* ===== Active special version ===== */
body.biosfera-a11y-on {
	--bf-a11y-fg: #111;
	--bf-a11y-bg: #fff;
	--bf-a11y-link: #0033cc;
	--bf-a11y-font: Arial, Helvetica, sans-serif;
	--bf-a11y-size: 18px;
	--bf-a11y-letter: 0;
	--bf-a11y-line: 1.5;
	background: var(--bf-a11y-bg) !important;
	color: var(--bf-a11y-fg) !important;
	font-family: var(--bf-a11y-font) !important;
	font-size: var(--bf-a11y-size) !important;
	letter-spacing: var(--bf-a11y-letter) !important;
	line-height: var(--bf-a11y-line) !important;
}

body.biosfera-a11y-on.biosfera-a11y-scheme-bw {
	--bf-a11y-fg: #000;
	--bf-a11y-bg: #fff;
	--bf-a11y-link: #0000ee;
}

body.biosfera-a11y-on.biosfera-a11y-scheme-wb {
	--bf-a11y-fg: #fff;
	--bf-a11y-bg: #000;
	--bf-a11y-link: #9ecbff;
}

body.biosfera-a11y-on.biosfera-a11y-scheme-blue {
	--bf-a11y-fg: #063a6b;
	--bf-a11y-bg: #9dd1ff;
	--bf-a11y-link: #001f4d;
}

body.biosfera-a11y-on.biosfera-a11y-scheme-brown {
	--bf-a11y-fg: #3b2a00;
	--bf-a11y-bg: #f7e7a1;
	--bf-a11y-link: #5a3b00;
}

body.biosfera-a11y-on.biosfera-a11y-scheme-green {
	--bf-a11y-fg: #a8ff60;
	--bf-a11y-bg: #2b2b2b;
	--bf-a11y-link: #d7ff9a;
}

body.biosfera-a11y-on.biosfera-a11y-font-serif {
	--bf-a11y-font: "Times New Roman", Times, serif;
}

body.biosfera-a11y-on.biosfera-a11y-font-sans {
	--bf-a11y-font: Arial, Helvetica, sans-serif;
}

body.biosfera-a11y-on.biosfera-a11y-size-normal {
	--bf-a11y-size: 18px;
}

body.biosfera-a11y-on.biosfera-a11y-size-medium {
	--bf-a11y-size: 22px; /* ~122% */
}

body.biosfera-a11y-on.biosfera-a11y-size-large {
	--bf-a11y-size: 28px; /* ~155% */
}

body.biosfera-a11y-on.biosfera-a11y-size-xlarge {
	--bf-a11y-size: 36px; /* 200% от 18px */
}

body.biosfera-a11y-on.biosfera-a11y-spacing-normal {
	--bf-a11y-letter: 0;
	--bf-a11y-line: 1.5;
}

body.biosfera-a11y-on.biosfera-a11y-spacing-medium {
	--bf-a11y-letter: 0.06em;
	--bf-a11y-line: 1.75;
}

body.biosfera-a11y-on.biosfera-a11y-spacing-large {
	--bf-a11y-letter: 0.12em;
	--bf-a11y-line: 2;
}

body.biosfera-a11y-on .banners-big,
body.biosfera-a11y-on [class*="parallax"],
body.biosfera-a11y-on .item:hover {
	box-shadow: none !important;
	text-shadow: none !important;
	animation: none !important;
	transform: none !important;
}

body.biosfera-a11y-on,
body.biosfera-a11y-on body,
body.biosfera-a11y-on .body,
body.biosfera-a11y-on .main,
body.biosfera-a11y-on #content,
body.biosfera-a11y-on .container,
body.biosfera-a11y-on .maxwidth-theme,
body.biosfera-a11y-on header,
body.biosfera-a11y-on footer,
body.biosfera-a11y-on .page-top,
body.biosfera-a11y-on .item,
body.biosfera-a11y-on .shadow1,
body.biosfera-a11y-on .biosfera-membership__card,
body.biosfera-a11y-on .biosfera-clients__card,
body.biosfera-a11y-on .biosfera-blog__card,
body.biosfera-a11y-on .biosfera-trainer,
body.biosfera-a11y-on .form,
body.biosfera-a11y-on .callbackinline,
body.biosfera-a11y-on .bf-site-header,
body.biosfera-a11y-on .logo_and_menu-row {
	background: var(--bf-a11y-bg) !important;
	color: var(--bf-a11y-fg) !important;
	border-color: var(--bf-a11y-fg) !important;
}

body.biosfera-a11y-on h1,
body.biosfera-a11y-on h2,
body.biosfera-a11y-on h3,
body.biosfera-a11y-on h4,
body.biosfera-a11y-on h5,
body.biosfera-a11y-on h6,
body.biosfera-a11y-on p,
body.biosfera-a11y-on li,
body.biosfera-a11y-on td,
body.biosfera-a11y-on th,
body.biosfera-a11y-on span,
body.biosfera-a11y-on label,
body.biosfera-a11y-on .title,
body.biosfera-a11y-on .previewtext,
body.biosfera-a11y-on .breadcrumb,
body.biosfera-a11y-on #pagetitle {
	color: var(--bf-a11y-fg) !important;
	font-family: var(--bf-a11y-font) !important;
	letter-spacing: var(--bf-a11y-letter) !important;
	line-height: var(--bf-a11y-line) !important;
}

body.biosfera-a11y-on a,
body.biosfera-a11y-on a:visited {
	color: var(--bf-a11y-link) !important;
	text-decoration: underline !important;
}

body.biosfera-a11y-on a:focus-visible,
body.biosfera-a11y-on button:focus-visible,
body.biosfera-a11y-on input:focus-visible,
body.biosfera-a11y-on select:focus-visible,
body.biosfera-a11y-on textarea:focus-visible {
	outline: 3px solid #005fcc !important;
	outline-offset: 2px !important;
}

body.biosfera-a11y-on .btn,
body.biosfera-a11y-on button.btn,
body.biosfera-a11y-on input.btn,
body.biosfera-a11y-on .biosfera-btn {
	background: var(--bf-a11y-fg) !important;
	color: var(--bf-a11y-bg) !important;
	border: 2px solid var(--bf-a11y-fg) !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	font-family: var(--bf-a11y-font) !important;
	font-weight: 700 !important;
}

body.biosfera-a11y-on input,
body.biosfera-a11y-on textarea,
body.biosfera-a11y-on select {
	background: var(--bf-a11y-bg) !important;
	color: var(--bf-a11y-fg) !important;
	border: 2px solid var(--bf-a11y-fg) !important;
	font-family: var(--bf-a11y-font) !important;
	font-size: inherit !important;
}

/* Images */
body.biosfera-a11y-on.biosfera-a11y-images-hide img,
body.biosfera-a11y-on.biosfera-a11y-images-hide picture,
body.biosfera-a11y-on.biosfera-a11y-images-hide svg:not(.biosfera-a11y-keep),
body.biosfera-a11y-on.biosfera-a11y-images-hide video,
body.biosfera-a11y-on.biosfera-a11y-images-hide iframe {
	display: none !important;
}

body.biosfera-a11y-on.biosfera-a11y-images-gray img,
body.biosfera-a11y-on.biosfera-a11y-images-gray video {
	filter: grayscale(100%) contrast(1.1) !important;
}

/* Hide noisy chrome in special mode */
body.biosfera-a11y-on .banners-big,
body.biosfera-a11y-on .flex-direction-nav,
body.biosfera-a11y-on .flex-control-nav,
body.biosfera-a11y-on .subscribe_bg,
body.biosfera-a11y-on .social-icons,
body.biosfera-a11y-on .callbackinline + br,
body.biosfera-a11y-on [class*="marquiz"],
body.biosfera-a11y-on .intellectdialog,
body.biosfera-a11y-on iframe[src*="yandex"],
body.biosfera-a11y-on .jivo-iframe-container,
body.biosfera-a11y-on #jivo_chat_widget {
	display: none !important;
}

body.biosfera-a11y-on .biosfera-a11y-panel,
body.biosfera-a11y-on .biosfera-a11y-panel * {
	background-image: none !important;
}

body.biosfera-a11y-on .biosfera-a11y-panel {
	background: #fff !important;
	color: #111 !important;
	border-bottom-color: #111 !important;
}

body.biosfera-a11y-on.biosfera-a11y-scheme-wb .biosfera-a11y-panel {
	background: #111 !important;
	color: #fff !important;
	border-bottom-color: #fff !important;
}

body.biosfera-a11y-on.biosfera-a11y-scheme-wb .biosfera-a11y-panel__label {
	color: #fff !important;
}

body.biosfera-a11y-on.biosfera-a11y-scheme-wb .biosfera-a11y-panel__btn:not(.is-active):not(.biosfera-a11y-panel__exit) {
	background: #000 !important;
	color: #fff !important;
	border-color: #fff !important;
}

@media (max-width: 767px) {
	.biosfera-a11y-panel__inner {
		padding: 10px 12px 12px;
		gap: 10px;
	}

	.biosfera-a11y-panel__exit {
		margin-left: 0;
		width: 100%;
	}

	.biosfera-a11y-panel__btn {
		min-height: 44px;
	}
}