/*!
Theme Name: Timebook
Author: WTS
Author URI: https://wtstudio.ru/
Version: 1.0.0
Text Domain: timebook
Tested up to: 5.4
Requires PHP: 5.6
*/

img {
	max-width: 100%;
	height: auto;
}

/* After async bundle: keep optional so late swap does not reflow hero / cookie. */
@font-face {
	font-display: optional;
	font-family: Benzin-Bold;
	src: url("source/fonts/benzin-bold.woff2") format("woff2");
}

@font-face {
	font-display: optional;
	font-family: "Jura Bold";
	src: url("source/fonts/Jura-Bold.woff2") format("woff2");
}

@font-face {
	font-display: optional;
	font-family: "Inter Light";
	src: url("source/fonts/Inter-LightBETA.woff2") format("woff2");
}

@font-face {
	font-display: optional;
	font-family: "Inter Regular";
	src: url("source/fonts/Inter-Regular.woff2") format("woff2");
}

/* WordPress editor image alignment (WYSIWYG / the_content) */
.content .alignleft,
.content img.alignleft,
.content picture.alignleft {
	float: left;
	margin: 0 1.5em 1em 0;
	max-width: 100%;
	height: auto;
}

.content .alignright,
.content img.alignright,
.content picture.alignright {
	float: right;
	margin: 0 0 1em 1.5em;
	max-width: 100%;
	height: auto;
}

.content .aligncenter,
.content img.aligncenter,
.content picture.aligncenter {
	display: block;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	max-width: 100%;
	height: auto;
}

.content .alignnone,
.content img.alignnone,
.content picture.alignnone {
	display: inline-block;
	float: none;
	margin: 0 0 1em;
	max-width: 100%;
	height: auto;
}

.content a.glightbox {
	cursor: zoom-in;
}

/* WP [gallery] shortcode */
.content .gallery {
	display: flex;
	flex-wrap: wrap;
	clear: both;
	margin: 0 -0.5rem 1.5em;
	width: auto;
}

.content .gallery .gallery-item {
	float: none;
	margin: 0 0 1rem;
	padding: 0 0.5rem;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

.content .gallery-columns-2 .gallery-item {
	width: 50%;
}

.content .gallery-columns-3 .gallery-item {
	width: 33.3333%;
}

.content .gallery-columns-4 .gallery-item {
	width: 25%;
}

.content .gallery-columns-5 .gallery-item {
	width: 20%;
}

.content .gallery-columns-6 .gallery-item {
	width: 16.6667%;
}

.content .gallery-columns-7 .gallery-item {
	width: 14.2857%;
}

.content .gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.content .gallery-columns-9 .gallery-item {
	width: 11.1111%;
}

.content .gallery-icon {
	margin: 0;
}

.content .gallery-icon a {
	position: relative;
	display: block;
	padding-top: 67%;
	overflow: hidden;
	color: inherit;
	text-decoration: none;
	cursor: zoom-in;
}

.content .gallery-icon a > img,
.content .gallery-icon a > picture {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	display: block;
}

.content .gallery-icon a > img,
.content .gallery-icon a > picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.content .gallery a {
	color: inherit;
	text-decoration: none;
}

.content .gallery .gallery-caption {
	margin: 0.5em 0 0;
	padding: 0;
	font-size: 0.875em;
	line-height: 1.4;
	color: #0f1941;
}

@media screen and (max-width: 767.98px) {
	.content .gallery-columns-3 .gallery-item,
	.content .gallery-columns-4 .gallery-item,
	.content .gallery-columns-5 .gallery-item,
	.content .gallery-columns-6 .gallery-item,
	.content .gallery-columns-7 .gallery-item,
	.content .gallery-columns-8 .gallery-item,
	.content .gallery-columns-9 .gallery-item {
		width: 50%;
	}
}

@media screen and (max-width: 479.98px) {
	.content .gallery-columns-2 .gallery-item,
	.content .gallery-columns-3 .gallery-item,
	.content .gallery-columns-4 .gallery-item,
	.content .gallery-columns-5 .gallery-item,
	.content .gallery-columns-6 .gallery-item,
	.content .gallery-columns-7 .gallery-item,
	.content .gallery-columns-8 .gallery-item,
	.content .gallery-columns-9 .gallery-item {
		width: 100%;
	}
}

.content .wp-caption {
	max-width: 100%;
}

.content .wp-caption.alignleft {
	float: left;
	margin: 0 1.5em 1em 0;
}

.content .wp-caption.alignright {
	float: right;
	margin: 0 0 1em 1.5em;
}

.content .wp-caption.aligncenter {
	display: block;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}

.content .wp-caption img {
	display: block;
	width: 100%;
	height: auto;
}

.content .wp-caption-text {
	margin: 0.5em 0 0;
	font-size: 0.875em;
	line-height: 1.4;
	color: #0f1941;
}

.content::after {
	content: "";
	display: table;
	clear: both;
}

@media screen and (max-width: 767.98px) {
	.content .alignleft,
	.content img.alignleft,
	.content picture.alignleft,
	.content .alignright,
	.content img.alignright,
	.content picture.alignright,
	.content .wp-caption.alignleft,
	.content .wp-caption.alignright {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1em;
	}
}

/* Links */
a {
	outline: 0;
	text-decoration: none;
	color: inherit;
	transition: color 0.4s;
}

a:focus {
	outline: 0;
	box-shadow: none !important;
}

/* Hover-╤Ж╨▓╨╡╤В╨░ ╤В╨╛╨╗╤М╨║╨╛ ╨╜╨░ ╤Г╤Б╤В╤А╨╛╨╣╤Б╤В╨▓╨░╤Е ╤Б ╨╜╨░╤Б╤В╨╛╤П╤Й╨╕╨╝ hover (╨╜╨╡ sticky tap ╨╜╨░ ╨╝╨╛╨▒╨╕╨╗╤М╨╜╤Л╤Е). */
@media (hover: hover) and (pointer: fine) {
	a:hover {
		text-decoration: none;
		color: #bbd700;
	}

	.contacts-subtitle a:hover {
		color: #5375a1;
	}

	.header-logo:hover,
	.gallery a:hover,
	.gallery-icon a:hover,
	.content .gallery a:hover,
	.content .gallery-icon a:hover {
		color: inherit;
		text-decoration: none;
	}

	.content a:hover {
		color: #0f1941;
	}

	.content .content-links a:hover {
		text-decoration: none;
	}

	.content a.button:hover {
		color: inherit;
		text-decoration: none;
	}

	.footer-box a:hover {
		color: #bbd700;
	}
}

.content a {
	color: #0f1941;
	text-decoration: underline;
}

/* ╨б╨┐╨╕╤Б╨╛╨║ ╨┤╨╛╨║╤Г╨╝╨╡╨╜╤В╨╛╨▓: ╨║╨░╨║ .content-links ╨╜╨░ front (╨▒╨╡╨╖ ╨┐╨╛╨┤╤З╤С╤А╨║╨╕╨▓╨░╨╜╨╕╤П). */
.content .content-links a {
	text-decoration: none;
}

.content-links p,
.content .content-links p {
	margin-top: 0;
	margin-bottom: 0;
}

/* Buttons inside content must keep .button look (not content link styles). */
.content a.button {
	color: inherit;
	text-decoration: none;
}

/* Document content: strong = former .content span */
.content strong {
	font-family: "Inter Bold", sans-serif;
	font-weight: 700;
	font-style: normal;
}

/* Blog article: strong = former .content-description span */
.content-description strong {
	font-size: 24px;
}

@media (max-width: 991.98px) {
	.content-description strong {
		font-size: 16px;
		letter-spacing: 0.07em;
	}
}

@media (max-width: 767.98px) {
	.content-description strong {
		font-size: 16px;
		letter-spacing: 0.07em;
	}
}

/* ╨Ъ╨░╨║ .content ol > *, .content ul > * { margin-top: 20px } тАФ ╨╜╨░ ╨▓╤Б╨╡╤Е ╨▒╤А╨╡╨╣╨║╨┐╨╛╨╕╨╜╤В╨░╤Е */
.content p {
	margin-bottom: 20px;
}

/* Semantic headings in document/case .content (= .content-title scale) */
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	margin: 24px 0 10px;
	padding: 0;
	color: #0f1941;
	font-family: "Jura Bold", sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.3;
}

.content h2:first-child,
.content h3:first-child,
.content h4:first-child,
.content h5:first-child,
.content h6:first-child {
	margin-top: 0;
}

.content h2 {
	font-size: 32px;
}

.content h3 {
	font-size: 28px;
}

.content h4 {
	font-size: 24px;
}

.content h5 {
	font-size: 20px;
}

.content h6 {
	font-size: 18px;
}

@media screen and (max-width: 1399px) {
	.content h2 {
		font-size: 30px;
	}

	.content h3 {
		font-size: 26px;
	}

	.content h4 {
		font-size: 22px;
	}

	.content h5 {
		font-size: 18px;
	}

	.content h6 {
		font-size: 16px;
	}
}

@media screen and (max-width: 1199px) {
	.content h2 {
		font-size: 22px;
	}

	.content h3 {
		font-size: 20px;
	}

	.content h4 {
		font-size: 18px;
	}

	.content h5 {
		font-size: 16px;
	}

	.content h6 {
		font-size: 14px;
	}
}

@media screen and (max-width: 1023px) {
	.content h2 {
		font-size: 16px;
	}

	.content h3 {
		font-size: 15px;
	}

	.content h4 {
		font-size: 14px;
	}

	.content h5 {
		font-size: 13px;
	}

	.content h6 {
		font-size: 12px;
	}
}

/* .content ul ╨║╨░╨║ .content-list (╨╝╨░╤А╨║╨╕╤А╨╛╨▓╨░╨╜╨╜╤Л╨╣); ╨▓ ╤В╨░╨▒╨╗╨╕╤Ж╨╡ тАФ ╨┐╤А╨╡╨╢╨╜╨╕╨╡ ╤Б╤В╨╕╨╗╨╕ .content table тАж ul */
.content ul {
	counter-reset: none;
	list-style-type: disc;
	margin-left: 40px;
	margin-bottom: 20px; /* ╨║╨░╨║ .content p */
	padding: 0;
}

.content ul > * {
	margin-top: 0;
}

.content ul > li {
	counter-increment: none;
	list-style-type: disc;
}

.content ul > li::before {
	display: none;
	content: none;
}

/* Document content: semantic tables (= .content-table) */
.content table {
	width: 100%;
	max-width: none;
	border-collapse: collapse;
	margin-top: 20px;
	margin-bottom: 24px;
	background: #fff;
	border: none;
	table-layout: fixed;
}

.content table th,
.content table td {
	position: relative;
	border: 1px solid #838383;
	padding: 8px;
	font-size: 12px;
	line-height: 1.35;
	color: #0f1941;
	font-family: "Inter Regular", sans-serif;
	font-weight: 400;
	vertical-align: middle;
	text-align: left;
}

/* ╨Ъ╨░╨║ .content-table__row > * > * / ul li / ol li тАФ ╤И╤А╨╕╤Д╤В 12px */
.content table th *,
.content table td *,
.content table th p,
.content table td p,
.content table td ul li,
.content table td ol li,
.content table th ul li,
.content table th ol li {
	font-size: 12px;
	line-height: 1.35;
	color: #0f1941;
	font-family: "Inter Regular", sans-serif;
	font-weight: 400;
	font-style: normal;
}

/* strong ╨▓ ╤В╨░╨▒╨╗╨╕╤Ж╨╡ (= .content span) тАФ ╨╕╨╜╨░╤З╨╡ td * ╤Б╨▒╤А╨░╤Б╤Л╨▓╨░╨╡╤В ╨╜╨░ Regular */
.content table th strong,
.content table td strong {
	font-family: "Inter Bold", sans-serif;
	font-weight: 700;
	font-style: normal;
}

/* ╨Ч╨░╨│╨╛╨╗╨╛╨▓╨╛╨║ ┬л╨ж╨╡╨╗╤М N┬╗ (= .content-table__head) */
.content table caption.content-table-title,
.content table th.content-table-title,
.content table thead th[colspan],
.content table tbody th.content-table-title {
	caption-side: top;
	text-align: left;
	padding: 12px 8px;
	font-family: "Inter Regular", sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.35;
	color: #0f1941;
	border: 1px solid #838383;
	background: #fff;
}

.content table caption.content-table-title *,
.content table th.content-table-title *,
.content table thead th[colspan] *,
.content table tbody th.content-table-title * {
	font-family: "Inter Regular", sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.35;
}

.content table tr.content-table-title-row th {
	border-bottom: 1px solid #838383;
}

/* ╨и╨░╨┐╨║╨░ ╤Б ╨║╨╛╨╗╨╛╨╜╨║╨░╨╝╨╕ (_two / _three / тАж) тАФ bold */
.content table._two thead th:not([colspan]),
.content table._three thead th:not([colspan]),
.content table._specifications thead th:not([colspan]),
.content table._appendix thead th:not([colspan]) {
	font-family: "Inter Bold", sans-serif;
	font-weight: 700;
	padding: 8px;
}

.content table._two thead th:not([colspan]) *,
.content table._three thead th:not([colspan]) *,
.content table._specifications thead th:not([colspan]) *,
.content table._appendix thead th:not([colspan]) * {
	font-family: "Inter Bold", sans-serif;
	font-weight: 700;
}

/* Default 3-col = .content-table__row: 24px | 30.5% | rest */
.content table:not(._two):not(._three):not(._specifications):not(._appendix) {
	table-layout: fixed;
}

.content table:not(._two):not(._three):not(._specifications):not(._appendix) col:nth-child(1),
.content table:not(._two):not(._three):not(._specifications):not(._appendix) td:first-child,
.content table:not(._two):not(._three):not(._specifications):not(._appendix) th:first-child:not([colspan]) {
	width: 24px;
	min-width: 24px;
	max-width: 24px;
	padding: 8px 4px;
	text-align: center;
	box-sizing: border-box;
}

.content table:not(._two):not(._three):not(._specifications):not(._appendix) col:nth-child(2),
.content table:not(._two):not(._three):not(._specifications):not(._appendix) td:nth-child(2),
.content table:not(._two):not(._three):not(._specifications):not(._appendix) th:nth-child(2) {
	width: 30.5%;
	box-sizing: border-box;
}

.content table:not(._two):not(._three):not(._specifications):not(._appendix) col:nth-child(3),
.content table:not(._two):not(._three):not(._specifications):not(._appendix) td:nth-child(3),
.content table:not(._two):not(._three):not(._specifications):not(._appendix) th:nth-child(3) {
	width: auto;
}

.content table._two {
	max-width: none;
}

.content table._two td:first-child,
.content table._two th:first-child:not([colspan]) {
	width: 75%;
}

.content table._two td:nth-child(2),
.content table._two th:nth-child(2) {
	width: 25%;
	min-width: 140px;
}

.content table._three td:first-child,
.content table._three th:first-child:not([colspan]) {
	width: 13.5%;
	min-width: 140px;
}

.content table._three td:nth-child(2),
.content table._three th:nth-child(2) {
	width: 21.5%;
	min-width: 210px;
}

.content table._three td:nth-child(3),
.content table._three th:nth-child(3) {
	width: 65%;
}

/* ╨Ъ╨░╨║ .content-table._three .content-table__col { row-gap: 20px } тАФ ╨╜╨░ ╨▓╤Б╨╡╤Е ╨▒╤А╨╡╨╣╨║╨┐╨╛╨╕╨╜╤В╨░╤Е */
.content table._three td > p,
.content table._three th > p {
	margin-top: 0;
	margin-bottom: 20px;
}

/* ╨Р╨▒╨╖╨░╤Ж╤Л ╨▓╨╜╤Г╤В╤А╨╕ ╨┐╤Г╨╜╨║╤В╨╛╨▓ ╤Б╨┐╨╕╤Б╨║╨░ тАФ ╨║╨░╨║ .content ol li > * (╨╛╤В╤Б╤В╤Г╨┐ ╨┐╨╛╤Б╨╗╨╡ ╨▓╤Б╤В╤Г╨┐╨╗╨╡╨╜╨╕╤П-╤В╨╡╨║╤Б╤В╨░) */
.content ol > li > p,
.content ul > li > p {
	margin-top: 20px;
	margin-bottom: 0;
}

.content table._three td > p:last-child,
.content table._three th > p:last-child {
	margin-bottom: 0;
}

.content table._specifications td,
.content table._specifications th:not([colspan]) {
	width: 25%;
	min-width: 100px;
	vertical-align: top;
}

.content table._specifications tr._other td:first-child {
	width: 25%;
}

.content table._specifications tr._other td:nth-child(2) {
	width: 75%;
	min-width: 300px;
}

.content table._appendix {
	max-width: none;
}

.content table._appendix td:first-child,
.content table._appendix th:first-child:not([colspan]) {
	width: 8%;
	min-width: 44px;
}

.content table._appendix thead th,
.content table._appendix tr._full th,
.content table._appendix tr._full td {
	font-family: "Inter Bold", sans-serif;
	font-weight: 700;
}

.content table._appendix tr._full th *,
.content table._appendix tr._full td * {
	font-family: "Inter Bold", sans-serif;
	font-weight: 700;
	row-gap: 4px;
}

/* ╨Я╤А╨╕╨╗╨╛╨╢╨╡╨╜╨╕╨╡ ╨║ ╨┤╨╛╨│╨╛╨▓╨╛╤А╤Г (╨▓╨╜╤Г╤В╤А╨╕ .content ╨┐╨╛╤Б╨╗╨╡ seed) */
.content .appendix {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
	margin-top: 24px;
}

.content .appendix-head > * {
	margin: 0;
	font-size: 24px;
	font-family: "Inter Bold", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.content .appendix-body {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.content .appendix-title {
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	font-family: "Inter Bold", sans-serif;
	font-weight: 700;
	text-align: center;
}

/* ╨б╨┐╨╕╤Б╨║╨╕ ╨▓ ╤П╤З╨╡╨╣╨║╨░╤Е = .content-table__row > * ul / ol */
.content table td ul,
.content table th ul {
	counter-reset: none;
	padding: 0;
	margin: 0;
	margin-left: 0;
	display: block;
	row-gap: 0;
	list-style-type: none;
}

.content table td ol,
.content table th ol {
	counter-reset: tb-ol;
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
}

.content table td ul li,
.content table th ul li {
	counter-increment: none;
	list-style: inside disc;
	padding-left: 0;
	position: relative;
	font-size: 12px;
	line-height: 1.35;
}

.content table td ul li::marker,
.content table th ul li::marker {
	color: transparent;
	content: "тАв\00a0\00a0\00a0\00a0";
	font-size: 12px;
}

/* ╨Ъ╨░╨║ .content ol > *, .content ul > * тАФ ╨╛╤В╤Б╤В╤Г╨┐╤Л ╨╝╨╡╨╢╨┤╤Г ╨┐╤Г╨╜╨║╤В╨░╨╝╨╕ */
.content table td ul > *,
.content table th ul > *,
.content table td ol > *,
.content table th ol > * {
	margin-top: 20px;
}

.content table td ul > *:first-child,
.content table th ul > *:first-child,
.content table td ol > *:first-child,
.content table th ol > *:first-child {
	margin-top: 0;
}

/* ╨Ъ╨░╨║ .content ol li > *, .content ul li > * */
.content table td ol li > *,
.content table th ol li > *,
.content table td ul li > *,
.content table th ul li > * {
	margin-top: 20px;
}

.content table td ul li::before,
.content table th ul li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 8px;
	display: inline-block;
	width: 12px;
	height: 1px;
	background: #0f1941;
	pointer-events: none;
}

.content table td ol > li,
.content table th ol > li {
	counter-increment: tb-ol;
	list-style: none;
	position: relative;
	padding-left: 1.1em;
	font-size: 12px;
	line-height: 1.35;
}

/* ╨б╨▓╨╛╨╣ ╨╛╨┤╨╜╨╛╤Г╤А╨╛╨▓╨╜╨╡╨▓╤Л╨╣ ╤Б╤З╤С╤В╤З╨╕╨║ тАФ ╨┐╨╡╤А╨╡╨║╤А╤Л╨▓╨░╨╡╤В counters(item,".") тЖТ ┬л1.1┬╗ */
.content table td ol > li::before,
.content table th ol > li::before {
	content: counter(tb-ol) "." !important;
	display: inline-block !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
	color: #0f1941 !important;
	font-family: "Inter Regular", sans-serif !important;
	font-weight: 400 !important;
	background: none !important;
}

/* ╨Ъ╨░╨║ .content-table__row > * ol li > ul */
.content table td ol li > ul,
.content table th ol li > ul {
	margin-left: -14px;
}

.content table td ol > li > ul > li:first-child,
.content table th ol > li > ul > li:first-child {
	list-style: none;
}

.content table td ol > li > ul > li:first-child::before,
.content table th ol > li > ul > li:first-child::before {
	content: "" !important;
	display: none !important;
}

.content table .content-table__list ul {
	row-gap: 10px;
	margin-top: 10px;
}

.content table .content-table__list ol {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

@media screen and (max-width: 767px) {
	/* .content ul ╨║╨░╨║ .content-list тАФ ╨▒╨╡╨╖ ╨╜╤Г╨╝╨╡╤А╨░╤Ж╨╕╨╕ ╨╕ ╨╜╨░ ╨╝╨╛╨▒╨╕╨╗╨╡ */
	.content ul > li::before {
		display: none;
		content: none;
	}

	.content ul > * {
		margin-top: 0;
	}

	/* ╨Ъ╨░╨║ .content ol li > * ╨╜╨░ ╨╝╨╛╨▒╨╕╨╗╨╡ */
	.content table td ol li > *,
	.content table th ol li > *,
	.content table td ul li > *,
	.content table th ul li > * {
		margin-top: 10px;
	}

	.content table td ol li > ul,
	.content table th ol li > ul {
		margin-left: -14px;
	}

	.content table._appendix td:nth-child(2),
	.content table._appendix th:nth-child(2) {
		width: 68%;
	}

	.content table._appendix td:nth-child(3),
	.content table._appendix th:nth-child(3) {
		width: 23%;
	}

	.content .appendix-head > * {
		font-size: 16px;
	}

	.content .appendix-title {
		font-size: 16px;
	}
}

.footer-box a {
	color: #6478ab;
}

/* Footer logos: reserved slot (half of intrinsic size). Do not use padding-top % —
   it resolves against footer-row width and blows height to hundreds of px. */
.footer-row .footer-logo {
	position: relative;
	display: block;
	flex: 0 0 auto;
	width: 162px;
	max-width: calc(50% - 10px);
	height: 67px;
	overflow: hidden;
}

.footer-row .footer-logo:last-child:not(:only-child) {
	width: 77px;
	height: 37px;
}

.footer-row .footer-logo > img,
.footer-row .footer-logo > picture {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}

.footer-row .footer-logo > img,
.footer-row .footer-logo > picture img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.check a {
	text-decoration: underline;
}

/* Layout bundle ╨╖╨░╨┤╨░╤С╤В flex-column ╨┤╨╗╤П ╨▓╤Б╨╡╤Е ul тАФ ╨╜╨╡ ╨┐╤А╨╕╨╝╨╡╨╜╤П╤В╤М ╨║ admin bar */
#wpadminbar #wp-toolbar.quicklinks {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	width: 100%;
}

#wpadminbar ul {
	display: block;
	flex-direction: row;
	flex-wrap: nowrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	row-gap: 0;
	margin: 0;
}

#wpadminbar .quicklinks > ul,
#wpadminbar .ab-top-menu {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	float: none;
}

#wpadminbar #wp-admin-bar-root-default {
	flex: 1 1 auto;
	min-width: 0;
}

#wpadminbar #wp-admin-bar-top-secondary {
	flex: 0 0 auto;
	margin-left: auto;
}

#wpadminbar .ab-top-menu > li {
	float: none;
	flex: 0 0 auto;
}

#wpadminbar ul li {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
}

/* Flyout/submenu тАФ vertical, not row (global ul flex from layout breaks mobile admin bar). */
#wpadminbar .ab-sub-wrapper ul,
#wpadminbar ul.ab-submenu,
#wpadminbar .shortlink-list {
	display: block;
	flex-direction: column;
	flex-wrap: nowrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	row-gap: 0;
}

/* Admin bar: ╨╛╤В╤Б╤В╤Г╨┐ ╤З╨╡╤А╨╡╨╖ body.padding (inline html margin ╨╛╤В╨║╨╗╤О╤З╤С╨╜ ╨▓ inc/admin.php). */
html:has(body.admin-bar) {
	margin-top: 0 !important;
}

body.admin-bar {
	margin-top: 0 !important;
	padding-top: var(--wp-admin--admin-bar--height, 32px);
}

.admin-bar .header {
	top: var(--wp-admin--admin-bar--height, 32px);
	margin-top: 0;
}

/*
 * WP core sets #wpadminbar to position:absolute below 782px, so it scrolls away
 * while sticky .header keeps top: admin-bar height тЖТ gap under the viewport top.
 * Keep the bar fixed so the header stays flush to the top of the screen.
 */
@media screen and (max-width: 782px) {
	#wpadminbar {
		position: fixed !important;
		top: 0;
		width: 100%;
	}
}

@media screen and (max-width: 1023px) {
	.admin-bar .header-menu {
		position: fixed;
		top: var(--wp-admin--admin-bar--height, 32px);
		left: 0;
		width: 100%;
		height: calc(100dvh - var(--wp-admin--admin-bar--height, 32px));
		z-index: 99;
	}
}

@media screen and (max-width: 782px) {
	#wpadminbar #wp-admin-bar-root-default,
	#wpadminbar #wp-admin-bar-top-secondary {
		flex: 0 0 auto;
		min-width: 0;
	}
}

/* Form validation error (layout: .input-block._error, .check._error) */
.modal-form .input:invalid {
	box-shadow: none;
}

.modal-form .input-block::after {
	content: none !important;
	display: none !important;
}

/* Kill mobile browser blue autofill / tap highlight on email. */
.modal-form input[name="inp-email"],
.modal-form input[type="email"] {
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
}

.modal-form input[name="inp-email"]:-webkit-autofill,
.modal-form input[name="inp-email"]:-webkit-autofill:hover,
.modal-form input[name="inp-email"]:-webkit-autofill:focus,
.modal-form input[name="inp-email"]:-webkit-autofill:active,
.modal-form input[type="email"]:-webkit-autofill,
.modal-form input[type="email"]:-webkit-autofill:hover,
.modal-form input[type="email"]:-webkit-autofill:focus,
.modal-form input[type="email"]:-webkit-autofill:active {
	-webkit-text-fill-color: #0f1941;
	caret-color: #0f1941;
	box-shadow: 0 0 0 1000px #fff inset;
	-webkit-box-shadow: 0 0 0 1000px #fff inset;
	transition: background-color 99999s ease-out 0s;
	filter: none;
}

.modal-form .input-block._error input[name="inp-email"]:-webkit-autofill,
.modal-form .input-block._error input[type="email"]:-webkit-autofill,
.modal-form .input-block .wpcf7-not-valid[name="inp-email"]:-webkit-autofill,
.modal-form .input-block .wpcf7-not-valid[type="email"]:-webkit-autofill {
	-webkit-text-fill-color: #d81c1c;
	caret-color: #d81c1c;
	box-shadow: 0 0 0 1000px #fff inset;
	-webkit-box-shadow: 0 0 0 1000px #fff inset;
}

/* ACF headings: strong replaces presentational span */
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
	font-weight: inherit;
}

.main-block .demoAccess-title strong {
	color: #bbd700;
}

/* Footer slogan: strong instead of span */
.footer-title.demoAccess-title strong,
.footer-title strong {
	color: #bbd700;
}

/* Success popup */
.popup-success .modal-dialog {
	height: auto;
	min-height: calc(100% - 1rem);
}

.popup-success .modal-content {
	height: auto;
}

.popup-success .modal-body {
	overflow: visible;
}

.modal-header {
	display: flex;
}

/*
 * Form modals: scroll only .modal-form (title/header stay fixed).
 * Outer .modal must not scroll тАФ main.min.js max-height is re-applied
 * correctly in initModalFormScrollFix().
 */
.modal:not(.popup-success) {
	overflow: hidden;
}

.modal:not(.popup-success) .modal-body {
	overflow: hidden;
}

.modal:not(.popup-success) .modal-form {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
}

/* Yandex Smart Captcha: reserve space, do not clip widget border */
.modal:not(.popup-success) .modal-form .tb-smartcaptcha,
.modal:not(.popup-success) .modal-form .smart-captcha {
	box-sizing: border-box;
	overflow: visible;
	width: 100%;
	max-width: 100%;
	min-height: 102px;
	height: auto;
	flex-shrink: 0;
}

.modal:not(.popup-success) .modal-form .tb-smartcaptcha__host,
.modal:not(.popup-success) .modal-form .tb-smartcaptcha .smart-captcha {
	overflow: visible;
	min-height: 102px;
}

.modal:not(.popup-success) .modal-form .tb-smartcaptcha iframe,
.modal:not(.popup-success) .modal-form .smart-captcha iframe {
	display: block;
	max-width: none;
}

/* Phones <576: full-bleed dialog */
@media screen and (max-width: 575.98px) {
	.modal:not(.popup-success) {
		height: 100%;
		height: 100dvh;
	}

	.modal:not(.popup-success) .modal-dialog {
		height: 100%;
		max-height: 100%;
		margin: 0;
	}

	.modal:not(.popup-success) .modal-content {
		height: 100%;
		max-height: 100%;
		overflow: hidden;
	}

	.modal:not(.popup-success) .modal-form {
		padding-bottom: env(safe-area-inset-bottom, 0px);
	}

	.admin-bar .modal:not(.popup-success) {
		top: var(--wp-admin--admin-bar--height, 32px);
		height: calc(100dvh - var(--wp-admin--admin-bar--height, 32px));
	}

	.admin-bar .modal:not(.popup-success) .modal-dialog,
	.admin-bar .modal:not(.popup-success) .modal-content {
		max-height: 100%;
	}
}

/* 576тАУ767: same as layout / front.wtstudio тАФ docked to the right */
@media screen and (min-width: 576px) and (max-width: 767.98px) {
	.modal:not(.popup-success) .modal-dialog {
		margin-left: auto;
		margin-right: 0;
	}
}

/*
 * Hero .timebook: layout uses min-height:100vh тАФ on real phones that is
 * taller than the visible viewport (URL bar), so the CTA at flex-end
 * sits below the fold. Use svh/dvh + --tb-vvh from initViewportHeight().
 */
@media screen and (max-width: 575.98px) {
	.timebook {
		min-height: 100vh;
		min-height: 100svh;
		min-height: 100dvh;
		min-height: var(--tb-vvh, 100dvh);
		box-sizing: border-box;
	}
}

/*
 * Product schema (offers/meta/link) must not participate in .products-item
 * flex (space-between + row-gap) тАФ otherwise titles sit on different levels.
 */
.products-item {
	position: relative;
}

.schema-product {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
	padding: 0;
	margin: 0;
	pointer-events: none;
}

.popup-success .modal-title,
.popup-success ._popup-title {
	text-align: center;
}

.popup-success ._popup-content,
.popup-success .modal-description {
	margin: 24px 0 0;
	text-align: left;
}

/* Form loader */
._to_block {
	position: relative;
	transition: all 0.3s linear;
}

._to_block.blocked {
	pointer-events: auto !important;
}

._to_block.blocked:not(._no-opacity) {
	opacity: 1;
}

.block-overlay {
	position: absolute;
	inset: 0;
	z-index: 100;
	pointer-events: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	border-radius: inherit;
	background: rgba(255, 255, 255, 0.72);
	backdrop-filter: blur(2px);
}

.block-overlay::before {
	content: "";
	width: 48px;
	height: 48px;
	display: inline-block;
	border: 4px solid #bbd700;
	border-right-color: transparent;
	border-radius: 50%;
	animation: tb-block-spin 1s linear infinite;
}

/* Content grids (products, cases, тАж) тАФ not modals */
.js-posts-container .block-overlay {
	border: none;
	border-radius: 48px;
	box-shadow: none;
	background: transparent;
	backdrop-filter: none;
}

.js-posts-container.processing {
	opacity: 0.8 !important;
}

.filters.is-locked {
	opacity: 0.6;
	pointer-events: none;
}

.consultation {
	backdrop-filter: none;
}

.modal-content._to_block .btn-close {
	position: relative;
	z-index: 101;
	pointer-events: auto;
}

@keyframes tb-block-spin {
	to {
		transform: rotate(360deg);
	}
}

.hidden {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Hidden CF7 slot parked outside #demoModal until the matching button is clicked. */
.tb-modal-form-slot,
.tb-modal-form-park {
	display: none !important;
}

/* Case anchors: заголовок секции не уезжает под sticky header / TOC */
[id^="case-block-"] {
	scroll-margin-top: 140px;
}

@media screen and (max-width: 767px) {
	[id^="case-block-"] {
		scroll-margin-top: 180px;
	}
}

/* Case: text + image тАФ image left (╨║╨░╨║ .content-box > :nth-child(even) ╨▓ dist) */
@media screen and (min-width: 768px) {
	.content-row._img-left {
		-ms-grid-columns: calc(40% - 10px) calc(60% - 10px);
		grid-template-columns: calc(40% - 10px) calc(60% - 10px);
	}

	.content-row._img-left > .content:first-child {
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		grid-column: 2 / 3;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-row: 1 / 2;
	}

	.content-row._img-left > .content-row__img {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / 2;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-row: 1 / 2;
	}
}

@media screen and (max-width: 767px) {
	.content-row._img-left {
		-ms-grid-columns: 100%;
		grid-template-columns: 100%;
	}

	.content-row._img-left > .content:first-child,
	.content-row._img-left > .content-row__img {
		grid-column: auto;
		grid-row: auto;
	}
}

.findCost-price strong {
	color: #71a632;
	font-family: "Inter Medium", sans-serif;
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
}

.decisionSwiper {
	min-width: 0;
	width: 100%;
	max-width: 100%;
}

.decisionSwiper .swiper-wrapper,
.decisionSwiper .swiper-slide {
	min-width: 0;
	overflow: hidden;
}

.decisionSwiper.swiper-fade .swiper-slide {
	overflow: hidden;
}

/*
 * Layout uses width:fit-content on .decision. WP images have width/height
 * attrs + <picture> from WebP Express — that intrinsic size blows the grid
 * past the container (front markup has img without width attrs).
 */
.decision {
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
	min-width: 0;
}

.decision > .decisionThumbs,
.decision > .decisionSwiper {
	min-width: 0;
	max-width: 100%;
}

.decision-container,
.decision-content,
.decision-img {
	min-width: 0;
	max-width: 100%;
}

.decision-img {
	position: relative;
	overflow: hidden;
}

.decision-img picture {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.decision-img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
	object-position: right bottom;
}

/* URV: never stretch mockups (slot PNG is already composed) */
.decision:not(._other) .decision-img img {
	object-fit: contain;
	object-position: right bottom;
}

/*
 * Figma 1440 Frame 176 / Tab_URV (6737:25174):
 * gutters 150 → content 1140; card pad 24; thumbs 348; gap 20; content Card 724×670;
 * image Frame 1000003105 at (24, 268) size 676×378 — absolute in Card, not flow.
 * 1920 overrides (≥1600): content 1376 / Card 960 / image 912×378.
 * Tab_AP (`._other`): image is flow Frame 170 960×232 under content Card — not URV absolute.
 */
@media screen and (min-width: 1400px) {
	.decision {
		-ms-grid-columns: 348px calc(100% - 368px);
		grid-template-columns: 348px calc(100% - 368px);
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px;
		padding: 24px;
		border-radius: 24px;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	.decisionThumbs {
		padding: 24px;
		border-radius: 24px;
		background: #1c2949;
	}

	.decisionSwiper,
	.decisionSwiper .swiper-wrapper,
	.decisionSwiper .swiper-slide {
		height: 100%;
		overflow: hidden;
	}

	.decision-container {
		position: relative;
		box-sizing: border-box;
		min-height: 670px;
		height: 100%;
		padding: 24px;
	}

	/* URV: larger UI mockups, no stretch (contain) */
	.decision:not(._other) .decision-container {
		min-height: 760px;
	}

	.decision:not(._other) .decision-img {
		position: absolute;
		left: 24px;
		top: 248px;
		width: 676px;
		max-width: calc(100% - 48px);
		height: 450px;
		margin: 0;
		padding-top: 0 !important;
	}

	.decision:not(._other) .decision-img img {
		object-fit: contain;
		object-position: right bottom;
	}

	/* Figma Tab_AP 6441:8245 — content Card ~366 + gap 20 + Frame 170 960×232 */
	.decision._other {
		padding-bottom: 24px;
	}

	.decision._other .decision-container {
		min-height: 618px;
	}

	.decision._other .decision-container > * {
		margin-top: 0;
	}

	.decision._other .decision-title {
		margin-bottom: 36px;
	}

	.decision._other .decision-description,
	.decision._other .decision-description > * {
		font-size: 16px;
		line-height: 1.3;
		font-family: "Inter Light", Inter, sans-serif;
		font-weight: 300;
	}

	.decision._other .decision-description {
		margin-bottom: 12px;
	}

	.decision._other .decision-content li,
	.main-block .decision._other .decision-content li,
	.decision._other .decision-content li span,
	.main-block .decision._other .decision-content li span {
		margin-top: 12px;
		font-size: 16px !important;
		line-height: 1.3;
	}

	.decision._other .decision-content li,
	.main-block .decision._other .decision-content li {
		padding-left: 26px;
	}

	.decision._other .decision-content li::before,
	.main-block .decision._other .decision-content li::before {
		width: 16px;
		height: 16px;
		top: calc((1.3em - 16px) / 2);
	}

	.decision._other .decision-content li span,
	.main-block .decision._other .decision-content li span {
		margin-top: 0;
	}

	.decision._other .decision-content li:first-child,
	.main-block .decision._other .decision-content li:first-child {
		margin-top: 0;
	}

	.decision._other .decision-container > .decision-img {
		position: relative;
		left: auto;
		top: auto;
		width: calc(100% + 48px);
		max-width: none;
		height: 232px;
		margin: 20px -24px 0;
		padding-top: 0 !important;
	}

	.decision._other .decision-img img {
		/* Slot PNG = Frame 170 960×232, example left @606×207 */
		object-fit: fill;
		object-position: left top;
	}

	.decision-pagination {
		bottom: 24px !important;
	}
}

/* Figma 1920 Tab_URV — wider content card + enlarged screenshot slot */
@media screen and (min-width: 1600px) {
	.decision:not(._other) {
		padding-bottom: 48px;
	}

	.decision:not(._other) .decision-img {
		width: 912px;
		height: 450px;
	}
}

/*
 * Figma 768 Frame 176 / Tab_URV (6660:22058 / 6665:28960):
 * content 720; pad 24; thumbs 271; gap 20; right col 381;
 * list Inter Light 16/24; image Frame 1000003104 381×183 under list (flow).
 */
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.decision {
		-ms-grid-columns: 271px calc(100% - 291px);
		grid-template-columns: 271px calc(100% - 291px);
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px;
		padding: 24px;
		border-radius: 24px;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	.decisionThumbs {
		padding: 0;
		border-radius: 12px;
		background: #1c2949;
	}

	.decisionThumbs .swiper-wrapper {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.decisionThumbs .swiper-slide {
		padding: 24px 24px 8px;
	}

	.decisionThumbs .swiper-slide-thumb-active {
		padding-bottom: 24px;
	}

	.decision-text {
		font-size: 16px;
		line-height: 1.2;
	}

	.decisionSwiper,
	.decisionSwiper .swiper-wrapper,
	.decisionSwiper .swiper-slide {
		height: 100%;
		overflow: hidden;
	}

	.decision-container {
		box-sizing: border-box;
		height: 100%;
		padding: 24px;
	}

	.decision-container > * {
		margin-top: 0;
	}

	.decision-container > .decision-img {
		margin-top: 10px;
		margin-left: -24px;
		margin-right: -24px;
		width: calc(100% + 48px);
		max-width: none;
		height: auto;
		aspect-ratio: 912 / 450;
		padding-top: 0 !important;
	}

	.decision:not(._other) .decision-img img {
		object-fit: contain;
		object-position: center bottom;
	}

	.decision._other .decision-img img {
		object-fit: fill;
		object-position: left top;
	}

	.decision-content ul {
		padding-left: 0;
	}

	.decision-content li,
	.main-block .decision-content li {
		padding-left: 46px;
		font-size: 16px;
		line-height: 24px;
		margin-top: 10px;
	}

	.decision-content li:first-child,
	.main-block .decision-content li:first-child {
		margin-top: 0;
	}

	.decision-pagination {
		bottom: 24px !important;
	}
}

/*
 * Figma 320 Frame 176 / Tab_URV_mobile (6686:52111):
 * gutters 16 → card 288; radius 12; pad 12; row-gap 12 (Card Dark → Frame 171);
 * thumbs Card Dark #1c2949 pad 12; chips pad 8; active = green ::after underline
 * (not box border); content Card pad 12; list 16/24 pl 46; Frame 170 288×168;
 * img-12 content sits in right ~65% — object-position right so UI fills slot.
 */
@media screen and (max-width: 767px) {
	/* Figma 320: gutters 16 → card 288 */
	.section:has(.decision) > .container {
		padding-left: 16px;
		padding-right: 16px;
	}

	.decision {
		-ms-grid-columns: 100%;
		grid-template-columns: 100%;
		row-gap: 12px;
		padding: 12px 0 24px;
		border-radius: 12px;
		overflow: hidden;
	}

	.decisionThumbs {
		padding: 12px;
		border-radius: 0;
		background: #1c2949;
		overflow: hidden;
	}

	.decisionThumbs .swiper-slide {
		width: auto !important;
		height: auto !important;
		padding: 8px;
		border: 0;
		border-bottom: 0;
		box-sizing: border-box;
	}

	/* Figma: active chip = bottom green line (base ::after), not box stroke */
	.decisionThumbs .swiper-slide::after {
		display: block;
		height: 1px;
	}

	.decisionThumbs .swiper-slide-thumb-active {
		border: 0;
	}

	.decision-text {
		font-size: 16px;
		line-height: 24px;
		font-family: "Inter Light", "Inter", sans-serif;
		font-weight: 300;
		white-space: nowrap;
	}

	.decision-container {
		padding: 12px;
		border-radius: 24px;
	}

	.decision-container > * {
		margin-top: 0;
	}

	.decision-container > .decision-img {
		margin-top: 12px;
		margin-left: -12px;
		margin-right: -12px;
		width: calc(100% + 24px);
		max-width: none;
		height: auto;
		aspect-ratio: 912 / 450;
		padding-top: 0 !important;
		overflow: visible;
	}

	/* Full mockup visible — no cover crop */
	.decision:not(._other) .decision-img img {
		object-fit: contain;
		object-position: center bottom;
	}

	/* Tab_AP: chart left-aligned in Frame 170 slot */
	.decision._other .decision-img img {
		object-fit: fill;
		object-position: left top;
	}

	.decision-content ul {
		padding-left: 0;
	}

	.decision-content li,
	.main-block .decision-content li {
		padding-left: 46px;
		font-size: 16px;
		line-height: 24px;
		margin-top: 12px;
	}

	.decision-content li:first-child,
	.main-block .decision-content li:first-child {
		margin-top: 0;
	}

	.decision-pagination {
		bottom: 12px !important;
	}

	.decision-pagination .swiper-pagination-bullet {
		width: 20px;
	}
}

@media screen and (min-width: 1024px) {
	.decisionThumbs {
		align-self: stretch;
		height: auto;
	}

	.decisionThumbs .swiper-wrapper {
		height: 100%;
	}
}

@media screen and (max-width: 1399px) {
	.findCost-price strong {
		font-size: 40px;
	}
}

@media screen and (max-width: 1199px) {
	.findCost-price strong {
		font-size: 32px;
	}
}

@media screen and (max-width: 1023px) {
	.js-posts-container .block-overlay {
		border-radius: 24px;
	}

	.findCost-price strong {
		font-size: 24px;
	}

	/* Safari: base height:stretch / -webkit-fill-available blows thumbs to viewport. */
	.decisionThumbs {
		height: auto;
	}
}

/*
 * >1599px: left .title-box::before + right .title-box::after (to edge)
 *           + .title-block::after (outside). Same vertical center — no step.
 * ≤1599px: hide .title-block::after; only .title-box::after after .title.
 */
@media screen and (min-width: 1600px) {
	.title-block::after {
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.title-box::after {
		-ms-flex-item-align: center;
		align-self: center;
		height: 2px;
		min-height: 2px;
		max-height: 2px;
	}
}

@media screen and (max-width: 1599px) {
	.title-block::after {
		display: none;
	}

	.title-box {
		--title-line-pad: 156px;
		--title-line-min: 48px;
		--title-line-gap: 15px;
	}

	.title-block._cases .title-box {
		--title-line-pad: 208px;
	}

	.title-box::before {
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.title-box::after {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		min-width: var(--title-line-min);
		height: 2px;
		min-height: 2px;
		max-height: 2px;
		-ms-flex-item-align: center;
		align-self: center;
	}

	.title-box > * {
		max-width: calc(100% - var(--title-line-pad) - var(--title-line-min) - var(--title-line-gap));
	}
}

@media screen and (max-width: 1399px) {
	.title-box {
		--title-line-pad: 134px;
	}
}

@media screen and (max-width: 1199px) {
	.title-box {
		--title-line-pad: 110px;
	}
}

@media screen and (max-width: 1023px) {
	.title-box {
		--title-line-pad: 88px;
	}

	.title-block._cases .title-box {
		--title-line-pad: 188px;
	}

	/* History: hide scrollbar; block manual pan (JS also prevents wheel/touch). */
	.history-container {
		overflow: auto;
		overscroll-behavior: none;
		touch-action: none;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.history-container::-webkit-scrollbar {
		display: none;
		width: 0;
		height: 0;
	}
}
@media screen and (max-width: 767px) {
	.title-box {
		--title-line-pad: 55px;
		--title-line-min: 32px;
	}

	.title-block._cases .title-box {
		--title-line-pad: 55px;
	}
}

@media screen and (max-width: 575px) {
	.title-box {
		--title-line-pad: 22px;
		--title-line-min: 24px;
	}
}

/*
 * Hero title offset — same values as layout bundle / front.wtstudio.ru.
 * Must beat critical .timebook-content .title { margin: 0 } (stays inlined).
 */
@media screen and (max-width: 1599px) {
	.timebook-content .title-box > .title {
		margin-left: 156px;
	}
}

@media screen and (max-width: 1399px) {
	.timebook-content .title-box > .title {
		margin-left: 134px;
	}
}

@media screen and (max-width: 1199px) {
	.timebook-content .title-box > .title {
		margin-left: 110px;
	}
}

@media screen and (max-width: 1023px) {
	.timebook-content .title-box > .title {
		margin-left: 88px;
	}

	.timebook-description p,
	.timebook-description > * {
		line-height: 1.2;
		letter-spacing: normal;
	}
}

@media screen and (max-width: 767px) {
	.timebook-content .title-box > .title {
		margin-left: 55px;
	}
}

@media screen and (max-width: 575px) {
	.timebook-content .title-box > .title {
		margin-left: 22px;
		max-width: 100%;
	}
}

.information-title strong {
	color: #bbd700;
}

/* Highlight via admin Bold (b/strong): green, not bold. */
.timebook-description p strong,
.timebook-description p b,
.timebook-description > * strong,
.timebook-description > * b {
	color: #bbd700;
	font-family: "Jura Regular", "Jura", sans-serif;
	font-weight: 400;
}

.exchange-text {
	font-family: "Inter Light", sans-serif;
	font-weight: 300;
	font-style: normal;
}

.exchange-text__desc {
	display: block;
	margin-top: 0.35em;
	font-size: 18px;
	line-height: 1.4;
	font-weight: 400;
	font-family: "Inter Light", sans-serif;
}

.exchange-text__desc p {
	margin: 0;
}

.exchange-text__desc p + p {
	margin-top: 0.35em;
}

@media screen and (max-width: 1023px) {
	.exchange-text__desc {
		font-size: 14px;
	}
}

/* Case card background image */
.solutions-box > .solutions-image {
	position: absolute;
	inset: 0;
	z-index: 0;
	border-radius: inherit;
	overflow: hidden;
	pointer-events: none;
}

.solutions-box > .solutions-image::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		180deg,
		rgba(15, 25, 65, 0.75) 0%,
		rgba(15, 25, 65, 0.5) 50%,
		rgba(15, 25, 65, 0.85) 100%
	);
	pointer-events: none;
	z-index: 1;
}

.solutions-box > .solutions-image img,
.solutions-box > .solutions-image picture {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.solutions-box > .solutions-head,
.solutions-box > .solutions-title {
	position: relative;
	z-index: 1;
}

.solutions-head {
	height: 68px;
	min-height: 68px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 12px;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

/* Figma card logo 66×68. */
.solutions-icon {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 66px;
	flex: 0 0 66px;
	width: 66px;
	height: 68px;
	overflow: hidden;
}

.solutions-icon img,
.solutions-icon picture,
.solutions-icon picture img {
	display: block;
	width: 66px;
	height: 68px;
	max-width: none;
	object-fit: contain;
	object-position: left center;
}

.solutions-tag {
	min-width: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow-wrap: anywhere;
	word-break: break-word;
}

/* Back button: show arrow even with ._desc (which hides svg by default). */
.button._desc._arrow svg {
	display: block;
}

/* Home hero overlap: same value main.min.js writes, but from first paint. */
.home .main-block {
	margin-top: var(--tb-header-shift, 0);
}

.cookie-description a {
	text-decoration: underline;
}

html.tb-cookie-pending .cookie,
.cookie._show {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	pointer-events: auto;
}

html.tb-cookie-done .cookie {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}

/* Lock cookie type so async CSS / Inter Light swap does not resize the banner. */
.cookie-title {
	font-family: "Jura Bold", sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
}

.cookie-description > * {
	font-family: "Inter Light", "Inter Regular", sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.4;
}

@media screen and (max-width: 575px) {
	.cookie-title {
		font-size: 12px;
	}

	.cookie-description > * {
		font-size: 10px;
		line-height: 1.4;
	}
}

@media (hover: hover) and (pointer: fine) {
	.cookie-description a:hover {
		text-decoration: underline;
	}
}

/* Product/home opportunity grid тАФ 2 cols on tablet/mobile (not ._other). */
@media screen and (max-width: 767px) {
	.opportunity-container:not(._other) {
		-ms-grid-columns: (calc(50% - 10px))[2];
		grid-template-columns: repeat(2, calc(50% - 10px));
	}
}

@media screen and (max-width: 575px) {
	.opportunity-container:not(._other) {
		-ms-grid-columns: (calc(50% - 5px))[2];
		grid-template-columns: repeat(2, calc(50% - 5px));
	}
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
	.footer-menu__title {
		font-size: 19px;
	}
}

/* Full-page overlay on mobile link navigation. */
.page-nav-overlay {
	position: fixed;
	inset: 0;
	z-index: 9998;
	background: rgba(255, 255, 255, 0.72);
	backdrop-filter: blur(2px);
	pointer-events: none;
	animation: page-nav-overlay-in 0.2s ease;
}

@keyframes page-nav-overlay-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* Footer menu accordion on mobile (<576px). */
@media screen and (max-width: 575px) {
	.footer-menu__item._has-sub > ul {
		display: flex;
		flex-direction: column;
		overflow: hidden;
		max-height: 0;
		box-sizing: border-box;
		transition: max-height 0.35s ease;
	}

	.footer-menu__item._has-sub._open > ul {
		padding-top: 12px;
	}

	.footer-menu__item._has-sub > .footer-menu__title {
		cursor: pointer;
	}
}

.content .videoBlock {
	margin-top: 24px;
}

/* Case TOC: one motion — panel grows, list fades in. No width/height:auto snap. */
.section-sidebar {
	max-width: 100%;
}

@media screen and (min-width: 768px) {
	.blockMenu {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		width: 80px;
		height: auto;
		padding: 0;
		overflow: hidden;
		background: transparent;
		transition: width .42s cubic-bezier(.22, 1, .36, 1), padding .42s cubic-bezier(.22, 1, .36, 1), background-color .3s ease;
	}

	.blockMenu::before,
	.blockMenu._show::before {
		opacity: 0;
		transition: none;
	}

	.blockMenu-list {
		display: grid;
		grid-template-rows: 0fr;
		width: 100%;
		padding-top: 0;
		padding-bottom: 0;
		opacity: 0;
		transform: none;
		pointer-events: none;
		transition: grid-template-rows .42s cubic-bezier(.22, 1, .36, 1), opacity .18s ease;
	}

	.blockMenu-list > ul {
		min-height: 0;
		overflow: hidden;
	}

	.blockMenu._show {
		width: 160px;
		max-width: 100%;
		height: auto;
		padding: 8px 0 12px;
		background: #fff;
		overflow: hidden;
	}

	.blockMenu._show .blockMenu-list {
		grid-template-rows: 1fr;
		opacity: 1;
		transform: none;
		pointer-events: auto;
		transition: grid-template-rows .42s cubic-bezier(.22, 1, .36, 1), opacity .28s ease .06s;
	}

	.blockMenu._show .blockMenu-list > ul {
		max-height: calc(100vh - 180px);
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
	}
}

@media screen and (min-width: 1024px) {
	.blockMenu._show {
		width: 200px;
	}
}

@media screen and (max-width: 767.98px) {
	.blockMenu._show .blockMenu-list {
		max-height: none;
		overflow-x: auto;
		overflow-y: hidden;
	}
}

.tab-video__box video { 
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	background: #000;
}

/*
 * Local file videos: avoid padding-top % inside tab-panes that start
 * with max-height:0 (height collapses and may not recover on tab switch).
 */
.tab-video._file._show .tab-video__box {
	display: block;
	position: relative;
	width: 100%;
	padding-top: 0;
	aspect-ratio: 16 / 9;
	min-height: 180px;
	background: #000;
}

.tab-video._file._show .tab-video__box video {
	display: block;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

/* demoAccess scheme: avoid top/translateY shift that can clip the SVG for some viewports */
.demoAccess-img {
	top: auto;
	transform: none;
	align-self: center;
}

/* Search results */
.search-results {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.search-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	padding: 24px 0 0;
}

.search-item__title {
	margin: 0;
	font-size: 22px;
	line-height: 1.3;
	font-weight: 600;
}

.search-item__title a {
	color: inherit;
	text-decoration: none;
}

.search-item__title a:hover {
	opacity: 0.75;
}

.search-item__more {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

.search-item__divider {
	width: 100%;
	margin: 8px 0 0;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.search-empty {
	margin: 0;
	font-size: 18px;
	line-height: 1.4;
}

.information-img img,
.tab-card__img img,
.planning-img img,
.opportunity-img img,
.firstblock__slide img,
.firstblock__image img,
.solutions-box > .solutions-image img {
	max-width: none;
	height: 100%;
}

/* Decision checklist: override global ul column flex */
.main-block .decision-content ul {
	display: block;
	margin: 0;
	padding: 0;
	padding-left: 6px;
}

.main-block .decision-content li {
	display: block;
	position: relative;
	padding-left: 44px;
	list-style: none;
	color: #fff;
	font-size: 24px;
	line-height: 1.3;
	font-family: "Inter Light", sans-serif;
	font-weight: 300;
	margin-top: 28px;
}

.main-block .decision-content li:first-child {
	margin-top: 0;
}

/* Tab_AP (_other): list points 16px — text is in <span> (points_size=small) */
.main-block .decision._other .decision-content li,
.main-block .decision._other .decision-content li span,
.decision._other .decision-content li,
.decision._other .decision-content li span {
	font-size: 16px !important;
	line-height: 1.3;
}

/* Tab_AP: checkmarks smaller + vertically centered with first text line */
.main-block .decision._other .decision-content li,
.decision._other .decision-content li {
	padding-left: 26px;
}

.main-block .decision._other .decision-content li::before,
.decision._other .decision-content li::before {
	width: 16px;
	height: 16px;
	top: calc((1.3em - 16px) / 2);
}

@media screen and (min-width: 768px) {
	.decision .decisionThumbs.swiper {
		width: 100% !important;
	}

	.decision .decisionThumbs .swiper-slide {
		width: 100% !important;
		height: -webkit-fit-content !important;
		height: -moz-fit-content !important;
		height: fit-content !important;
	}
}

@media screen and (max-width: 1399px) {
	.main-block .decision-content li {
		margin-top: 22px;
		font-size: 24px;
	}
}

@media screen and (max-width: 1023px) {
	.main-block .decision-content ul {
		padding-left: 12px;
	}

	.main-block .decision-content li {
		margin-top: 10px;
		font-size: 16px;
		line-height: 24px;
	}
}

@media screen and (max-width: 767px) {
	.main-block .decision-content ul {
		padding-left: 0;
	}

	.main-block .decision-content li {
		margin-top: 12px;
		font-size: 16px;
		line-height: 24px;
	}
}

/* Header: toggle-only parent («Полезное») looks like other menu links */
.menu ul li .menu-toggle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	cursor: pointer;
	color: #0f1941;
	font-size: 20px;
	font-family: "Inter Regular", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: inherit;
	text-align: center;
	-webkit-appearance: none;
	appearance: none;
}

.menu ul li .menu-toggle:hover,
.menu ul li .menu-toggle:focus {
	color: #0f1941;
	outline: 0;
}

@media screen and (max-width: 1199px) {
	.menu ul li .menu-toggle {
		font-size: 16px;
	}
}

@media screen and (max-width: 1023px) {
	.menu ul li .menu-toggle {
		width: 100%;
		box-sizing: border-box;
		font-size: 20px;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
}

/* About anchor submenu: active section while scrolling */
.menu .submenu ul li._scroll-active > a,
.menu .submenu ul li._scroll-active > a:hover,
.menu .submenu ul li._scroll-active > a:focus {
	color: #5375a1;
}

/* Top-level current page: same as default link color */
.menu > ul > li._active > a,
.menu > ul > li._active > a:hover,
.menu > ul > li._active > a:focus,
.menu > ul > li._active > .menu-toggle,
.menu > ul > li._active > .menu-toggle:hover,
.menu > ul > li._active > .menu-toggle:focus {
	color: #0f1941;
}

.menu > ul > li._active > .menu-arrow svg,
.menu > ul > li._active > a .menu-arrow svg,
.menu > ul > li._active > .menu-toggle .menu-arrow svg {
	fill: #0f1941;
}

/* Submenu current page: accent (as hover) */
.menu .submenu ul li._active > a,
.menu .submenu ul li._active > a:hover,
.menu .submenu ul li._active > a:focus {
	color: #5375a1;
}

/* Submenu: no underline on active item (top-level ::after only) */
.menu .submenu ul li._active::after {
	opacity: 0;
	transform: scale(0.5);
}

/* Gutenberg button — no underline */
.content .wp-block-button__link,
.wp-block-button__link,
a.wp-block-button__link {
	text-decoration: none;
}

a.wp-block-button__link:hover,
a.wp-block-button__link:focus {
	text-decoration: none;
}


/* CF7 modal forms */
.hidden-fields-container,
.modal-form .hidden-fields-container {
	display: none !important;
}

.modal-form .wpcf7-form-control-wrap {
	display: block;
}

.modal .wpcf7 .screen-reader-response,
.modal .wpcf7 .wpcf7-response-output {
	display: none !important;
}

.modal-form .wpcf7-not-valid-tip {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	line-height: 1.35;
	color: #d81c1c;
	font-family: "Inter Medium", sans-serif;
	font-weight: 500;
	letter-spacing: 0.07em;
}

.modal-form .input-block .wpcf7-not-valid,
.modal-form .input-block:has(.wpcf7-not-valid) .input,
.modal-form .input-block._error .input {
	border-color: #d81c1c;
	color: #d81c1c;
}

.modal-form .input-block:has(.wpcf7-not-valid) .input::-webkit-input-placeholder,
.modal-form .input-block:has(.wpcf7-not-valid) .wpcf7-not-valid::-webkit-input-placeholder,
.modal-form .input-block._error .input::-webkit-input-placeholder,
.modal-form .input-block .wpcf7-not-valid::-webkit-input-placeholder {
	color: #d81c1c !important;
	opacity: 1 !important;
}

.modal-form .input-block:has(.wpcf7-not-valid) .input::-moz-placeholder,
.modal-form .input-block:has(.wpcf7-not-valid) .wpcf7-not-valid::-moz-placeholder,
.modal-form .input-block._error .input::-moz-placeholder,
.modal-form .input-block .wpcf7-not-valid::-moz-placeholder {
	color: #d81c1c !important;
	opacity: 1 !important;
}

.modal-form .input-block:has(.wpcf7-not-valid) .input:-moz-placeholder,
.modal-form .input-block:has(.wpcf7-not-valid) .wpcf7-not-valid:-moz-placeholder,
.modal-form .input-block._error .input:-moz-placeholder,
.modal-form .input-block .wpcf7-not-valid:-moz-placeholder {
	color: #d81c1c !important;
	opacity: 1 !important;
}

.modal-form .input-block:has(.wpcf7-not-valid) .input:-ms-input-placeholder,
.modal-form .input-block:has(.wpcf7-not-valid) .wpcf7-not-valid:-ms-input-placeholder,
.modal-form .input-block._error .input:-ms-input-placeholder,
.modal-form .input-block .wpcf7-not-valid:-ms-input-placeholder {
	color: #d81c1c !important;
	opacity: 1 !important;
}

.modal-form .input-block:has(.wpcf7-not-valid) .input::placeholder,
.modal-form .input-block:has(.wpcf7-not-valid) .wpcf7-not-valid::placeholder,
.modal-form .input-block._error .input::placeholder,
.modal-form .input-block .wpcf7-not-valid::placeholder {
	color: #d81c1c !important;
	opacity: 1 !important;
}

.modal-form .input-block:has(.wpcf7-not-valid) .input-label {
	color: #d81c1c;
}

.modal-form .radio-container._error .wpcf7-list-item > label::before {
	border-color: #d81c1c;
}

.modal-form .modal-form__button {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: fit-content;
}

.modal-form .modal-form__button .wpcf7-spinner {
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	visibility: hidden;
}

.wpcf7.submitting .modal-form .modal-form__button .wpcf7-spinner,
.wpcf7.validating .modal-form .modal-form__button .wpcf7-spinner {
	visibility: visible;
}

.wpcf7.submitting .modal-form__button:has(.wpcf7-submit.button._arrow)::after,
.wpcf7.validating .modal-form__button:has(.wpcf7-submit.button._arrow)::after {
	opacity: 0;
}

.modal-form .modal-form__button .wpcf7-submit.button._arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-right: 76px;
}

.modal-form .modal-form__button:has(.wpcf7-submit.button._arrow)::after {
	content: "";
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	pointer-events: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3E%3Cpath fill='%23000' d='M6 19.5H24.255L15.87 27.885L18 30L30 18L18 6L15.885 8.115L24.255 16.5H6V19.5Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.modal-form .modal-form__button:has(.wpcf7-submit[disabled])::after {
	opacity: 0.45;
}

.modal-form .modal-form__button .wpcf7-submit[disabled] {
	pointer-events: none;
	cursor: not-allowed;
}

.modal-form .tb-smartcaptcha.wpcf7-not-valid,
.modal-form .smart-captcha.wpcf7-not-valid {
	border: none;
	border-radius: 0;
	box-sizing: border-box;
}

.modal-form .tb-captcha-tip {
	display: block;
	margin-top: 6px;
	margin-bottom: 0;
}

.modal-form .wpcf7-not-valid {
	box-shadow: none;
}

.modal-form .hidden,
.modal-form .wpcf7-form-control-wrap.your-name,
.modal-form .wpcf7-form-control-wrap.name {
	display: none !important;
}

.modal-form .radio-container {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.modal-form .radio-container .wpcf7-form-control-wrap,
.modal-form .radio-container .wpcf7-radio {
	display: block;
}

.modal-form .radio-container .wpcf7-radio {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.modal-form .radio-container .wpcf7-list-item {
	display: block;
	margin: 0;
	width: fit-content;
}

.modal-form .radio-container .wpcf7-list-item > label {
	display: block;
	margin: 0;
	cursor: pointer;
	font-weight: 400;
}

.modal-form .radio-container input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.modal-form .radio-container .wpcf7-list-item-label {
	display: block;
	position: relative;
	padding-left: 40px;
	min-height: 30px;
	font-size: 16px;
	line-height: 30px;
	color: #0f1941;
	font-family: "Inter Regular", sans-serif;
	font-weight: 400;
}

.modal-form .radio-container .wpcf7-list-item-label::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	border: 1px solid #bbd700;
	border-radius: 50%;
	box-sizing: border-box;
	transition: border-color 0.4s;
}

.modal-form .radio-container .wpcf7-list-item-label::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 4px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #bbd700;
	opacity: 0;
	transition: opacity 0.4s;
}

.modal-form .radio-container input[type="radio"]:checked + .wpcf7-list-item-label::after {
	opacity: 1;
}

.modal-form .check-container {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
	margin-left: 10px;
}

.modal-form .check-container > p {
	margin: 0;
	display: flex;
	flex-direction: column;
	row-gap: 12px;
}

.modal-form .check-container br {
	display: none;
}

.modal-form .check {
	display: block;
	cursor: pointer;
}

.modal-form .check .wpcf7-acceptance {
	display: block;
}

.modal-form .check .wpcf7-list-item {
	margin: 0;
}

.modal-form .check .wpcf7-list-item > label {
	display: flex;
	align-items: center;
	position: relative;
	margin: 0;
	padding-left: 42px;
	min-height: 30px;
	cursor: pointer;
	font-weight: 400;
}

.modal-form .check .check-input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.modal-form .check .wpcf7-list-item-label {
	display: block;
	flex: 1;
	min-width: 0;
	font-size: 16px;
	line-height: 1.35;
	color: #0f1941;
	font-family: "Inter Regular", sans-serif;
	font-weight: 400;
	background: #fff;
}

.modal-form .check .wpcf7-list-item > label::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	border: 1px solid #bbd700;
	border-radius: 6px;
	box-sizing: border-box;
	transition: border-color 0.4s;
}

.modal-form .check .wpcf7-list-item > label::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 50%;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	border-radius: 4px;
	background: #bbd700;
	opacity: 0;
	transition: opacity 0.4s;
}

.modal-form .check .wpcf7-list-item > label:has(.check-input:checked)::after {
	opacity: 1;
}

.modal-form .check._error .wpcf7-list-item > label::before {
	border-color: #d81c1c;
}

.modal-form .check .wpcf7-list-item-label a {
	color: inherit;
	text-decoration: underline;
}

.modal-form .check .wpcf7-list-item-label a:hover,
.modal-form .check .wpcf7-list-item-label a:focus {
	text-decoration: none;
}

/* --------------------------------------------------------------------------
   Gutenberg core blocks (inside .content / .timebook-gutenberg)
   -------------------------------------------------------------------------- */

.content .wp-block-heading,
.timebook-gutenberg .wp-block-heading {
	/* inherit .content h2–h6 */
}

.content .wp-block-list,
.timebook-gutenberg .wp-block-list {
	margin-bottom: 20px;
}

.content ol.wp-block-list,
.timebook-gutenberg ol.wp-block-list {
	list-style-type: decimal;
	margin-left: 40px;
	padding: 0;
}

.content ol.wp-block-list > li,
.timebook-gutenberg ol.wp-block-list > li {
	list-style-type: decimal;
	margin-top: 8px;
}

/* Quote → site quote look */
.content .wp-block-quote,
.timebook-gutenberg .wp-block-quote,
.content .wp-block-pullquote,
.timebook-gutenberg .wp-block-pullquote {
	margin: 24px 0;
	padding: 24px 28px;
	background: #fff;
	border: 0.75px solid #71a632;
	border-radius: 24px;
	box-sizing: border-box;
}

.content .wp-block-quote p,
.timebook-gutenberg .wp-block-quote p,
.content .wp-block-pullquote p,
.timebook-gutenberg .wp-block-pullquote p {
	margin: 0 0 12px;
	font-size: 28px;
	line-height: 1.3;
	font-family: "Jura Regular", sans-serif;
	font-weight: 400;
	color: #0f1941;
}

.content .wp-block-quote cite,
.timebook-gutenberg .wp-block-quote cite,
.content .wp-block-pullquote cite,
.timebook-gutenberg .wp-block-pullquote cite {
	display: block;
	margin-top: 8px;
	font-size: 16px;
	font-style: normal;
	font-family: "Inter Regular", sans-serif;
	color: #5375a1;
}

@media (max-width: 991.98px) {
	.content .wp-block-quote p,
	.timebook-gutenberg .wp-block-quote p,
	.content .wp-block-pullquote p,
	.timebook-gutenberg .wp-block-pullquote p {
		font-size: 20px;
	}
}

/* Columns — alternating background */
.content .wp-block-columns,
.timebook-gutenberg .wp-block-columns {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin: 24px 0;
	align-items: stretch;
}

.content .wp-block-column,
.timebook-gutenberg .wp-block-column {
	flex: 1 1 200px;
	min-width: 0;
	padding: 20px;
	border-radius: 16px;
	background: #f5f7f2;
	box-sizing: border-box;
}

.content .wp-block-column:nth-child(even),
.timebook-gutenberg .wp-block-column:nth-child(even) {
	background: rgba(187, 215, 0, 0.18);
}

.content .wp-block-column > *:first-child,
.timebook-gutenberg .wp-block-column > *:first-child {
	margin-top: 0;
}

.content .wp-block-column > *:last-child,
.timebook-gutenberg .wp-block-column > *:last-child {
	margin-bottom: 0;
}

@media (max-width: 767.98px) {
	.content .wp-block-columns,
	.timebook-gutenberg .wp-block-columns {
		flex-direction: column;
	}
}

/* Buttons → .button look */
.content .wp-block-buttons,
.timebook-gutenberg .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin: 24px 0;
}

.content .wp-block-button__link,
.timebook-gutenberg .wp-block-button__link,
a.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	width: fit-content;
	min-height: 64px;
	padding: 12px 28px;
	box-sizing: border-box;
	font-family: "Inter Regular", sans-serif;
	font-weight: 400;
	font-size: 22px;
	line-height: 1.2;
	color: #000 !important;
	background: #bbd700;
	border: 1px solid #bbd700;
	border-radius: 0;
	text-decoration: none !important;
	transition: background 0.3s, color 0.3s, border-color 0.3s;
}

.content .wp-block-button__link:hover,
.timebook-gutenberg .wp-block-button__link:hover,
a.wp-block-button__link:hover,
.content .wp-block-button__link:focus,
.timebook-gutenberg .wp-block-button__link:focus,
a.wp-block-button__link:focus {
	color: #000 !important;
	background: #a8c200;
	border-color: #a8c200;
	text-decoration: none !important;
}

.content .wp-block-button.is-style-outline .wp-block-button__link,
.timebook-gutenberg .wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: #0f1941 !important;
	border-color: #0f1941;
}

/* Details / spoiler */
.content .wp-block-details,
.timebook-gutenberg .wp-block-details {
	margin: 16px 0;
	border-bottom: 1px solid rgba(15, 25, 65, 0.15);
	padding: 0;
}

.content .wp-block-details > summary,
.timebook-gutenberg .wp-block-details > summary {
	display: grid;
	grid-template-columns: 1fr 30px;
	gap: 10px;
	align-items: start;
	padding: 18px 0;
	cursor: pointer;
	list-style: none;
	font-size: 24px;
	line-height: 1.3;
	color: #0f1941;
	font-family: "Jura Medium", sans-serif;
	font-weight: 500;
}

.content .wp-block-details > summary::-webkit-details-marker,
.timebook-gutenberg .wp-block-details > summary::-webkit-details-marker {
	display: none;
}

.content .wp-block-details > summary::after,
.timebook-gutenberg .wp-block-details > summary::after {
	content: "+";
	justify-self: end;
	font-size: 28px;
	line-height: 1;
	color: #bbd700;
	font-family: "Inter Regular", sans-serif;
}

.content .wp-block-details[open] > summary::after,
.timebook-gutenberg .wp-block-details[open] > summary::after {
	content: "−";
}

.content .wp-block-details > *:not(summary),
.timebook-gutenberg .wp-block-details > *:not(summary) {
	padding: 0 0 18px;
}

@media (max-width: 991.98px) {
	.content .wp-block-details > summary,
	.timebook-gutenberg .wp-block-details > summary {
		font-size: 18px;
	}
}

/* File download */
.content .wp-block-file,
.timebook-gutenberg .wp-block-file {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 20px;
	margin: 16px 0 16px 20px;
}

.content .wp-block-file a:not(.wp-block-file__button),
.timebook-gutenberg .wp-block-file a:not(.wp-block-file__button) {
	color: #0f1941;
	text-decoration: underline;
	font-size: 18px;
	line-height: 1.4;
}

.content .wp-block-file a:not(.wp-block-file__button):hover,
.timebook-gutenberg .wp-block-file a:not(.wp-block-file__button):hover {
	color: #5375a1;
	text-decoration: none;
}

.content .wp-block-file__button,
.timebook-gutenberg .wp-block-file__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 8px 20px;
	background: #bbd700;
	border: 1px solid #bbd700;
	color: #000 !important;
	text-decoration: none !important;
	font-size: 16px;
	font-family: "Inter Regular", sans-serif;
}

/* Image / video / embed */
.content .wp-block-image,
.timebook-gutenberg .wp-block-image {
	margin: 24px 0;
}

.content .wp-block-image img,
.timebook-gutenberg .wp-block-image img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 12px;
}

.content .wp-block-image figcaption,
.timebook-gutenberg .wp-block-image figcaption {
	margin-top: 8px;
	font-size: 14px;
	line-height: 1.4;
	color: #5375a1;
}

.content .wp-block-video,
.timebook-gutenberg .wp-block-video,
.content .wp-block-embed,
.timebook-gutenberg .wp-block-embed {
	margin: 24px 0;
}

.content .wp-block-video video,
.timebook-gutenberg .wp-block-video video {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	border-radius: 12px;
}

.content .wp-block-embed__wrapper,
.timebook-gutenberg .wp-block-embed__wrapper {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden;
	border-radius: 12px;
	background: #0f1941;
}

.content .wp-block-embed__wrapper iframe,
.timebook-gutenberg .wp-block-embed__wrapper iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.content .wp-block-table,
.timebook-gutenberg .wp-block-table {
	margin: 24px 0;
	overflow-x: auto;
}

.content .wp-block-table table,
.timebook-gutenberg .wp-block-table table {
	width: 100%;
}

/* Content slider (ACF) */
.timebook-content-slider {
	margin: 32px 0;
	position: relative;
}

.timebook-content-slider__swiper {
	overflow: hidden;
	border-radius: 16px;
}

.timebook-content-slider__img {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	border-radius: 16px;
	background: #f5f7f2;
}

.timebook-content-slider__img img,
.timebook-content-slider__img picture {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.timebook-content-slider__caption {
	margin: 12px 0 0;
	font-size: 16px;
	line-height: 1.4;
	color: #5375a1;
	text-align: center;
}

.timebook-content-slider__pagination {
	position: relative;
	margin-top: 16px;
}

.timebook-content-slider .swiper-button-prev,
.timebook-content-slider .swiper-button-next {
	color: #0f1941;
}

.timebook-content-slider .swiper-pagination-bullet-active {
	background: #bbd700;
}

/* Blog archive filters: lowercase labels (#Новости → #новости) */
.js-blog-filter + .filters-box {
	text-transform: lowercase;
}

/* === upd0910 п.9: checkbox filters (cases + blog), Figma 6295:10599 / 6295:10585 === */
.filters {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
	overflow-x: auto;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	grid-template-columns: none;
}

.filters::-webkit-scrollbar {
	display: none;
}

.filters-check {
	position: relative;
	display: inline-flex;
	flex: 0 0 auto;
	margin: 0;
	cursor: pointer;
}

.filters-input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: 0;
	appearance: none;
	-webkit-appearance: none;
	border: none;
	pointer-events: none;
}

.filters-box {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	width: auto;
	box-sizing: border-box;
	height: 62px;
	min-height: 62px;
	padding: 0 24px;
	font-size: 24px;
	line-height: 1.1;
	font-family: "Inter Medium", sans-serif;
	font-weight: 500;
	color: #000;
	background: #fff !important;
	border: 1px solid #bbd700;
	border-radius: 28px;
	white-space: nowrap;
	z-index: 0;
	transition: border-color 0.2s ease, background 0.2s ease;
}

/* Checkbox square instead of old navy gradient backplate */
.filters-box::before {
	content: "";
	position: static !important;
	left: auto !important;
	top: auto !important;
	display: block;
	width: 30px !important;
	height: 30px !important;
	flex: 0 0 30px;
	box-sizing: border-box;
	background: #fff !important;
	border: 1px solid #bbd700;
	border-radius: 6px;
	z-index: auto !important;
}

.filters-input:checked + .filters-box {
	background: #fff !important;
	color: #000 !important;
	border-color: #bbd700 !important;
}

.filters-input:checked + .filters-box::before {
	background-color: #bbd700 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.2L6.4 11.1L12.5 4.9' stroke='%230f1941' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 16px 16px !important;
	border-color: #bbd700;
}

.filters-reset {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	box-sizing: border-box;
	height: 62px;
	min-height: 62px;
	padding: 0 24px;
	font-size: 24px;
	line-height: 1.1;
	font-family: "Inter Medium", sans-serif;
	font-weight: 500;
	color: #000;
	background: #fff;
	border: 1px solid #bbd700;
	border-radius: 28px;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.2s ease, border-color 0.2s ease;
}

.filters-reset:hover {
	background: rgba(187, 215, 0, 0.12);
}

/* Figma 1440 (6640:12846 / 7378:31534): h 50, Caption Regular 16 — only ≥1200, see end rules */

/* Figma 768 blog filters (6660:22371): h 62, Body Text Light 16/24, checkbox 30, gap 20 */
@media screen and (max-width: 1199px) {
	.filters {
		gap: 20px;
	}

	.filters-box,
	.filters-reset {
		height: 62px;
		min-height: 62px;
		padding: 0 24px;
		font-size: 16px;
		line-height: 1.5;
		font-family: "Inter Light", Inter, sans-serif;
		font-weight: 300;
		border-radius: 28px;
	}

	.filters-box::before {
		width: 30px !important;
		height: 30px !important;
		flex-basis: 30px;
	}
}

/* Figma 320 blog filters (6674:40063): h 46, radius 12, Light 16/24, checkbox 30, gap 6 */
@media screen and (max-width: 767px) {
	.filters {
		gap: 6px;
	}

	.filters-box,
	.filters-reset {
		height: 46px;
		min-height: 46px;
		padding: 0 8px;
		font-size: 16px !important;
		line-height: 1.5;
		font-family: "Inter Light", Inter, sans-serif !important;
		font-weight: 300 !important;
		border-radius: 12px;
	}

	.filters-box::before {
		width: 30px !important;
		height: 30px !important;
		flex-basis: 30px;
		border-radius: 6px;
	}

	.filters-input:checked + .filters-box::before {
		background-size: 16px 16px !important;
	}
}

/* Header buttons: lock first-paint size after async CSS (CLS) */
.header-buttons {
	flex-shrink: 0;
	justify-self: end;
}

.header-buttons .button {
	white-space: nowrap;
}

@media screen and (max-width: 1399px) {
	.header-buttons .button._lk {
		padding: 0;
		width: 54px;
		height: 54px;
		min-width: 54px;
		min-height: 54px;
	}

	.header-buttons .button._lk > * {
		display: none;
	}

	.header-buttons .button._lk > :first-child {
		display: flex;
	}
}

@media screen and (max-width: 1023px) {
	.header-buttons {
		margin-left: auto;
		gap: 6px;
		min-height: 38px;
	}

	.header-buttons .button {
		height: 38px;
		min-height: 38px;
		font-size: 16px;
		padding: 4px 12px;
	}

	.header-buttons .button._lk {
		display: none;
	}
}

@media screen and (max-width: 575px) {
	.header-buttons {
		min-height: 30px;
	}

	.header-buttons .button {
		height: 30px;
		min-height: 30px;
		font-size: 14px;
		padding: 4px 12px;
	}
}

/* Home cases slider: whole card is a permalink. */
a.cases {
	display: block;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

a.cases:hover,
a.cases:focus {
	color: inherit;
	text-decoration: none;
}

.tb-block-hidden-notice {
	margin: 0 0 12px;
	padding: 8px 12px;
	border: 1px dashed #c00;
	border-radius: 8px;
	background: #fff4f4;
	color: #c00;
	font-size: 14px;
	line-height: 1.3;
}

/* === upd0910: desktop typography / buttons / gutters / dotted bg === */

/* Remove dotted radial background (body::before). */
body::before {
	content: none !important;
	display: none !important;
	background-image: none !important;
}

/*
 * Side gutters (Figma Главная):
 * content starts at 150@1440 / 272@1920.
 * .container has padding 12 → max-width = content + 24.
 * 1440 → content 1140 → max-width 1164
 * 1920 → content 1376 → max-width 1400
 */
@media (min-width: 1400px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1164px;
	}

	.errorPage {
		padding-left: 150px;
		padding-right: 150px;
	}

	.header .container,
	.header-container {
		padding-left: 24px;
		padding-right: 24px;
	}
}

@media (min-width: 1600px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1400px;
	}

	.errorPage {
		padding-left: 272px;
		padding-right: 272px;
	}

	.header .container,
	.header-container {
		padding-left: 48px;
		padding-right: 48px;
	}
}

/* Action buttons 50px / 20px (Buttons/Large); keep header as-is. */
@media screen and (min-width: 1200px) {
	.button:not(.header-buttons .button):not(._lk):not(._bord._min) {
		min-height: 50px;
		height: 50px;
		font-size: 20px;
		line-height: 1.2;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 36px;
		padding-right: 36px;
	}

	.button._big:not(.header-buttons .button) {
		min-height: 50px;
		height: 50px;
		font-size: 20px;
	}

	.timebook-button .button,
	.timebook-content .button,
	.findCost .button,
	.videoBlock + .button,
	.section .button:not(.header-buttons .button):not(._lk) {
		min-height: 50px;
		height: 50px;
		font-size: 20px;
		padding-left: 36px;
		padding-right: 36px;
	}
}

/*
 * Typography — Figma Desktop on Главная:
 * H1 36 Jura Bold · H2 28 Jura Bold · H3 24 Jura Bold · H4 20 Jura Bold
 * Body 24 Inter Light · Tabs 24 Inter Medium · Caption 16 Inter
 * Hero lead = H1 Body Semibold 36 Jura (not Body Regular).
 * Wordmark .timebook-content .title stays Benzin large.
 */
@media screen and (min-width: 1200px) {
	/* H1 */
	.title,
	.cases-title,
	.consultation-text,
	.territories .subtitle,
	.errorPage-title {
		font-size: 36px;
		line-height: 1.1;
		letter-spacing: 0.08em;
	}

	/* About «Таймбук в цифрах» values — Figma Jura Bold 28 */
	.aboutTimebook-title {
		font-size: 28px;
		line-height: 1.1;
		letter-spacing: normal;
		font-family: "Jura Bold", "Jura", sans-serif;
		font-weight: 700;
	}

	/* Hero lead under logo */
	.timebook-description p,
	.timebook-description > * {
		font-size: 36px;
		line-height: 1.3;
		letter-spacing: 0.08em;
		font-family: "Jura Bold", "Jura", sans-serif;
		font-weight: 600;
	}

	/* H2 */
	.subtitle,
	.subtitle._small2,
	.demoAccess-title,
	.footer-title,
	.footer-title.demoAccess-title,
	.findCost-title,
	.information-title,
	.information._other .information-title,
	.guarantee._vacancies .subtitle,
	.works-title,
	.content-title,
	.quote-title,
	.tab-video__title,
	.videoBlock .tab-video__title,
	.modal-title,
	.territories-subname,
	.consultation-subtitle,
	.consultation-content .subtitle,
	.consultation .subtitle {
		font-size: 28px;
		line-height: 1.1;
		letter-spacing: normal;
	}

	/* Products hub: module titles — Figma Jura Medium 24 */
	.products-subtitle {
		font-size: 24px;
		line-height: 1.2;
		letter-spacing: normal;
		font-family: "Jura Medium", "Jura", sans-serif;
		font-weight: 500;
	}

	/* Knowledge hub cards — Figma 6758:29535: title 24 Medium, tag Caption 16 */
	.knowledge-title {
		font-size: 24px;
		line-height: 1.2;
		letter-spacing: normal;
		font-family: "Jura Medium", "Jura", sans-serif;
		font-weight: 500;
	}

	.knowledge-tag {
		font-size: 16px;
		line-height: 1.2;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		font-family: Inter, "Inter Regular", sans-serif;
		font-weight: 400;
	}

	/* Products hub CTA body */
	.consultation-description p,
	.consultation-description > * {
		font-size: 24px;
		line-height: 1.3;
		font-family: "Inter Light", Inter, sans-serif;
		font-weight: 300;
	}

	/* Products hub «Подробнее» — Figma Inter 28 (beat global .button 20) */
	.section .products-button .button:not(.header-buttons .button):not(._lk),
	.products-button .button:not(.header-buttons .button):not(._lk) {
		font-size: 28px;
		line-height: 1.2;
	}

	.subtitle._small {
		font-size: 24px;
		line-height: 1.1;
	}

	/* H3 — platform cards, case titles, process step titles */
	.opportunity-title,
	.opportunity-subtitle,
	.opportunity-container._other .opportunity-title,
	.solutions-title,
	.tabs-my._other .nav-link__title,
	.section-title,
	.advantages-item .section-title,
	.contacts-title,
	.contacts-subtitle,
	.consultation-subtext,
	.consultation._other .consultation-subtext,
	.guarantee-subtitle,
	.information-description,
	.information-description > *,
	.really-text,
	.decision-content li,
	.main-block .decision-content li,
	.planning-list li,
	.planning-text,
	.exchange-text,
	.works-count,
	.exchange-count,
	.quote-author__subname {
		font-size: 24px;
		line-height: 1.2;
		letter-spacing: normal;
	}

	.information-description,
	.information-description > * {
		font-family: "Inter Light", Inter, sans-serif;
		font-weight: 300;
		line-height: 1.3;
	}

	/* Pain-card role titles (УРВ) — Figma Inter Bold 20 */
	.really-title,
	.really._other .really-title {
		font-size: 20px;
		line-height: 1.2;
		letter-spacing: 0.07em;
		font-family: "Inter Bold", Inter, sans-serif;
		font-weight: 700;
		text-transform: uppercase;
	}

	/* АП / About why-cards — Figma Jura Bold 24 */
	body:has(.planning) .really-title,
	body:has(.planning) .really._other .really-title,
	body:has(.aboutTimebook-title) .really-title,
	body:has(.aboutTimebook-title) .really._other .really-title {
		font-size: 24px;
		line-height: 1.2;
		letter-spacing: normal;
		font-family: "Jura Bold", "Jura", sans-serif;
		font-weight: 700;
		text-transform: none;
	}

	/* About history years — Figma Inter Bold 20 */
	.history-year {
		font-size: 20px;
		line-height: 1.2;
		font-family: "Inter Bold", Inter, sans-serif;
		font-weight: 700;
	}

	/* About partner lead — Figma Jura Regular 28 */
	body:has(.aboutTimebook-title) .consultation-subtext,
	body:has(.aboutTimebook-title) .consultation._other .consultation-subtext {
		font-size: 28px;
		line-height: 1.3;
		letter-spacing: normal;
		font-family: "Jura Regular", "Jura", sans-serif;
		font-weight: 400;
	}

	/* Product tab pane + planning column titles — Figma Jura Bold 24 */
	.decision-title,
	.planning-title {
		font-size: 24px;
		line-height: 1.2;
		letter-spacing: normal;
		font-family: "Jura Bold", "Jura", sans-serif;
		font-weight: 700;
	}

	/* Open Exchange cards / FAQ Q — Figma Jura Medium 24 */
	.guarantee-title,
	.accordionMy-header__title {
		font-size: 24px;
		line-height: 1.2;
		letter-spacing: normal;
		font-family: "Jura Medium", "Jura", sans-serif;
		font-weight: 500;
	}

	/* FAQ answers — Figma Inter Light 24 */
	.accordionMy-body p,
	.accordionMy-body > * {
		font-size: 24px;
		line-height: 1.3;
		font-family: "Inter Light", Inter, sans-serif;
		font-weight: 300;
	}

	/* Open Exchange territories (product): title 28 / stats 48 / labels 36 */
	body.single-product .territories > .subtitle {
		font-size: 28px;
		line-height: 1.1;
		letter-spacing: normal;
	}

	body.single-product .territories-item > .subtitle {
		font-size: 48px;
		line-height: 1;
		letter-spacing: normal;
		font-family: "Jura Bold", "Jura", sans-serif;
		font-weight: 700;
	}

	body.single-product .territories-subname {
		font-size: 36px;
		line-height: 1.2;
		letter-spacing: normal;
		font-family: "Inter Light", Inter, sans-serif;
		font-weight: 300;
	}

	/* Segment / role tabs */
	.nav-link {
		font-size: 24px;
		line-height: 1.2;
		font-family: "Inter Medium", Inter, sans-serif;
		font-weight: 500;
	}

	/* Body Regular / Body Cases */
	.opportunity-description p,
	.opportunity-description > *,
	.demoAccess-description p,
	.demoAccess-description > *,
	.findCost-list li,
	.findCost-col li,
	.aboutTimebook-text,
	.aboutMission-text p,
	.wfm-list li,
	.tab-pane li,
	.tabs-my .tab-content li {
		font-size: 24px;
		line-height: 1.3;
		font-family: "Inter Light", Inter, sans-serif;
		font-weight: 300;
	}

	/* H4 + case/blog card subtitle (direct p only — not excerpt) */
	.wfm-title,
	.prices-title,
	.solutions-description,
	.solutions-description > p {
		font-size: 20px;
		line-height: 1.15;
		font-family: "Jura Bold", "Jura", sans-serif;
		font-weight: 700;
	}

	/* Blog/case card excerpt — Figma 4097:3460 Caption 16 Inter */
	.solutions-content,
	.solutions-content p {
		font-size: 16px;
		line-height: 1.3;
		font-family: Inter, "Inter Regular", sans-serif;
		font-weight: 400;
	}

	/* Products eyebrow — Figma Inter Bold 20 */
	.products-title {
		font-size: 20px;
		line-height: 1.15;
		letter-spacing: 0.07em;
		font-family: "Inter Bold", Inter, sans-serif;
		font-weight: 700;
		text-transform: uppercase;
	}

	/* Process captions */
	.tabs-my._other .nav-link__description,
	.nav-link__description {
		font-size: 16px;
		line-height: 1.25;
		font-family: Inter, "Inter Regular", sans-serif;
		font-weight: 400;
	}

	.tabs-my._other .nav-link__count,
	.nav-link__count {
		font-size: 27px;
		line-height: 1;
		font-family: "Inter Light", Inter, sans-serif;
		font-weight: 300;
	}

	/* Prices in «Начните работу» */
	.findCost-price p {
		font-size: 28px;
		line-height: 1.2;
		font-family: "Jura Bold", "Jura", sans-serif;
		font-weight: 700;
	}

	.findCost-price p:first-child {
		font-size: 28px;
	}

	.findCost-note,
	.findCost-col > p:last-child,
	.findCost .caption {
		font-size: 16px;
		line-height: 1.3;
	}

	/* АП economic effect — Figma Space Grotesk 64 / Inter Bold 20 / Light 24 */
	.planning-decline span {
		font-size: 64px;
		line-height: 1;
		font-family: "SpaceGrotesk Bold", "Space Grotesk", sans-serif;
		font-weight: 700;
	}

	.planning-decline > p {
		font-size: 20px;
		line-height: 1.2;
		font-family: "Inter Bold", Inter, sans-serif;
		font-weight: 700;
	}

	.planning-text p,
	.planning-text > * {
		font-size: 24px;
		line-height: 1.3;
		font-family: "Inter Light", Inter, sans-serif;
		font-weight: 300;
	}

	/* Case tag — Figma Inter 16; date/badge stay 12 */
	.solutions-tag {
		font-size: 16px;
		line-height: 1.2;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		font-family: Inter, "Inter Regular", sans-serif;
		font-weight: 400;
	}

	.solutions-row p {
		font-size: 12px;
		line-height: 1.2;
		letter-spacing: 0.04em;
		text-transform: uppercase;
	}

	/* Case single — Figma 4097:4528: section H3 24, body Caption 16, role 20 Bold */
	body.single-case .content-title {
		font-size: 24px;
		line-height: 1.2;
		letter-spacing: normal;
	}

	body.single-case .content-description p,
	body.single-case .content-description li,
	body.single-case .content-description > * {
		font-size: 16px;
		line-height: 1.3;
		font-family: Inter, "Inter Regular", sans-serif;
		font-weight: 400;
	}

	body.single-case .quote-author__name {
		font-size: 20px;
		line-height: 1.2;
		font-family: "Inter Bold", Inter, sans-serif;
		font-weight: 700;
	}

	/* Documents hub — Figma 6124:9846: list links Buttons/Header 20 Inter */
	.content .content-links a,
	.content .content-links p {
		font-size: 20px;
		line-height: 1.2;
		font-family: Inter, "Inter Regular", sans-serif;
		font-weight: 400;
	}
}

/* Hero logo image in first banner. */
.timebook-content .title.timebook-logo {
	max-width: min(95%, 739px);
	font-size: 0;
	line-height: 0;
}

.timebook-content .title.timebook-logo img,
.timebook-content .title.timebook-logo picture {
	display: block;
	width: 100%;
	height: auto;
}

/* Home cases: Figma 1440 → 434×400; 1920 → 491×400; radius 24. */
.cases-slider._cards .swiper-slide {
	height: auto;
}

/* No size bump on active card (bundle has scaleY(1.1)). */
.cases-slider .swiper-slide-active,
.cases-slider._cards .swiper-slide-active {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

/* Arrows: hidden until hover on block; when shown — solid green (not 0.8). */
.cases-slider .slider1-prev,
.cases-slider .slider1-next,
.cases-slider .prev,
.cases-slider .next {
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.cases-slider:hover .slider1-prev,
.cases-slider:hover .slider1-next,
.cases-slider:hover .prev,
.cases-slider:hover .next,
.cases-slider .slider1:hover .slider1-prev,
.cases-slider .slider1:hover .slider1-next,
.cases-slider .slider1:hover .prev,
.cases-slider .slider1:hover .next {
	opacity: 1;
	pointer-events: auto;
}

.cases-slider .slider1-prev svg,
.cases-slider .slider1-next svg,
.cases-slider .prev svg,
.cases-slider .next svg,
.cases-slider .slider1-prev svg path,
.cases-slider .slider1-next svg path,
.cases-slider .prev svg path,
.cases-slider .next svg path {
	fill: #bbd700;
	opacity: 1;
	-webkit-transition: fill 0.2s ease;
	transition: fill 0.2s ease;
}

.cases-slider .slider1-prev:hover svg,
.cases-slider .slider1-next:hover svg,
.cases-slider .prev:hover svg,
.cases-slider .next:hover svg,
.cases-slider .slider1-prev:hover svg path,
.cases-slider .slider1-next:hover svg path,
.cases-slider .prev:hover svg path,
.cases-slider .next:hover svg path {
	fill: #a8c200;
}

@media screen and (min-width: 1200px) {
	.cases-slider._cards .swiper-slide {
		width: 434px;
		max-width: 434px;
	}

	.cases-slider._cards .solutions-card {
		width: 100%;
		max-width: 434px;
		height: 400px;
		border-radius: 24px;
		overflow: hidden;
	}

	.cases-slider._cards .solutions-box {
		border-radius: 24px 24px 0 0;
	}
}

@media screen and (min-width: 1600px) {
	.cases-slider._cards .swiper-slide {
		width: 491px;
		max-width: 491px;
	}

	.cases-slider._cards .solutions-card {
		max-width: 491px;
	}
}

/*
 * Same card heights as Figma advantages 6273:8258 (340 / 162 / 158 / 220)
 * from 1200px. Below 1600 the bundle let rows grow with content
 * (subtitle min-height 82, desc margin 52) so cards were 536 / 274 / 242 / 329.
 */
@media screen and (min-width: 1200px) and (max-width: 1599px) {
	.opportunity-container:not(._other) {
		display: grid;
		grid-template-columns: 746fr 610fr;
		grid-template-rows: auto auto auto;
		gap: 20px;
	}

	.opportunity-container:not(._other) > :nth-child(1) {
		grid-area: 1 / 1 / 3 / 2;
		height: auto;
	}

	.opportunity-container:not(._other) > :nth-child(2) {
		grid-area: 1 / 2 / 2 / 3;
		height: auto;
	}

	.opportunity-container:not(._other) > :nth-child(3) {
		grid-area: 2 / 2 / 3 / 3;
		height: auto;
	}

	.opportunity-container:not(._other) > :nth-child(4),
	.opportunity-container:not(._other) > :nth-child(5),
	.opportunity-container:not(._other) > :nth-child(6) {
		grid-area: 3 / 1 / 4 / 3;
		width: calc((100% - 40px) / 3);
		height: auto;
		align-self: stretch;
		box-sizing: border-box;
	}

	.opportunity-container:not(._other) > :nth-child(4) {
		justify-self: start;
		margin-left: 0;
	}

	.opportunity-container:not(._other) > :nth-child(5) {
		justify-self: start;
		margin-left: calc((100% - 40px) / 3 + 20px);
	}

	.opportunity-container:not(._other) > :nth-child(6) {
		justify-self: end;
		margin-left: 0;
	}

	.opportunity-container:not(._other) .opportunity-subtitle {
		min-height: 0;
		margin: 0;
		line-height: 1.2;
	}

	.opportunity-container:not(._other) .opportunity-title {
		margin: 0;
		line-height: 1.2;
	}

	.opportunity-container:not(._other) .opportunity-description {
		width: 100%;
		margin-top: 24px;
	}

	.opportunity-container:not(._other) > :nth-child(3) .opportunity-description {
		margin-top: 20px;
	}

	.opportunity-container:not(._other) .opportunity-text {
		margin-top: 20px;
		padding-bottom: 0;
	}

	.opportunity-container:not(._other) .opportunity-description,
	.opportunity-container:not(._other) .opportunity-description p,
	.opportunity-container:not(._other) .opportunity-description > *,
	.opportunity-container:not(._other) .opportunity-text,
	.opportunity-container:not(._other) .opportunity-text p,
	.opportunity-container:not(._other) .opportunity-text > * {
		font-size: 24px;
		line-height: 1.3;
		font-family: "Inter Light", Inter, sans-serif;
		font-weight: 300;
	}
}

/*
 * Opportunity / What @1600+ (Figma 6273:8251): top 746|610 gap 20;
 * rows 162 / 158 / 220; bottom three equal ~445.33.
 */
@media screen and (min-width: 1600px) {
	.opportunity-container:not(._other) {
		display: grid;
		grid-template-columns: 746fr 610fr;
		grid-template-rows: auto auto auto;
		gap: 20px;
	}

	.opportunity-container:not(._other) > :nth-child(1) {
		grid-area: 1 / 1 / 3 / 2;
		height: auto;
	}

	.opportunity-container:not(._other) > :nth-child(2) {
		grid-area: 1 / 2 / 2 / 3;
		height: auto;
	}

	.opportunity-container:not(._other) > :nth-child(3) {
		grid-area: 2 / 2 / 3 / 3;
		height: auto;
	}

	.opportunity-container:not(._other) > :nth-child(4),
	.opportunity-container:not(._other) > :nth-child(5),
	.opportunity-container:not(._other) > :nth-child(6) {
		grid-area: 3 / 1 / 4 / 3;
		width: calc((100% - 40px) / 3);
		height: auto;
		align-self: stretch;
		box-sizing: border-box;
	}

	.opportunity-container:not(._other) > :nth-child(4) {
		justify-self: start;
		margin-left: 0;
	}

	.opportunity-container:not(._other) > :nth-child(5) {
		justify-self: start;
		margin-left: calc((100% - 40px) / 3 + 20px);
	}

	.opportunity-container:not(._other) > :nth-child(6) {
		justify-self: end;
		margin-left: 0;
	}

	/* Dark cards 2–3: body text white (titles already white in bundle). */
	.opportunity-container:not(._other) > :nth-child(2) .opportunity-description,
	.opportunity-container:not(._other) > :nth-child(2) .opportunity-description p,
	.opportunity-container:not(._other) > :nth-child(2) .opportunity-description > *,
	.opportunity-container:not(._other) > :nth-child(3) .opportunity-description,
	.opportunity-container:not(._other) > :nth-child(3) .opportunity-description p,
	.opportunity-container:not(._other) > :nth-child(3) .opportunity-description > * {
		color: #fff;
	}

	/*
	 * Bottom grey cards: bundle reserves min-height:82 for icon slot —
	 * Figma What titles are 28px; that gap made cards look empty/wrong.
	 */
	.opportunity-container:not(._other) .opportunity-subtitle {
		min-height: 0;
		margin: 0;
		line-height: 1.2;
	}

	.opportunity-container:not(._other) .opportunity-title {
		margin: 0;
		line-height: 1.2;
	}

	/* Figma Frame 166: title → desc gap 20–24px (not bundle 30/52). */
	.opportunity-container:not(._other) .opportunity-description {
		margin-top: 24px;
	}

	.opportunity-container:not(._other) .opportunity-text {
		margin-top: 20px;
		padding-bottom: 0;
	}

	.opportunity-container:not(._other) .opportunity-text,
	.opportunity-container:not(._other) .opportunity-text p,
	.opportunity-container:not(._other) .opportunity-text > * {
		font-size: 24px;
		line-height: 1.3;
		font-family: "Inter Light", Inter, sans-serif;
		font-weight: 300;
	}

	/* Platform subtitle («Не просто внедрение…») — Figma H2 28/48. */
	.section:has(> .opportunity) .section-container > .subtitle {
		line-height: 48px;
	}

	/*
	 * Title rules inside content (Figma): [134][20][title][20][flex≈267].
	 * Bundle puts left rule in the gutter — wrong for What.
	 */
	.section:has(> .opportunity) .title-block {
		position: relative;
	}

	.section:has(> .opportunity) .title-block::after {
		display: none;
	}

	.section:has(> .opportunity) .title-box {
		column-gap: 20px;
		gap: 20px;
	}

	.section:has(> .opportunity) .title-box::before {
		position: static;
		left: auto;
		top: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		width: 134px;
		min-width: 134px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 134px;
		flex: 0 0 134px;
		height: 2px;
		-ms-flex-item-align: center;
		align-self: center;
	}

	.section:has(> .opportunity) .title-box::after,
	.section:has(> .opportunity) .title-box:after {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
		max-width: none;
		height: 2px;
		-ms-flex-item-align: center;
		align-self: center;
	}

	.section:has(> .opportunity) .title-box > .title {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width: none;
		white-space: nowrap;
	}

	/*
	 * Card chrome from Figma 6273:8251 export:
	 * shadow 0 4px 8px rgba(0,0,0,.32);
	 * green stroke 3px, other cards 1px;
	 * glass blur on the two translucent cards.
	 * Bundle ::before is a green wash that is not on this frame.
	 */
	.section:has(> .opportunity) .opportunity-container:not(._other) > * {
		border: 0;
		-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.32);
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.32);
	}

	.section:has(> .opportunity) .opportunity-container:not(._other) > *::before {
		opacity: 1;
		padding: 1px;
		background: linear-gradient(168deg, rgba(100, 120, 171, 0.25), rgba(74, 89, 125, 0) 50%, rgba(52, 63, 90, 0.25));
		-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
		mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
		-webkit-mask-composite: xor;
		mask-composite: exclude;
		pointer-events: none;
	}

	.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(1)::before {
		padding: 3px;
	}

	.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(2)::before,
	.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(3)::before {
		background: linear-gradient(164deg, #192a6e, rgba(15, 25, 65, 0) 50%, rgba(224, 230, 255, 0.25));
	}

	.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(2),
	.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(3) {
		-webkit-backdrop-filter: blur(28px);
		backdrop-filter: blur(28px);
	}

	.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(2) .opportunity-description {
		width: 100%;
	}

	.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(3) .opportunity-description {
		margin-top: 20px;
	}

	.section:has(> .opportunity) .opportunity-container:not(._other) .opportunity-title,
	.section:has(> .opportunity) .opportunity-container:not(._other) .opportunity-subtitle,
	.section:has(> .opportunity) .opportunity-container:not(._other) .opportunity-description,
	.section:has(> .opportunity) .opportunity-container:not(._other) .opportunity-text {
		position: relative;
		z-index: 1;
	}
}

/* Support form: expanding textarea. */
.input-block._textarea textarea.input,
textarea.js-autogrow,
textarea[name="inp-comment"] {
	min-height: 72px;
	max-height: 280px;
	overflow-y: auto;
	resize: none;
	line-height: 1.4;
}

/* Desktop: smaller video / tab-video blocks (home process + product). */
@media screen and (min-width: 1400px) {
	.tab-video__box {
		padding-top: 38%;
	}

	.tab-video._file .tab-video__box {
		aspect-ratio: 16 / 9;
		max-width: 920px;
		margin-left: auto;
		margin-right: auto;
	}

	.videoBlock {
		padding: 40px 36px;
	}

	.tabs-my._other .tab-content,
	.tabs-my .tab-content {
		max-width: 100%;
	}
}

@media screen and (min-width: 1600px) {
	.tab-video__box {
		padding-top: 34%;
	}

	.tab-video._file .tab-video__box {
		max-width: 1000px;
	}

	.videoBlock {
		padding: 48px 40px;
	}
}

/* Filters typography: must win over desktop H3 dump (min-width:1200 → 24px) */
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.filters-box,
	.filters-reset {
		height: 62px;
		min-height: 62px;
		padding: 0 24px;
		font-size: 16px !important;
		line-height: 1.5;
		font-family: "Inter Light", Inter, sans-serif !important;
		font-weight: 300 !important;
	}

	.filters-box::before {
		width: 30px !important;
		height: 30px !important;
		flex-basis: 30px;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1599px) {
	.filters-box,
	.filters-reset {
		height: 50px;
		min-height: 50px;
		font-size: 16px !important;
		line-height: 1.4;
		font-family: Inter, sans-serif !important;
		font-weight: 400 !important;
	}
}

@media screen and (min-width: 1600px) {
	.filters-box,
	.filters-reset {
		height: 62px;
		min-height: 62px;
		font-size: 24px !important;
		line-height: 1.1;
		font-family: "Inter Medium", sans-serif !important;
		font-weight: 500 !important;
	}
}

/* Product tools cards (Card_2): light hover #dbfb0040, dark desktop #0f194140 + navy text, dark mobile #0f194180 + white text. */
.opportunity-container._other > * {
	transition: background .4s, color .4s, border-color .4s;
}

.opportunity-container._other > :hover::before,
.opportunity-container._other > :hover::after {
	opacity: 0;
	background: none;
}

.opportunity-container._other > :nth-child(6n + 1):hover,
.opportunity-container._other > :nth-child(6n + 3):hover,
.opportunity-container._other > :nth-child(6n + 5):hover,
.opportunity-container._other > :nth-child(6n):hover {
	background: linear-gradient(rgba(219, 251, 0, 0.25), rgba(219, 251, 0, 0.25)), #fff;
	border-color: transparent;
}

.opportunity-container._other > :nth-child(6n + 1):hover .opportunity-title,
.opportunity-container._other > :nth-child(6n + 1):hover .opportunity-description > *,
.opportunity-container._other > :nth-child(6n + 3):hover .opportunity-title,
.opportunity-container._other > :nth-child(6n + 3):hover .opportunity-description > *,
.opportunity-container._other > :nth-child(6n + 5):hover .opportunity-title,
.opportunity-container._other > :nth-child(6n + 5):hover .opportunity-description > *,
.opportunity-container._other > :nth-child(6n):hover .opportunity-title,
.opportunity-container._other > :nth-child(6n):hover .opportunity-description > * {
	color: #0f1941;
}

@media screen and (min-width: 768px) {
	.opportunity-container._other > :nth-child(6n + 2):hover,
	.opportunity-container._other > :nth-child(6n + 4):hover {
		background: linear-gradient(rgba(15, 25, 65, 0.25), rgba(15, 25, 65, 0.25)), #fff;
	}

	.opportunity-container._other > :nth-child(6n + 2):hover .opportunity-title,
	.opportunity-container._other > :nth-child(6n + 2):hover .opportunity-description > *,
	.opportunity-container._other > :nth-child(6n + 4):hover .opportunity-title,
	.opportunity-container._other > :nth-child(6n + 4):hover .opportunity-description > * {
		color: #0f1941;
	}
}

@media screen and (max-width: 767.98px) {
	.opportunity-container._other > :nth-child(6n + 2):hover,
	.opportunity-container._other > :nth-child(6n + 4):hover {
		background: linear-gradient(rgba(15, 25, 65, 0.5), rgba(15, 25, 65, 0.5)), #fff;
	}
}

/* Home What cards — same Card_2 hover. Do not reuse ::before: at 1600+ it is the stroke. */
.section:has(> .opportunity) .opportunity-container:not(._other) > * {
	transition: background .4s, color .4s;
}

.section:has(> .opportunity) .opportunity-container:not(._other) > :hover::before {
	opacity: 0;
}

@media screen and (min-width: 1600px) {
	.section:has(> .opportunity) .opportunity-container:not(._other) > *::before,
	.section:has(> .opportunity) .opportunity-container:not(._other) > :hover::before {
		opacity: 1;
	}
}

.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(1):hover,
.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(4):hover,
.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(5):hover,
.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(6):hover {
	background: linear-gradient(rgba(219, 251, 0, 0.25), rgba(219, 251, 0, 0.25)), #fff;
}

.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(1):hover .opportunity-title,
.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(1):hover .opportunity-description,
.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(1):hover .opportunity-description > *,
.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(4):hover .opportunity-subtitle,
.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(4):hover .opportunity-text,
.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(4):hover .opportunity-text > *,
.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(5):hover .opportunity-subtitle,
.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(5):hover .opportunity-text,
.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(5):hover .opportunity-text > *,
.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(6):hover .opportunity-subtitle,
.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(6):hover .opportunity-text,
.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(6):hover .opportunity-text > * {
	color: #0f1941;
}

@media screen and (min-width: 768px) {
	.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(2):hover,
	.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(3):hover {
		background: linear-gradient(rgba(15, 25, 65, 0.25), rgba(15, 25, 65, 0.25)), #fff;
	}

	.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(2):hover .opportunity-title,
	.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(2):hover .opportunity-description,
	.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(2):hover .opportunity-description > *,
	.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(3):hover .opportunity-title,
	.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(3):hover .opportunity-description,
	.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(3):hover .opportunity-description > * {
		color: #0f1941;
	}
}

@media screen and (max-width: 767.98px) {
	.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(2):hover,
	.section:has(> .opportunity) .opportunity-container:not(._other) > :nth-child(3):hover {
		background: linear-gradient(rgba(15, 25, 65, 0.5), rgba(15, 25, 65, 0.5)), #fff;
	}
}