/*!
Theme Name: Brand
Author: RedCorner
Description: No Description
Version: 1.0
Text Domain: brand
*/

@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');


@font-face {
	font-family: Alumni;
	font-display: block;
	src: url("fonts/alumni.woff2") format("woff2");
}

@font-face {
	font-family: Roboto Condensed;
	font-display: block;
	src: url("fonts/roboto.woff2") format("woff2");
}



:root {
	font-size: 16px;
}

body {
	overflow: hidden;
}

html,
body {
	position: relative;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	background: #010101;
	font-family: Roboto Condensed;
	font-weight: 400;
	color: #000;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
	width: 0;
	height: 0;
}

::-webkit-scrollbar-track {
	background-color: #fff;
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: #fff;
	pointer-events: none;
}

::-webkit-scrollbar-thumb {
	background-color: #347EAD;
}

* {
	outline: none;
	box-shadow: none;
	font-family: Onest;
	font-weight: 400;
}

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

a {
	transition: .3s all;
	text-decoration: none;
	color: #fff;
}

a:hover {
	color: #fff;
}

.hidden {
	display: none;
}

.center {
	text-align: center;
}

.button:hover {
	color: #000;
}

.button text {
	position: relative;
	z-index: 2;
	font-family: Alumni;
	font-weight: 700;
}


.container {
	width: calc(100% - clamp(3rem, 4vw, 4rem));
	max-width: 1530px;
	margin: 0 auto;
}


.button.buttonRed {
	border: none;
	background: #A20000;
	transition: 0.3s;
	font-family: Alumni, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
}

.button.buttonRed:hover {
	box-shadow: none;
	background: transparent;
	transition: 0.3s;
}

.button.buttonPlay {
	padding: 1.1rem 1.8rem;
	border: 1.6px solid #FFFFFF;
	background: transparent;
	color: #fff;
}

.button.buttonPlay text {
	font-weight: 500;
}

.button.buttonPlay:hover {
	background-color: #fff;
	color: #000000;
}

.button {
	position: relative;
}

.button-text {
	display: flex;
	position: relative;
	z-index: 2;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	pointer-events: none;
	font-size: 22px;
	line-height: 27px;
	text-transform: uppercase;
	color: #FFFFFF;
}

.buttonBordered {
	box-shadow: inset 0 0 0 1px #FF9D00;
	background: none;
	text-transform: none;
	color: #FF9D00;
}

.buttonBordered:hover {
	box-shadow: inset 0 0 0 1px #890000;
}

.buttonBordered:before {
	display: none;
}

.blockTitle {
	display: flex;
	align-items: center;
	justify-content: left;
	margin: 0;
	font-family: Alumni;
	font-weight: 500;
	font-size: clamp(1.5rem, 1.4rem + 2vw, 3.375rem);
	text-transform: uppercase;
	color: #fff;
}

.blockTitle.center {
	justify-content: left;
	width: 100%;
}

.blockSubTitle {
	display: block;
	font-size: clamp(1rem, 0.5rem + 2vw, 2rem);
	color: #fff;
}

body:not(.home) .cast-info-bg-right {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: clamp(15rem, 15vw, 32rem);
	background-image: url(images/ch1/bg-green3.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% 100%;
	pointer-events: none;
}

.single-episode .cast-info-bg-right {
	background-image: url(images/ch1/bg-green4.png) !important;
}

body:not(.home) .actorsWrap {
	position: relative;
	padding-top: 5rem;
	overflow: hidden;
	background-color: #394A42;
}

.slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	margin: 0px auto;
	padding: 20px 0;
	list-style: none;
}

.slick-prev,
.slick-next {
	cursor: pointer;
}

.slick-dots button {
	display: block;
	width: 6px;
	height: 6px;
	margin: 0;
	padding: 0px;
	border: none;
	/* background: url(images/vn/dot.png); */
	background-position: center;
	background-size: contain;
	font-size: 0px;
}

.slick-dots .slick-active button {
	display: block;
	width: 10px;
	height: 10px;
	/* background: url(images/vn/dot_active.png); */
	background-position: center;
	background-size: contain;
	font-size: 0px;
}

*[class^="fancybox"] {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

#swbl {
	position: absolute;
	top: 200px;
	left: 0;
	width: 325px;
	height: 825px;
	/* background: url(images/vn/aboutP0.svg); */
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
}

#swbr {
	position: absolute;
	top: 200px;
	right: 0;
	width: 450px;
	height: 825px;
	/* background: url(images/vn/aboutP1.svg); */
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
}

body:not(.home) .episodesBlock {
	padding-bottom: clamp(4rem, 4vw, 4rem);
	background-color: #870000;
}

body:not(.home) .episodes-bg-left {
	background-image: none;
}

body:not(.home) .episodes-bg-right {
	background-image: none;
}

body:not(.home) .cast-info-bg-left {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: clamp(8rem, 18vw, 21rem);
	/* background-image: url(images/ch1/bg-blood4.png); */
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	pointer-events: none;
}

.blockTitle.pageTitle {
	margin: 1.875rem 0;
	font-weight: 400;
	line-height: normal;
	color: #101010;
}

*:before,
*:after {
	background-repeat: no-repeat;
}

body>div:before,
body>.container>div:before {
	background-position: bottom center;
	background-size: cover;
}

.navigation .slick-arrow svg {
	z-index: 1;
}

.navigation .slick-arrow {
	transition: 0.3s;
}

.navigation .slick-arrow:hover {
	background: #000000;
	transition: 0.3s;
	cursor: pointer;
	border-color: #000000;
}

.navigation .slick-arrow svg path {
	transition: all 0.3s;
}

.navigation .slick-arrow:hover svg path {
	fill: #FF0000;
}

body:not(.home) .actorsWrap .container {
	position: relative;
	z-index: 2;
}

body:not(.home) .episodes-bg-left,
body:not(.home) .episodes-bg-right {
	background-image: none;
}

.menuToggle {
	display: none;
	position: relative;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 32.16px;
	height: 32.16px;
	box-sizing: border-box;
	padding: 0;
	border: 1.24401px solid rgba(255, 255, 255, 0.78);
	border-radius: 9.02736px;
	background: linear-gradient(
		180deg,
		rgba(0, 187, 255, 0.71) -15.8%,
		rgba(0, 0, 0, 0) 100%
	);
	box-shadow:
	inset 0 0 0 1px rgba(11, 212, 228, 0.18),
	0 0 8px rgba(0, 187, 255, 0.15);
	cursor: pointer;
}

/* Старый span используем как контейнер нового SVG-бургера */
.menuToggle span {
	display: block;
	width: 18.89px;
	height: 12.41px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOSAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTguMDQ2OSAxMC43MTQ4QzE4LjUxNDIgMTAuNzE1IDE4Ljg5MjYgMTEuMDk0MiAxOC44OTI2IDExLjU2MTVDMTguODkyNCAxMi4wMjg3IDE4LjUxNDEgMTIuNDA4MSAxOC4wNDY5IDEyLjQwODJIMC44NDY2OEMwLjM3OTM1NSAxMi40MDgyIDAuMDAwMTMzOTkxIDEyLjAyODggMCAxMS41NjE1QzAgMTEuMDk0MSAwLjM3OTI3MyAxMC43MTQ4IDAuODQ2NjggMTAuNzE0OEgxOC4wNDY5Wk0xOC4wNDY5IDQuOTQxNDFDMTguNTE0MSA0Ljk0MTU0IDE4Ljg5MjQgNS4zMjA5MSAxOC44OTI2IDUuNzg4MDlDMTguODkyNiA2LjI1NTQxIDE4LjUxNDIgNi42MzQ2MyAxOC4wNDY5IDYuNjM0NzdIMC44NDY2OEMwLjM3OTI3MyA2LjYzNDc3IDAgNi4yNTU0OSAwIDUuNzg4MDlDMC4wMDAxNzU0NzYgNS4zMjA4MyAwLjM3OTM4MSA0Ljk0MTQxIDAuODQ2NjggNC45NDE0MUgxOC4wNDY5Wk0xOC4wNDY5IDBDMTguNTE0MiAwLjAwMDEzMTkyNiAxOC44OTI2IDAuMzc5MzU0IDE4Ljg5MjYgMC44NDY2OEMxOC44OTIzIDEuMzEzODEgMTguNTE0IDEuNjkzMjMgMTguMDQ2OSAxLjY5MzM2SDAuODQ2NjhDMC4zNzk0MTcgMS42OTMzNiAwLjAwMDIzNDEyNyAxLjMxMzg5IDAgMC44NDY2OEMwIDAuMzc5MjczIDAuMzc5MjczIDAgMC44NDY2OCAwSDE4LjA0NjlaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: opacity 0.2s ease;
}

.menuToggle::before,
.menuToggle::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 2px;
	border-radius: 2px;
	background: #FFFFFF;
	opacity: 0;
	transition: opacity 0.2s ease;
}

.menuToggle::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.menuToggle::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

body:has(.menuMobileWrap.open) .menuToggle span {
	opacity: 0;
}

body:has(.menuMobileWrap.open) .menuToggle::before,
body:has(.menuMobileWrap.open) .menuToggle::after {
	opacity: 1;
}

header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	height: 93.76px;
	box-sizing: border-box;
	padding: 35px 0 0;
	background: transparent;
	transition:
		height 0.3s ease,
		padding 0.3s ease;
}

header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;

	background: linear-gradient(
		180deg,
		#000000 42.27%,
		rgba(0, 0, 0, 0) 100%
	);

	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

header .container {
	position: relative;
	z-index: 1;
}

header.fixed {
	position: fixed;
	top: 0;
	height: 95.76px;
	padding: 37px 0 0;
}

header.fixed::before {
	opacity: 1;
}

header .logo,
.mmHeader .logo {
	display: block;
	flex: 0 0 auto;
	width: 146px;
	min-width: 146px;
	height: 58.76px;
}

header .logo img,
header .logo svg,
.mmHeader .logo img,
.mmHeader .logo svg {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: contain;
}

header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	max-width: 1530px;
	height: 100%;
	padding: 0;
	text-transform: none;
}

header ul,
footer ul,
header nav,
footer nav {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0;
	padding: 0;
}

header nav,
header ul {
	justify-content: flex-start;
	gap: clamp(24px, 3.802vw, 73px);
}

header nav {
	flex: 1 1 783px;
	width: min(783px, 100%);
	min-width: 0;
	max-width: 783px;
}

header ul li,
footer ul li {
	display: block;
}

footer li a,
footer nav a {
	display: block;
	font-family: Alumni;
	font-weight: 500;
	font-size: 28px;
	color: #FFFFFF;
	transition: 0.3s all;
}

header li a,
header nav a {
	display: block;
	flex: 0 0 auto;
	font-family: "Onest", Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 23px;
	text-transform: none;
	white-space: nowrap;
	color: #FFFFFF;
	transition: color 0.3s ease;
}

header li a:hover,
header nav a:hover {
	color: #FF0000;
}

.headerContacts {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: clamp(20px, 2.65625vw, 51px);
	width: clamp(285px, 24vw, 344.36px);
	height: 50px;
}

.headerContacts .buttonPlay,
.policyNotif .police_button,
.menuMobileWrap .buttonsWrap > a:first-child {
	display: flex;
	position: relative;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: auto;
	min-width: 0;
	height: 50px;
	box-sizing: border-box;
	padding: 0 20px;
border: 1.24401px solid transparent;
border-radius: 6px;
background:
	linear-gradient(
		180deg,
		#0D8DBC -15.8%,
		#00BBFF 100%
	) padding-box,
	linear-gradient(
		180deg,
		#FFFFFF 0%,
		#6EDCEF 55.77%,
		#012F64 84.13%,
		#0BD4E4 100%
	) border-box;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
	color: #FFFFFF;
	transition: background 0.3s ease;
}

.headerContacts .buttonPlay::after,
.menuMobileWrap .buttonsWrap > a:first-child::after {
	content: "";
	display: block;
	flex: 0 0 14px;
	width: 14px;
	height: 17px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuMzU0OSA2LjQ1ODE3QzEyLjUxNTUgNy4yNTI0NSAxMi41MTU1IDguOTY0ODYgMTEuMzU0OSA5Ljc1OTE1TDQuNjI5NTUgMTQuMzYxOEMzLjMwMjIgMTUuMjcwMiAxLjUgMTQuMzE5NyAxLjUgMTIuNzExM0wxLjUgMy41MDZDMS41IDEuODk3NTcgMy4zMDIyIDAuOTQ3MTEgNC42Mjk1NSAxLjg1NTUxTDExLjM1NDkgNi40NTgxN1oiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIvPjwvc3ZnPg==");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.headerContacts .buttonPlay:hover,
.policyNotif .police_button:hover,
.menuMobileWrap .buttonsWrap > a:first-child:hover {
	background:
		linear-gradient(
			180deg,
			#116D8F -15.8%,
			#000000 100%
		) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box;
	color: #FFFFFF;
}

.headerContacts a text,
.menuMobileWrap .buttonsWrap > a:first-child text {
	position: relative;
	z-index: 1;
	font-family: "Onest", Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
	color: #FFFFFF;
}

.shareWrap {
	display: flex;
	position: relative;
	flex: 0 0 50px;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	padding: 0;
	border: 0;
	border-radius: 4.97602px;
	background: transparent;
	cursor: pointer;
}

.shareWrap > svg {
	display: none;
}

.shareWrap::before {
	content: "";
	display: block;
	width: 24.88px;
	height: 17.42px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTguNTM5MSA0Ljg0NjY4TDIzLjgyMjMgOC42ODc1TDE4LjUzOTEgMTIuNTI4M0wxMy41NTE4IDE2LjE1MzNWMTEuNDQxNEg4LjMzNTk0QzUuMzc3MDUgMTEuNDQxNSAyLjY5Nzk5IDEyLjcwMzggMC43OTI5NjkgMTUuMDQyQzEuMTQxNDcgMTIuNDI1MyAxLjk5OTEgMTAuMzQ4NiAzLjE2OTkyIDguODQ5NjFDNC42Njk0NCA2LjkyOTkxIDYuNjk0NTggNS45MzI2MiA4LjkwOTE4IDUuOTMyNjJIMTMuNTUxOFYxLjIyMDdMMTguNTM5MSA0Ljg0NjY4WiIgZmlsbD0idXJsKCNhKSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjI0NDAxIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMTIuNDQwMSIgeTE9IjAiIHgyPSIxMi40NDAxIiB5Mj0iMTcuNDE2MSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIi8+PHN0b3Agb2Zmc2V0PSIwLjU1NzY5MiIgc3RvcC1jb2xvcj0iIzZFRENFRiIvPjxzdG9wIG9mZnNldD0iMC44NDEzNDYiIHN0b3AtY29sb3I9IiMwMTJGNjQiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwQkQ0RTQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: relative;
	z-index: 1;
}

.shareWrap::after {
	content: "";
	position: absolute;
	inset: 0;
	box-sizing: border-box;
	padding: 1.24401px;
	border-radius: inherit;
	background: linear-gradient(
		180deg,
		#FFFFFF 0%,
		#6EDCEF 55.77%,
		#012F64 84.13%,
		#0BD4E4 100%
	);
	pointer-events: none;

	-webkit-mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;

	mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	mask-composite: exclude;
}

.mmHeader {
	display: flex;
	position: sticky;
	top: 0;
	z-index: 2;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 69px;
	box-sizing: border-box;
	padding: 19px 19px 0 16px;
	background: #000000;
}

.mmHeader .logo {
	display: block;
	flex: 0 0 124.23px;
	width: 124.23px;
	min-width: 124.23px;
	height: 50px;
}

.mmHeader .logo img,
.mmHeader .logo svg {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: contain;
}

footer li a:hover,
footer nav a:hover {
	color: #FF0000;
}

.menuMobileWrap {
	position: fixed;
	inset: 0;
	z-index: 30;
	width: 100%;
	height: 100vh;
	height: 100svh;
	background: #000000;
	overflow-y: auto;
	overscroll-behavior: contain;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition:
		opacity 0.3s ease,
		visibility 0s linear 0.3s;
}

.menuMobileWrap.open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition-delay: 0s;
}

.menuMobileWrap.open .container {
	display: block;
	position: relative;
	width: 100%;
	max-width: none;
	height: calc(100vh - 69px);
	height: calc(100svh - 69px);
	min-height: 588px;
	margin: 0;
	padding: 0;
	background: #000000;
}

/* Меню начинается на общей координате 134px */
.menuMobileWrap nav {
	display: flex;
	position: absolute;
	top: 65px;
	left: 50%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 30px;
	width: min(179px, calc(100% - 32px));
	height: 235px;
	margin: 0;
	padding: 0;
	transform: translateX(-50%);
}

.menuMobileWrap nav a {
	display: block;
	width: auto;
	font-family: "Onest", Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 23px;
	text-align: center;
	text-transform: none;
	white-space: nowrap;
	color: #FFFFFF;
	transition: color 0.2s ease;
}

/* Красный — только состояние наведения */
.menuMobileWrap nav a:hover,
.menuMobileWrap nav a:focus-visible {
	color: #FF0000;
}

.menuMobileWrap .buttonsWrap {
	display: flex;
	position: absolute;
	right: auto;
	bottom: 51px;
	left: 50%;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	width: min(243.36px, calc(100% - 32px));
	height: 50px;
	margin: 0;
	padding: 0;
	transform: translateX(-50%);
}

.menuMobileWrap .buttonsWrap > a:first-child {
	flex: 0 0 50px;
	width: 100%;
	min-width: 0;
	height: 50px;
	min-height: 50px;
	margin: 0;
	padding: 0 20px;
}

.menuMobileWrap .buttonsWrap > a:nth-child(n + 2) {
	display: none;
}

.menuMobileWrap .buttonsWrap > a:first-child text {
	white-space: nowrap;
	color: #FFFFFF;
}

/* Кнопка закрытия */
.menuMobileWrap .mmClose {
	display: flex;
	position: relative;
	flex: 0 0 32.16px;
	align-items: center;
	justify-content: center;
	width: 32.16px;
	height: 32.16px;
	box-sizing: border-box;
	padding: 0;
	border: 1.24401px solid rgba(255, 255, 255, 0.78);
	border-radius: 9.02736px;
	background: linear-gradient(
		180deg,
		rgba(0, 187, 255, 0.71) -15.8%,
		rgba(0, 0, 0, 0) 100%
	);
	box-shadow:
		inset 0 0 0 1px rgba(11, 212, 228, 0.18),
		0 0 8px rgba(0, 187, 255, 0.15);
	cursor: pointer;
	font-size: 0;
	line-height: 0;
}

.menuMobileWrap .mmClose::before,
.menuMobileWrap .mmClose::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 17.2px;
	height: 1.69263px;
	border-radius: 2px;
	background: #FFFFFF;
	transform-origin: center;
}

.menuMobileWrap .mmClose::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.menuMobileWrap .mmClose::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.menuMobileWrap .mmClose::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.menuMobileWrap .mmClose::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.bannerMain {
	position: relative;
	z-index: 1;
	width: 100%;
	height: clamp(641px, 49.746vw, 955.13px);
	min-height: 0;
	box-sizing: border-box;
	margin: 0 0 -1px;
	padding: 0;
	overflow: hidden;
	background-color: #000000;
	background-image: var(--pc);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

.bannerMain .container {
	display: flex;
	position: relative;
	z-index: 3;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	height: 100%;
	box-sizing: border-box;
	padding-top: clamp(120px, 10.758vw, 206.56px);
}

/* Логотип */
.bannerMain .banner_logo {
	display: block;
	width: clamp(320px, 28.573vw, 548.6px);
	max-width: 100%;
	height: clamp(130.7px, 11.667vw, 224.01px);
	max-height: none;
	margin: 0;
	object-fit: contain;
	object-position: left center;
}

/* Заголовок */
.bannerMain .h1 {
	display: block;
	width: 100%;
	max-width: 664px;
	margin: clamp(22px, 1.635vw, 31.4px) 0 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: clamp(30px, 2.604vw, 50px);
	line-height: 1.2;
	letter-spacing: 0;
	text-align: left;
	text-transform: none;
	color: #FFFFFF;
}

/* Описание */
.bannerMain p {
	width: 100%;
	max-width: 604px;
	margin: clamp(32px, 2.37vw, 45.5px) 0 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: clamp(16px, 1.042vw, 20px);
	line-height: 1.15;
	text-align: left;
	color: #FFFFFF;
}

/* Кнопки */
.bannerMain .buttonsWrap {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 32px;
	width: auto;
	margin: clamp(50px, 3.934vw, 75.53px) 0 0;
}

.tax-season .bannerMain .buttonsWrap a:nth-child(2),
.single-episode .bannerMain .buttonsWrap a:nth-child(2),
.single .bannerMain .buttonsWrap a:nth-child(2) {
	display: none;
}

.bannerMain .button {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 320px;
max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	font-family: "Onest", Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: clamp(20px, 1.354vw, 26px);
	line-height: 1;
	text-align: center;
	text-transform: none;
	white-space: nowrap;
}

.bannerMain .button text {
	font-family: "Onest", Arial, sans-serif;
	font-weight: 700;
	font-size: inherit;
	line-height: 1;
	text-transform: none;
}

/* Смотреть 1 серию */
.bannerMain .button.buttonRed {
	height: 78px;
	min-height: 78px;
	padding: 14.898px 29.7959px;
	gap: 14.9px;
	outline: 2px solid rgba(166, 233, 245, 0.34);
	border-radius: 16px;
	background: linear-gradient(
		180deg,
		#FFFFFF 0%,
		#6EDCEF 55.77%,
		#012F64 84.13%,
		#0BD4E4 100%
	);
	box-shadow: 0 15px 16.5px -16px rgba(0, 255, 242, 0.26);
	color: #000000;
}

.bannerMain .button.buttonRed text {
	font-family: "Onest", Arial, sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 60px;
	color: #000000;
}

.bannerMain .button.buttonRed::after {
	display: none;
}


.bannerMain .button.buttonRed:hover {
	border-color: rgba(166, 233, 245, 0.34);
	background: linear-gradient(
		180deg,
		#FFFFFF -501.6%,
		#6EDCEF -166.09%,
		#012F64 4.55%,
		#0BD4E4 100%
	);
	box-shadow: none;
	color: #FFFFFF;
}

.bannerMain .button.buttonRed:hover text {
	color: #FFFFFF;
}


/* Трейлер 1 сезона */
.bannerMain .button.buttonPlay {
	height: 70px;
	min-height: 70px;
	padding: 5px 49px;
	border: 1.24401px solid transparent;
	border-radius: 16px;
	background:
		linear-gradient(
			180deg,
			#116D8F -15.8%,
			#000000 100%
		) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box;
	box-shadow: none;
	color: #FFFFFF;
}

.bannerMain .button.buttonPlay text {
	font-family: "Onest", Arial, sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 60px;
	color: #FFFFFF;
}

.bannerMain .button.buttonPlay:hover {
	border: 1.24401px solid transparent;
	background:
		linear-gradient(
			180deg,
			#0D8DBC -15.8%,
			#00BBFF 100%
		) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box;
	color: #FFFFFF;
}

.bannerMain .button.buttonPlay:hover text {
	color: #FFFFFF;
}

.single-episode .series-info+.seasonsBlock {
	padding-top: 80px;
}

.single-episode .series-info p {
	font-size: clamp(0.875rem, 0.78rem + 0.4vw, 1.25rem);
}

.single-post .news-bg-left {
	display: none;
}

.single-post .newsWrap:before {
	display: none;
}

.single-post .news-bg-right {
	bottom: -53%;
}

.storyWrap {
	position: relative;
	padding: 140px 0 280px;
}

.storyContent {
	position: relative;
	z-index: 3;
}

.showData {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin: 70px 0 50px;
}

.storyImages {
	display: none;
}

.new-inner__info {
	margin: 10px 0 35px;
}

.new-inner__image img {
	display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
	border-radius: 8px;
	object-fit: cover;
	object-position: center;
}

.new-inner p,
.new-inner li,
.new-inner {
	font-weight: 300;
	font-size: 18px;
	line-height: 140%;
	color: #000;
}

.new-inner p {
	margin: 0 0 1rem 0;
}

.post_content {
	margin-top: 1.875rem;
}

.new-inner a {
	color: #D51300;
}

.storyWB.theme1 {
	position: relative;
	padding: 0;
	background: #000000;
}

.storyWB.theme1 .series-info-bg-left,
.storyWB.theme1 .series-info-bg-right {
	display: none;
}

.storySlider {
	margin-right: -12px;
	margin-left: -12px;
}

.storySlider a {
	margin: 0 12px;
	opacity: 0;
	transition: .3s all;
}

.storySlider a.slick-active {
	opacity: 1;
}

.storySlider img {
	border-radius: 8px;
	box-shadow: 0px 24px 31.6px -16px rgba(0, 0, 0, 0.78);
	overflow: hidden;
	-moz-box-shadow: 0px 24px 31.6px -16px rgba(0, 0, 0, 0.78);
	-webkit-box-shadow: 0px 24px 31.6px -16px rgba(0, 0, 0, 0.78);
}

.storySlider .slick-list {
	margin: -25px;
	padding: 25px 25px 45px;
}

#seasons .blockTitle {
	justify-content: left;
	color: #FFFFFF;
}

.seasonsBlock.theme1
.seasonsWrap:has(+ .trailerBlock--home) {
	width: 100%;
	margin: 0 0 68.71px;
	padding: 0;
}

.seasonsBlock.theme1
.seasonsWrap:has(+ .trailerBlock--home)
.blockTitle {
	display: block;
	width: calc(100% - 30px);
	max-width: 1240px;
	min-height: 61px;
	margin: 0 auto;
	padding: 0;
	font-family: "Onest", Arial, sans-serif !important;
	font-weight: 700;
	font-size: 48px;
	line-height: 61px;
	letter-spacing: normal;
	text-align: center;
	text-transform: none;
	color: #FFFFFF;
}

.seasonsBlock.theme1
.seasonsWrap:has(+ .trailerBlock--home)
.blockTitle::before,
.seasonsBlock.theme1
.seasonsWrap:has(+ .trailerBlock--home)
.blockTitle::after {
	display: none;
	content: none;
}

.series-info-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.storyWB.theme1 .series-info,
.storyWB.theme1 .series-info * {
	font-family: "Onest", Arial, sans-serif !important;
}

.storyWB.theme1 .series-info-top {
	display: flex;
	align-items: center;
	gap: 76px;
	min-height: 122px;
	margin: 0 0 20px;
}

.storyWB.theme1 .series-info-top .blockTitle {
	margin: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 700;
	font-size: 54px;
	line-height: 69px;
	text-transform: none;
	color: #FFFFFF;
}

.storyWB.theme1 .age-label {
	font-family: "Onest", Arial, sans-serif;
	font-weight: 800;
	font-size: 96px;
	line-height: 122px;
	white-space: nowrap;
	color: #017B9D;
	opacity: 0.63;
}

.storyWB.theme1 .series-row {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 0 0 34px;
}

.storyWB.theme1 .series-specs,
.storyWB.theme1 .descriotion-block {
	width: 100%;
}

.storyWB.theme1 .specs-list {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 30px;
	width: 100%;
	max-width: 1509px;
	margin: 0 auto;
	text-align: center;
}

.storyWB.theme1 .specs-list span {
	font-family: "Onest", Arial, sans-serif !important;
	font-weight: 400;
	font-size: clamp(16px, 0.99vw, 19px);
	line-height: 24px;
}

.storyWB.theme1 .specs-list .spec-label {
	color: #FFFFFF;
}

.storyWB.theme1 .specs-list .spec-value {
	color: #FF0000;
}

.storyWB.theme1 .specs-list > * {
	display: flex;
	position: relative;
	align-items: center;
	gap: 4px;
	margin: 0;
	padding: 0;
	border: 0;
	white-space: nowrap;
}

.storyWB.theme1 .specs-list > *:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -15px;
	width: 1px;
	height: 23px;
	background: #fff;
	transform: translateY(-50%);
}

.storyWB.theme1 .paragraph-full {
	width: 100%;
	font-family: "Onest", Arial, sans-serif !important;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: #FFFFFF;
}

.storyWB.theme1 .paragraph-full p {
	margin: 0;
	font-family: "Onest", Arial, sans-serif !important;
	font-weight: 400;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: normal;
	color: inherit;
}

.storyWB.theme1 .paragraph-full p {
	margin: 0;
	font: inherit;
	color: inherit;
}

.storyWB.theme1 .paragraph-full p + p {
	margin-top: 30px;
}

.series-info-grid>* {
	flex: 1;
}

.series-info-grid>*:nth-child(odd) {
	flex: 0 0 calc((8/19)*100% - 15px);
}

.series-info-grid>*:nth-child(even) {
	flex: 0 0 calc((11/19)*100% - 10%);
}

.storySecond .blockTitle:before,
.storySecond .blockTitle:after {
	content: "";
	width: 365px;
}

.pageWrap {
	margin: 0;
}

.storyContent p,
.storyContent p li,
.storyContent p *,
.storyContent li * {
	font-weight: 300;
}

.storyWB.theme1 > .container {
	position: relative;
	z-index: 2;
	width: calc(100% - clamp(48px, 4vw, 64px));
	max-width: 1532.5px;
	margin: 0 auto;
	padding: 0;
	background: none;
}

.series-info-left {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.series-info-right {
	display: flex;
	flex-direction: column;
	margin-top: 60px;
}

.storyContent p {
	font-size: 22px;
	line-height: 155%;
}

.single-episode .series-info + .seasonsBlock {
	margin-top: 0;
}

.single-episode #seasons .blockTitle {
	margin: 0 auto;
	font-weight: 700;
}

.single-episode #seasons .seasonsWrap {
	margin: 0 0 40px 0;
}

.single-episode .seasons-bg-left,
.single-episode .seasons-bg-right {
	display: none;
}

.seasonsWrap {
	position: relative;
}

.seasonItem {
	display: flex;
	position: relative;
	z-index: 3;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 351px;
	margin-bottom: 25px;
	border: 1.6px solid #3E3E2C;
	overflow: hidden;
	aspect-ratio: 7 / 10;
	transition: all 0.3s;
}

.seasonItem:hover {
	transform: scale(1.07);
	border-color: #A20000;
}

.seasonItem:hover .button.buttonRed {
	opacity: 1;
}

.seasonItem h3 {
	position: absolute;
	bottom: 24px;
	left: 50%;
	z-index: 2;
	margin: 0;
	transform: translateX(-50%);
	font-family: "Alumni", sans-serif;
	font-weight: 500;
	font-size: clamp(24px, 2.3vw, 32px);
	text-transform: uppercase;
	white-space: nowrap;
	color: #FFFFFF;
}

.seasonItem .button.buttonRed {
	position: absolute;
	top: 51%;
	left: 50%;
	padding: 0.4em 0.9em;
	opacity: 0;
	transform: translate(-50%, -50%);
	font-size: 32px;
}

.seasonItem .button.buttonRed:hover {
	background-color: #A20000;
}

.seasonsList {
	display: grid;
	justify-content: space-between;
	gap: 20px;
	grid-template-columns: repeat(4, minmax(0, 351px));
	margin-top: 80px;
}

.seasonPreview {
	display: block;
	position: relative;
	overflow: hidden;
}

.seasonPreview img {
	width: auto;
	height: 100%;
	aspect-ratio: 7 / 10;
	object-fit: cover;
	object-position: center;
}

.seasonPreview span {
	position: absolute;
	top: 8px;
	right: 14px;
	padding: 8px 15px;
	border-radius: 4px;
	background: rgb(255 0 0 / 60%);
}

.seasonPreview span.last {
	background: rgb(0 0 0 / 27%);
}

.single .seasonsBlock {
	z-index: 2;
}

.seasonsBlock {
	position: relative;
	z-index: 1;
}

.seasonsBlock:not(.theme1) {
	padding: 9.8rem 0 3.25rem;
	background-color: #870000;
}

.seasonsBlock.theme1 {
	width: 100%;
	margin: 0;
	padding: 0 0 80px;

	overflow: hidden;
	background-size: cover;
	background:
		url("./images/far1/farma-seasons.png")
		center top / 100% auto
		no-repeat,
		#000000;
}

.seasonsBlock .container {
	position: relative;
	z-index: 2;
	max-width: 1533px;
}

.seasonsBlock.theme1 .container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.seasons-bg-left {
	position: absolute;
	top: -125px;
	left: 0;
	z-index: 1;
	width: 100%;
	height: clamp(5rem, 40vw, 37.25rem);
	/* background-image: url(./images/ch1/bg-blood1.png); */
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	pointer-events: none;
}

.seasons-bg-right {
	position: absolute;
	top: 50px;
	left: -0px;
	z-index: 1;
	width: 340px;
	height: 877px;
	/* background-image: url(./images/ch1/bg-blood2.png); */
	background-repeat: no-repeat;
	background-position: right;
	pointer-events: none;
}

.seasonsBlock:not(.theme1)::after {
	content: "";
	position: absolute;
	top: -35%;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 2415px;
	/* background-image: url("./images/ch1/bg-blood3.png"); */
	background-repeat: no-repeat;
	background-position: right;
	pointer-events: none;
}

.seasonTabs {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
	padding: 0;
}

.seasonTabBtn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	box-sizing: border-box;
	border: 0.77px solid rgba(255, 255, 255, 0.5);
	background: transparent;
	transition: all 0.3s ease;
	cursor: pointer;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-size: 18.4px;
	line-height: 22px;
	text-align: center;
	color: rgba(255, 255, 255, 0.44);
}

.seasonTabBtn span {
	display: none;
}

.seasonTabBtn.active {
	width: 50px;
	height: 50px;
	border: none;
	background: #000000;
	font-size: 20px;
	line-height: 23px;
	color: #FFFFFF;
}

.season-tab-content {
	display: none;
	width: 100%;
}

.season-tab-content.active {
	display: block;
}

.single-episode .seasonsBlock {
	position: relative;
	z-index: auto;
	overflow: visible;
}

.single-episode .seasonsBlock .seasons-bg-left,
.single-episode .seasonsBlock .seasons-bg-right {
	display: none;
	background-image: none;
}

.single-episode .seasonsBlock .container,
.single-episode .seasonsBlock .seasonsWrap,
.single-episode .seasonsBlock .seasonsList,
.single-episode .seasonsBlock .seasonItem {
	position: relative;
	z-index: 6;
}

.single-episode .seasonsBlock,
.single-episode .episodesBlock {
	overflow: visible;
}

.single-episode .episodesBlock {
	position: relative;
	z-index: 2;
	margin-top: 0;
	padding-top: clamp(4rem, 16vw, 10rem);
	padding-bottom: clamp(4rem, 6vw, 7rem);
	overflow: hidden;
	background-color: #870000;
}

.single-episode .episodes-bg-left,
.single-episode .episodes-bg-right {
	display: block;
}

.episodesWrap {
	position: relative;
}

.episodesWrap>* {
	position: relative;
	z-index: 3;
}

.episodesBlock.theme1 .episodesList {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: start;
	justify-content: center;
	justify-items: center;
	gap:
		clamp(40px, 2.94vw, 56.47px)
		clamp(24px, 2.12vw, 40.67px);
	width: 100%;
	margin: clamp(56px, 5.2vw, 99.89px) auto 0;
	padding: 0;
}
.episodesWrap .blockTitle {
	justify-content: center;
	margin: 0;
	font-weight: 400;
	text-align: center;
	color: #fff;
}

.episodesWrap .blockTitle:before,
.episodesWrap .blockTitle:after {
	display: none;
}

.episodesBlock.theme1 .episodeItem {
	display: block;
	position: relative;
	width: 100%;
	max-width: 352px;
	height: auto;
	aspect-ratio: 352 / 198;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 1.25px solid transparent;
	border-radius: 6px;
	overflow: hidden;
	background:
		linear-gradient(#000000, #000000) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box;
	color: #FFFFFF;
	isolation: isolate;
}

.episodeItem:nth-child(3n) {
	margin-right: 0;
}

.episodesBlock.theme1 .episodeItem > a {
	position: absolute;
	inset: 0;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.episodeItem .abuttonPlay {
	display: block;
	position: relative;
	width: 100%;
	aspect-ratio: 352 / 198;
	overflow: hidden;
	background: none;
}

.episodesBlock.theme1 .episodeItem .buttonPlay,
.episodesBlock.theme1 .episodeItem .buttonClose {
	display: flex;
	position: absolute;
	inset: 0;
	z-index: 6;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	transform: none;
}

.episodesBlock.theme1 .episodeItem .buttonPlay {
	cursor: pointer;
}

.episodesBlock.theme1 .episodeItem .buttonClose {
	cursor: default;
	pointer-events: none;
}

.episodesBlock.theme1 .episodeItem .openLink {
	display: block;
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.episodesBlock.theme1 .episodeItem .openLink::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0) 70%,
		rgba(0, 0, 0, 0.9) 100%
	);
	pointer-events: none;
}

.episodesBlock.theme1 .episodeItem.not-released .openLink::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 3;
	background: rgba(0, 0, 0, 0.3);
	backdrop-filter: blur(4.7px);
	-webkit-backdrop-filter: blur(4.7px);
	pointer-events: none;
}

.episodeItem:has(.buttonClose) .abuttonPlay::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: rgba(217, 217, 217, 0.04);
	backdrop-filter: blur(4.85px);
	-webkit-backdrop-filter: blur(4.85px);
	pointer-events: none;
}

.episodesBlock.theme1 .episodeItem .buttonPlay .episodeAction {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 170px;
	height: 50px;
	box-sizing: border-box;
	padding: 0 20px;
	border: 1.25px solid transparent;
	border-radius: 6px;
	background:
		linear-gradient(
			180deg,
			#116D8F -15.8%,
			#000000 100%
		) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box;
	transition:
		background 0.25s ease,
		transform 0.25s ease;
}

.episodesBlock.theme1 .episodeItem .buttonPlay:hover .episodeAction {
	background:
		linear-gradient(
			180deg,
			#0D8DBC -15.8%,
			#00BBFF 100%
		) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box;
}

.episodesBlock.theme1 .episodeItem .buttonPlay .episodeActionText {
	font-family: "Onest", Arial, sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
	white-space: nowrap;
	color: #FFFFFF;
}

.episodesBlock.theme1 .episodeItem .buttonPlay svg {
	display: block;
	flex: 0 0 auto;
	width: 14px;
	height: 17px;
}

.episodesBlock.theme1 .episodeItem .buttonPlay svg path {
	stroke: #FFFFFF;
}

.episodesBlock.theme1 .episodeItem .episodeTitle {
	position: absolute;
	right: auto;
	bottom: 13px;
	left: 14px;
	z-index: 8;
	width: auto;
	margin: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
	text-align: left;
	white-space: nowrap;
	color: #FFFFFF;
	pointer-events: none;
}

.episodeDuration {
	position: absolute;
	right: 13px;
	bottom: 14px;
	z-index: 3;
	padding: 4px 10px;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.6);
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	text-align: right;
	text-transform: lowercase;
	color: #FFFFFF;
}

.episodesBlock.theme1 .episodeItem .buttonClose .episodeAction {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 170px;
	height: 50px;
	box-sizing: border-box;
	padding: 0 20px;
	border: 0;
	border-radius: 6px;
	background: #000000;
}

.episodesBlock.theme1 .episodeItem .buttonClose .episodeActionText {
	font-family: "Onest", Arial, sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
	white-space: nowrap;
	color: #CACACA;
}

.episodesBlock.theme1 .episodeItem .buttonClose svg {
	display: block;
	flex: 0 0 auto;
	width: 15px;
	height: 17px;
}

.episodesBlock.theme1 .episodeItem img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	border: 0;
	border-radius: 4.75px;
	object-fit: cover;
	object-position: center;
}

.episodeItem .button {
	justify-content: center;
	margin: 10px 0 0;
	font-size: 16px;
}

.episodesWrap.episodesSingle {
	margin-bottom: -225px;
	padding-bottom: 195px;
}

.episodesBlock {
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.episodesBlock.theme1 {
	gap: 0;
	padding-top: 0;
	padding-bottom: clamp(80px, 5vw, 154px);
	background-color: #000000;
	background-image: url("images/far1/episodes.png");
	background-repeat: no-repeat;
	background-repeat:repeat-x;
	background-position: center top;
	background-size: auto 100%;
}
.episodesBlock.theme1 > .container {
	position: relative;
	z-index: 2;
	width: calc(100% - 32px);
	max-width: 1530.33px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
}

.episodesBlock .container::after {
	content: "";
}

.episodesBlock.theme1::before,
.episodesBlock.theme1::after,
.episodesBlock.theme1 .episodes-bg-left,
.episodesBlock.theme1 .episodes-bg-right {
	display: none;
	content: none;
}

.episodes-bg-left {
	position: absolute;
	top: -1px;
	left: 0;
	z-index: 1;
	width: 100%;
	height: clamp(7rem, 30vw, 32rem);
	background-image: url(images/ch1/bg-blood4.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	pointer-events: none;
}

.episodes-bg-right {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: clamp(16rem, 23vw, 34rem);
	background-image: url(images/ch1/bg-green.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% 100%;
	pointer-events: none;
}

.single .episodesBlock:before {
	display: none;
}

.tax-season .episodesBlock:before {
	display: none;
}

.tax-season .episodesBlock {
	margin-top: 0;
}

.episodesBlock+.actorsWrap {
	padding-bottom: 120px;
}

.episodesBlock.twb {
	margin-top: -150px;
}

.episodesBlock.twb .trailerWrap .blockTitle {
	color: #FEAA01;
}

.episodesBlock.theme1 .episodeItem.not-released img {
	filter: none;
}

.episodesBlock.theme1 .episodesHeader {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0;
	padding: 0;
}

.episodesBlock.theme1 .episodesHeader .blockTitle {
	width: 100%;
	margin: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 61px;
	text-align: center;
	text-transform: none;
	color: #FFFFFF;
}

.episodeItem .openLink img {
	display: block;
	width: 100%;
	height: 100%;
	max-height: none;
	object-fit: cover;
	object-position: center;
}

.single-episode .episodesBlock .container,
.single-episode .episodesWrap {
	position: relative;
	z-index: 3;
}

.single-episode .episodes-bg-left {
	display: block;
	position: absolute;
	left: 0;
	z-index: 1;
	width: 100%;
	height: clamp(5rem, 35vw, 37.25rem);
	background-image: url(./images/ch1/bg-blood1.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	pointer-events: none;
}

.single-episode .episodes-bg-right {
	display: block;
	position: absolute;
	top: 50px;
	right: auto;
	left: -40px;
	z-index: 1;
	width: 340px;
	max-width: none;
	height: 877px;
	overflow: visible;
	background-image: url(./images/ch1/bg-blood2.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	transform: none;
	pointer-events: none;
}

.single-episode .episodesBlock::before,
.single-episode .episodesBlock::after,
.single-episode .episodes-bg-left,
.single-episode .episodes-bg-right {
	z-index: 0;
}

.episodesBlock .container {
	position: relative;
	z-index: 2;
}

.episodesBlock.theme1 > .container {
	width: calc(100% - 32px);
	max-width: 1530.33px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
}

.trailerBlock {
	margin-top: 4.5rem;
}

.trailerPreview.buttonPlay {
	display: block;
	position: relative;
	cursor: pointer;
}

.trailerPreview.buttonPlay span {
	display: flex;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	align-items: center;
	justify-content: center;
	width: clamp(3.75rem, 4.58vw, 5.5rem);
	height: clamp(3.75rem, 4.58vw, 5.5rem);
	border: 1px solid rgba(255, 255, 255, 0.42);
	border-radius: 0;
	background: rgba(0, 0, 0, 0.4);
	transform: translate(-50%, -50%);
	transition: 0.3s;
}

.trailerPreview.buttonPlay span::before {
	content: "";
	display: block;
	width: clamp(1.25rem, 1.61vw, 1.9375rem);
	height: clamp(1.25rem, 1.61vw, 1.9375rem);
	margin-left: 0.25rem;
	background: #FFFFFF;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.trailerPreview.buttonPlay span::after {
	content: "смотреть";
	position: absolute;
	top: calc(100% + clamp(0.75rem, 1vw, 1rem));
	left: 50%;
	transform: translateX(-50%);
	font-family: Alumni, sans-serif;
	font-weight: 500;
	font-size: clamp(1.75rem, 2.6vw, 3.125rem);
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	color: #FFFFFF;
}

.trailerPreview.buttonPlay:hover span {
	background: #000000;
	border-color: #000000;
}

.trailerPreview.buttonPlay:hover span::before {
	background: #FFFFFF;
}

.trailerWrap {
	position: relative;
	width: 100%;
}

.trailerWrap .blockTitle {
	justify-content: flex-start;
	margin: 0 0 clamp(2rem, 3.5vw, 4.5rem);
	padding-top: 0;
	font-family: Alumni, sans-serif;
	font-weight: 700;
	font-size: clamp(2.25rem, 2.8125vw, 3.375rem);
	line-height: 1.2;
	text-align: left;
	text-transform: uppercase;
	color: #FFFFFF;
}

.trailerWrap .blockTitle:before,
.trailerWrap .blockTitle:after {
	display: none;
}

.trailerWrap a {
	display: block;
	position: relative;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	border-radius: 0;
	overflow: hidden;
	background: transparent;
}

.trailerWrap a img {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	max-height: none;
	aspect-ratio: 1533 / 638;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	object-fit: cover;
	object-position: center;
}

.trailerWrap .play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 120px;
	height: 120px;
	background: url(images/playX.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: translate(-50%, -50%);
}

.trailerWrap .trailerData {
	display: flex;
	position: absolute;
	bottom: clamp(0.75rem, 1.2vw, 1.5rem);
	left: 50%;
	z-index: 3;
	align-items: center;
	justify-content: center;
	width: auto;
	transform: translateX(-50%);
	font-family: Roboto Condensed, sans-serif;
	font-weight: 400;
	font-size: clamp(0.75rem, 0.94vw, 1.125rem);
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
}

.trailerWrap.trailerSlider .trailerData {
	top: 30px;
	bottom: auto;
}

.trailerPreview {
	display: block;
	position: relative;
	max-width: 71.25rem;
	margin: auto;
}

/* Трейлер на главной — тема 1 */

.seasonsBlock.theme1 .trailerBlock--home {
	position: relative;
	z-index: 2;
	width: calc(100% - 30px);
	max-width: 1257.71px;
	margin: 0 auto;
	padding: 0;
}

.seasonsBlock.theme1 .trailerBlock--home .trailerWrap {
	width: 100%;
	margin: 0;
	padding: 0;
}

.seasonsBlock.theme1
.trailerBlock--home
.trailerPreview {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	overflow: visible;
	background: none;
}

.seasonsBlock.theme1 .trailerMedia {
	display: block;
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 6px;
}

.seasonsBlock.theme1 .trailerMedia img {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	max-height: none;
	margin: 0;
	border-radius: inherit;
	object-fit: cover;
	object-position: center;
}

.seasonsBlock.theme1
.trailerBlock--home
.trailerPreview.buttonPlay
.trailerPlay {
	display: flex;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	align-items: center;
	justify-content: center;
	width: 92px;
	height: 91px;
	box-sizing: border-box;
	margin: 0;
	padding: 0;

	/* Переливчатая рамка как у кнопки в хедере */
	border: 2.24401px solid transparent;
	border-radius: 51px;

	/* Первый градиент — фон, второй — рамка */
	background:
		linear-gradient(
			180deg,
			#116D8F -15.8%,
			#000000 100%
		) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box;

	transform: translate(-50%, -50%);
	transition: background 0.3s ease;
}

.seasonsBlock.theme1
.trailerBlock--home
.trailerPlay::before,
.seasonsBlock.theme1
.trailerBlock--home
.trailerPlay::after {
	display: none !important;
	content: none !important;
}

.seasonsBlock.theme1 .trailerPlay svg {
	display: block;
	width: 41.04px;
	height: 34.62px;
	margin: 0;
}

.seasonsBlock.theme1
.trailerBlock--home
.trailerPreview
.trailerCta {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	box-sizing: border-box;
	margin: 75.3px auto 0;
	padding: 5px 20px;

	/* Второй стиль кнопок hero */
	border: 1.24401px solid transparent;
	border-radius: 16px;
	background:
		linear-gradient(
			180deg,
			#116D8F -15.8%,
			#000000 100%
		) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box;

	box-shadow: none;
	transition: background 0.3s ease;

	font-family: "Onest", Arial, sans-serif !important;
	font-weight: 700;
	font-size: 26px;
	line-height: 60px;
	letter-spacing: normal;
	text-align: center;
	text-transform: none;
	white-space: nowrap;
	color: #FFFFFF;
}

/* Hover круглой кнопки Play */

.seasonsBlock.theme1
.trailerBlock--home
.trailerPreview:hover
.trailerPlay {
	border: 2.24401px solid transparent;
	background:
		linear-gradient(
			180deg,
			#0D8DBC -15.8%,
			#00BBFF 100%
		) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box;
}

/* Hover нижней кнопки «Трейлер 1 сезона» */

.seasonsBlock.theme1
.trailerBlock--home
.trailerPreview:hover
.trailerCta {
	border: 1.24401px solid transparent;
	background:
		linear-gradient(
			180deg,
			#0D8DBC -15.8%,
			#00BBFF 100%
		) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box;
	box-shadow: none;
	color: #FFFFFF;
}

/* =========================================================
   Общие стили актёров для остальных тем
   ========================================================= */

.actorsWrap {
	position: relative;
	margin-top: -1px;
	padding: 1.85rem 0 4rem;
	overflow: visible;
	background-color: #870000;
}

.actorsWrap .container {
	position: relative;
	z-index: 2;
	max-width: 1530px;
}

.actorsList {
	display: flex;
	position: relative;
	z-index: 2;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px;
	margin: 3.5rem 0 3.15rem;
}

.actorItem {
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: center;
	gap: 1.375rem;
	width: 100%;
	max-width: 222px;
}

.actorItem img {
	width: 220px;
	height: 280px;
	object-fit: cover;
}

.actorItem .actor-photo {
	position: relative;
}

.actorItem h3 {
	margin: 0;
	font-size: 1.35rem;
	line-height: 140%;
	text-align: center;
	color: #FFFFFF;
}

.actorItem span {
	display: block;
	opacity: 0.7;
	font-size: 1.2rem;
	text-align: center;
	color: #FFFFFF;
}

.actorItem > div {
	display: grid;
	gap: 5px;
}

.actorsWrap.actorsSecondary {
	margin-top: -135px;
	padding-bottom: 175px;
}

.actorsWrap .blockTitle {
	justify-content: center;
	font-weight: 500;
	color: #FFFFFF;
}

.cast-info-bg-left {
	position: absolute;
	top: 12%;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 2200px;
	background-image: url("images/led1/cast-info-bg-left.svg");
	background-repeat: no-repeat;
	background-position: left;
	pointer-events: none;
}

.actorsWrap .container + .container {
	padding-top: 40px;
}

body.cast-page,
body.cast-page .page.cast {
	background: #000000;
}

/* =========================================================
   Главная — актёры, тема 1
   ========================================================= */

:is(.home, .cast-page) .actorsWrap.theme1 {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 120px 0px;
	overflow: visible;

	background-color: #000000;
	background-image: url("./images/far1/cast.png");
	background-repeat: no-repeat;
	background-position: center top;

	/* На всю ширину с сохранением пропорций, но не cover */
	background-size: 100% auto;
}

/* Убираем старые декоративные картинки */

:is(.home, .cast-page) .actorsWrap.theme1 .cast-info-bg-left,
:is(.home, .cast-page) .actorsWrap.theme1 .cast-info-bg-right,
:is(.home, .cast-page) .actorsWrap.theme1 .cast-info-bg-bottom-left,
:is(.home, .cast-page) .actorsWrap.theme1 .cast-info-bg-bottom-right {
	display: none;
}

:is(.home, .cast-page) .actorsWrap.theme1::before,
:is(.home, .cast-page) .actorsWrap.theme1::after {
	display: none;
	content: none;
}

/* Контейнер 1529px */
:is(.home, .cast-page) .actorsWrap.theme1 > .container {
	position: relative;
	z-index: 2;
	width: calc(100% - 32px);
	max-width: 1529px;
	margin: 0 auto;
	padding: 0;
}

/* Заголовок */

:is(.home, .cast-page) .actorsWrap.theme1 .cast-info-top {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

:is(.home, .cast-page) .actorsWrap.theme1 .blockTitle {
	display: block;
	width: 100%;
	max-width: 483px;
	min-height: 61px;
	margin: 0 auto;
	padding: 0;
	font-family: "Onest", Arial, sans-serif !important;
	font-weight: 700;
	font-size: 48px;
	line-height: 61px;
	letter-spacing: normal;
	text-align: center;
	text-transform: none;
	color: #FFFFFF;
}

:is(.home, .cast-page) .actorsWrap.theme1 .blockTitle::before,
:is(.home, .cast-page) .actorsWrap.theme1 .blockTitle::after {
	display: none;
	content: none;
}

/* Список из шести актёров */

:is(.home, .cast-page) .actorsWrap.theme1 .actorsList {
	display: grid;
	position: relative;
	z-index: 2;
	align-items: start;
	justify-content: stretch;
	width: 100%;
	margin: 67.82px 0 75.29px;
	padding: 0;
	gap: 39px;
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

/* Карточка */

:is(.home, .cast-page) .actorsWrap.theme1 .actorItem {
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: center;
	gap: 26px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

/* Фотография */

:is(.home, .cast-page) .actorsWrap.theme1 .actorItem .actor-photo {
	display: block;
	position: relative;
	width: 100%;
	height: 279.95px;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	overflow: hidden;

	/* Переливчатая обводка как у кнопок */
	border: 1.24401px solid transparent;
	background:
		linear-gradient(
			#060607,
			#060607
		) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box;
}

:is(.home, .cast-page) .actorsWrap.theme1 .actorItem .actor-photo img {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	max-height: none;
	box-sizing: border-box;
	margin: 0;
	border: 0;
	object-fit: cover;
	object-position: center;
}

/* Имя и описание */

:is(.home, .cast-page) .actorsWrap.theme1
.actorItem
> div:not(.actor-photo) {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 19px;
	width: 100%;
	margin: 0;
	padding: 0;
}

:is(.home, .cast-page) .actorsWrap.theme1 .actorItem h3 {
	width: 100%;
	margin: 0;
	font-family: "Onest", Arial, sans-serif !important;
	font-weight: 600;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: normal;
	text-align: center;
	text-transform: none;
	color: #FFFFFF;
}

:is(.home, .cast-page) .actorsWrap.theme1 .actorItem span {
	display: block;
	width: 100%;
	margin: 0;
	opacity: 1;
	font-family: "Onest", Arial, sans-serif !important;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: normal;
	text-align: center;
	/* color: #0BD4E4; */
	color: #fff;
}

/* Нижняя кнопка */

:is(.home, .cast-page) .actorsWrap.theme1 .viewAll {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0;
	padding: 0;
}

:is(.home, .cast-page) .actorsWrap.theme1 .viewAll .button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 320px;
	max-width: none;
	height: 70px;
	min-height: 70px;
	box-sizing: border-box;
	margin: 0;
	padding: 5px 20px;

	/* Второй стиль кнопок hero */
	border: 1.24401px solid transparent;
	border-radius: 16px;
	background:
		linear-gradient(
			180deg,
			#116D8F -15.8%,
			#000000 100%
		) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box;

	box-shadow: none;
	transition: background 0.3s ease;
	text-transform: none;
	color: #FFFFFF;
}

:is(.home, .cast-page) .actorsWrap.theme1 .viewAll .button text {
	display: block;
	font-family: "Onest", Arial, sans-serif !important;
	font-weight: 700;
	font-size: 26px;
	line-height: 60px;
	letter-spacing: normal;
	text-align: center;
	text-transform: none;
	white-space: nowrap;
	color: #FFFFFF;
}

:is(.home, .cast-page) .actorsWrap.theme1 .viewAll .button:hover {
	border: 1.24401px solid transparent;
	background:
		linear-gradient(
			180deg,
			#0D8DBC -15.8%,
			#00BBFF 100%
		) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box;
	box-shadow: none;
	color: #FFFFFF;
}

:is(.home, .cast-page) .actorsWrap.theme1 .viewAll .button:hover text {
	color: #FFFFFF;
}

/* =========================================================
   Актёры — мобильная версия
   ========================================================= */

@media (max-width: 768px) {
	:is(.home, .cast-page) .actorsWrap.theme1 {
		margin-top: 30px;
		padding: 50px 0px;
		background-position: center top;
		background-size: 300% auto;
	}

	:is(.home, .cast-page) .actorsWrap.theme1 > .container {
		width: calc(100% - 32px);
		max-width: 308px;
		margin: 0 auto;
	}

	:is(.home, .cast-page) .actorsWrap.theme1 .blockTitle {
		width: 100%;
		max-width: 308px;
		min-height: 38px;
		font-size: 30px;
		line-height: 38px;
		text-align: center;
	}

	:is(.home, .cast-page) .actorsWrap.theme1 .actorsList {
		display: grid;
		justify-items: center;
		width: 224px;
		max-width: 100%;
		margin: 33.14px auto 39px;
		padding: 0;
		gap: 39px;
		grid-template-columns: 1fr;
	}

	:is(.home, .cast-page) .actorsWrap.theme1 .actorItem {
		justify-content: center;
		align-items: center;
		gap: 15px;
		width: 222px;
		max-width: 100%;
	}

	:is(.home, .cast-page) .actorsWrap.theme1
	.actorItem
	> div:not(.actor-photo) {
		gap: 10px;
		width: 222px;
		max-width: 100%;
	}

	:is(.home, .cast-page) .actorsWrap.theme1 .actorItem h3 {
		font-size: 15px;
		line-height: 19px;
	}

	:is(.home, .cast-page) .actorsWrap.theme1 .actorItem span {
		font-size: 14px;
		line-height: 18px;
	}

	:is(.home, .cast-page) .actorsWrap.theme1 .viewAll .button {
		width: 215px;
		max-width: 100%;
		height: 50px;
		min-height: 50px;
		padding: 3.36022px 20px;
		border: 1.24401px solid transparent;
		border-radius: 10.7527px;
	}

	:is(.home, .cast-page) .actorsWrap.theme1 .viewAll .button text {
		font-size: 18px;
		line-height: 40px;
	}
}

/* Новости — theme1 */

.newsWrap.theme1 {
	position: relative;
	width: 100%;
	margin: 0;
	padding:
		clamp(80px, 4vw, 300px)
		0
		clamp(80px, 8vw, 154px);
	overflow: hidden;
	background-color: #000000;
	background-image: url("./images/far1/episodes.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 100%;
	color: #FFFFFF;
}

.newsWrap.theme1::before,
.newsWrap.theme1::after,
.newsWrap.theme1 .news-bg-left,
.newsWrap.theme1 .news-bg-right {
	display: none;
	content: none;
}

.newsWrap.theme1 > .container {
	display: block;
	position: relative;
	z-index: 4;
	width: calc(100% - 32px);
	max-width: 1532px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
}

.newsWrap.theme1 .news-top {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0;
	padding: 0;
}

.newsWrap.theme1 .blockTitle,
.newsWrap.theme1 .blockTitle.center {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 61px;
	text-align: center;
	text-transform: none;
	color: #FFFFFF;
}

.newsWrap.theme1 .blockTitle::before,
.newsWrap.theme1 .blockTitle::after {
	display: none;
	content: none;
}

/* Слайдер */

.newsWrap.theme1 .newsList {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 484px));
	justify-content: space-between;
	gap: 40px;
	width: 100%;
	margin: 77.15px auto 0;
	padding: 0;
}

.newsWrap.theme1 .newsList.slick-initialized {
	display: block;
}

.newsWrap.theme1 .newsList.slick-initialized .slick-list {
	width: calc(100% + 40px);
	margin-right: -20px;
	margin-left: -20px;
	padding: 0;
	overflow: hidden;
}

.newsWrap.theme1 .newsList.slick-initialized .slick-track {
	display: flex !important;
	align-items: stretch;
}

.newsWrap.theme1 .newsList.slick-initialized .slick-slide {
	float: none;
	min-width: 0;
	max-width: none;
	height: auto;
	box-sizing: border-box;
	padding-right: 20px;
	padding-left: 20px;
}

.newsWrap.theme1
	.newsList.slick-initialized
	.postItem.slick-slide {
	display: flex !important;
	height: auto !important;
}

/* Карточка */

.newsWrap.theme1 .postItem {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 33px;
	width: 100%;
	min-width: 0;
	max-width: none;
	height: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.newsWrap.theme1 .postItem a.open_link {
	display: block;
	position: relative;
	flex: 0 0 auto;
	width: 100%;
	aspect-ratio: 484 / 272;
	margin: 0;
	overflow: hidden;
}

.newsWrap.theme1 .postItem img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	border: 0;
	border-radius: 0;
	object-fit: cover;
	object-position: center;
	transition: transform 0.35s ease;
}

.newsWrap.theme1 .postItem a.open_link:hover img {
	transform: scale(1.035);
}

/* Контент */

.newsWrap.theme1 .postItem .pipc {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 33px;
	width: 100%;
	min-height: 0;
	margin: 0;
	padding: 0;
}

.newsWrap.theme1 .postItem .pipcBottom {
	display: contents;
}

/* Дата переносится перед заголовком через order */

.newsWrap.theme1 .postItem .pipcBottom > span,
.newsWrap.theme1 .postItem .post_date {
	display: block;
	order: 1;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 25px;
	text-align: left;
	color: #FFFFFF;
}

.newsWrap.theme1 .postItem h3 {
	display: block;
	order: 2;
	width: 100%;
	min-height: 62px;
	margin: 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 31px;
	text-align: left;
	color: #FFFFFF;
}

.newsWrap.theme1 .postItem p {
	display: -webkit-box;
	order: 3;
	width: 100%;
	min-height: 200px;
	max-height: 200px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 25px;
	text-align: left;
	color: #FFFFFF;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
}

/* Подробнее */

.newsWrap.theme1 .postItem .button {
	display: flex;
	order: 4;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 240px;
	min-width: 0;
	max-width: none;
	height: 60px;
	box-sizing: border-box;
	margin: 0;
	padding: 0 30px;
	border: 0;
	border-radius: 6px;
	box-shadow: none;
	background: linear-gradient(
		180deg,
		#0D8DBC -15.8%,
		#00BBFF 100%
	);
	font-family: "Onest", Arial, sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	text-transform: none;
	color: #000000;
	transition:
		filter 0.25s ease,
		transform 0.25s ease;
}

.newsWrap.theme1 .postItem .button::before,
.newsWrap.theme1 .postItem .button::after {
	display: none;
	content: none;
}

.newsWrap.theme1 .postItem .button:hover {
	background: linear-gradient(
		180deg,
		#0D8DBC -15.8%,
		#00BBFF 100%
	);
	filter: brightness(1.15);
	color: #000000;
}

/* Навигация по краям слайдера */

.slick-arrow.slick-hidden {
 
    display: none !important;
}

.newsWrap.theme1 .navigation {
	display: flex;
	position: absolute;
	top: 63%;
	right: min(
		0px,
		max(-97px, calc(766px - 50vw))
	);
	left: min(
		0px,
		max(-97px, calc(766px - 50vw))
	);
	z-index: 8;
	align-items: center;
	justify-content: space-between;
	width: auto;
	height: 57px;
	margin: 0;
	padding: 0;
	transform: translateY(-50%);
	pointer-events: none;
}

.newsWrap.theme1 .navigation .slick-prev,
.newsWrap.theme1 .navigation .slick-next {
	display: flex;
	position: relative;
	inset: auto;
	flex: 0 0 57px;
	align-items: center;
	justify-content: center;
	width: 57px;
	height: 57px;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 2px solid transparent;
	border-radius: 16px;
	outline: 0;
	background:
		linear-gradient(
			180deg,
			#116D8F -15.8%,
			#000000 100%
		) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box;
	opacity: 1;
	transform: none;
	cursor: pointer;
	pointer-events: auto;
	transition: background 0.25s ease;
}

.newsWrap.theme1 .navigation .slick-prev:hover,
.newsWrap.theme1 .navigation .slick-next:hover {
	background:
		linear-gradient(
			180deg,
			#0D8DBC -15.8%,
			#00BBFF 100%
		) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box;
}

/* Скрываем старые длинные SVG из PHP */

.newsWrap.theme1 .navigation .slick-arrow > svg {
	display: none;
}

/* Рисуем такую же стрелку, как в блоке «О сериале» */

.newsWrap.theme1 .navigation .slick-arrow::before {
	content: "";
	display: block !important;
	flex: 0 0 auto;
	width: 14.2px;
	height: 25.4px;
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='26' viewBox='0 0 15 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.43934 0.43934C1.02513 -0.146447 1.97465 -0.146447 2.56043 0.43934L13.7626 11.6415C13.8722 11.7512 13.9616 11.8734 14.0302 12.0038C14.328 12.5698 14.2385 13.2864 13.7626 13.7626L2.56043 24.9647C1.97466 25.5505 1.02513 25.5505 0.43934 24.9647C-0.146447 24.3789 -0.146447 23.4294 0.43934 22.8436L10.5809 12.702L0.43934 2.56043C-0.146447 1.97465 -0.146447 1.02513 0.43934 0.43934Z' fill='white'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	opacity: 1;
}

.newsWrap.theme1 .navigation .slick-prev::before {
	transform: rotate(180deg);
}

.newsWrap.theme1 .navigation .slick-next::before {
	transform: none;
}

.newsWrap.theme1 .navigation .slick-arrow::after {
	display: none !important;
	content: none;
}

@media (max-width: 1280px) and (min-width: 769px) {
	.newsWrap.theme1 {
		padding-top: clamp(100px, 12vw, 154px);
		padding-bottom: 100px;
	}

	.newsWrap.theme1 > .container {
	width: calc(100% - 48px);
	max-width: 1180px;
}

	.newsWrap.theme1 .blockTitle,
	.newsWrap.theme1 .blockTitle.center {
		font-size: 40px;
		line-height: 51px;
	}

	.newsWrap.theme1 .newsList {
		margin-top: 55px;
	}

	.newsWrap.theme1
	.newsList.slick-initialized
	.slick-list {
	width: calc(100% + 24px);
	margin-right: -12px;
	margin-left: -12px;
	padding: 0;
	overflow: hidden;
}
	.newsWrap.theme1
	.newsList.slick-initialized
	.slick-slide {
	height: auto;
	box-sizing: border-box;
	padding-right: 12px;
	padding-left: 12px;
}

	.newsWrap.theme1 .postItem {
		gap: 26px;
		max-width: none;
	}

	.newsWrap.theme1 .postItem .pipc {
		gap: 26px;
	}

	.newsWrap.theme1 .postItem .pipcBottom > span,
	.newsWrap.theme1 .postItem .post_date {
		font-size: 17px;
		line-height: 22px;
	}

	.newsWrap.theme1 .postItem h3 {
		min-height: 52px;
		font-size: 20px;
		line-height: 26px;
	}

	.newsWrap.theme1 .postItem p {
		min-height: 168px;
		max-height: 168px;
		font-size: 17px;
		line-height: 24px;
		-webkit-line-clamp: 7;
	}

	.newsWrap.theme1 .postItem .button {
		width: 190px;
		height: 50px;
		border-radius: 5px;
		font-size: 17px;
		line-height: 22px;
	}

.newsWrap.theme1 .navigation {
	top: 50%;
	right: 0;
	left: 0;
	height: 50px;
	transform: translateY(-50%);
}

	.newsWrap.theme1 .navigation .slick-prev,
	.newsWrap.theme1 .navigation .slick-next {
		flex-basis: 50px;
		width: 50px;
		height: 50px;
		border-width: 1.75px;
		border-radius: 14px;
	}

	.newsWrap.theme1 .navigation .slick-arrow::before {
		width: 12.5px;
		height: 22.4px;
	}
}

@media (max-width: 768px) {
	.newsWrap.theme1 {
		padding: 80px 0 60px;
		background-position: center top;
		background-size: auto 80%;
	}

	.newsWrap.theme1 > .container {
		width: calc(100% - 32px);
		max-width: none;
		margin: 0 auto;
	}

	.newsWrap.theme1 .news-top {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.newsWrap.theme1 .blockTitle,
	.newsWrap.theme1 .blockTitle.center {
		width: 100%;
		margin: 0;
		font-size: 30px;
		line-height: 38px;
		text-align: center;
	}

	.newsWrap.theme1 .newsList {
		display: block;
		width: 100%;
		max-width: none;
		margin: 30px 0 0;
		padding: 3px;
	}

	.newsWrap.theme1
		.newsList.slick-initialized
		.slick-list {
		width: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	.newsWrap.theme1
		.newsList.slick-initialized
		.slick-track {
		display: flex !important;
		align-items: stretch;
	}

	.newsWrap.theme1
		.newsList.slick-initialized
		.slick-slide {
		float: none;
		width: auto;
		height: auto;
		box-sizing: border-box;
		padding: 0;
	}

	.newsWrap.theme1
		.newsList.slick-initialized
		.slick-slide > div {
		width: 100%;
		height: 100%;
	}

	.newsWrap.theme1 .postItem {
		display: flex !important;
		flex-direction: column;
		gap: 21px;
		width: 100%;
		max-width: none;
		height: auto;
		min-height: 0;
		max-height: none;
	}

	.newsWrap.theme1 .postItem a.open_link {
		width: 100%;
		height: auto;
		aspect-ratio: 484 / 272;
	}

	.newsWrap.theme1 .postItem .pipc {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		gap: 21px;
		width: 100%;
		min-height: 0;
	}

	.newsWrap.theme1 .postItem .pipcBottom {
		display: contents;
	}

	.newsWrap.theme1 .postItem .pipcBottom > span,
	.newsWrap.theme1 .postItem .post_date {
		font-size: 14px;
		line-height: 18px;
	}

	.newsWrap.theme1 .postItem h3 {
		min-height: 0;
		font-weight: 600;
		font-size: 16px;
		line-height: 20px;
	}

	.newsWrap.theme1 .postItem p {
		min-height: 0;
		max-height: 180px;
		font-size: 14px;
		line-height: 20px;
		-webkit-line-clamp: 9;
	}

	.newsWrap.theme1 .postItem .button {
		width: 155px;
		height: 40px;
		padding: 0 20px;
		border-radius: 3.81818px;
		font-size: 14px;
		line-height: 18px;
	}

.newsWrap.theme1 .navigation {
	display: none !important;
	top: 50%;
	right: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 30px;
	margin: 0;
	transform: translateY(-50%);
	pointer-events: none;
}

	.newsWrap.theme1 .navigation .slick-prev,
	.newsWrap.theme1 .navigation .slick-next {
		display: flex !important;
		position: absolute;
		top: 0;
		flex: 0 0 30px;
		width: 30px;
		height: 30px;
		border-width: 1px;
		border-radius: 7.99332px;
		pointer-events: auto;
	}

	.newsWrap.theme1 .navigation .slick-prev {
		left: 0;
	}

	.newsWrap.theme1 .navigation .slick-next {
		right: 0;
	}

	.newsWrap.theme1 .navigation .slick-arrow::before {
		width: 7.09px;
		height: 12.69px;
	}
}

.reviewsWrap .navigation {
	display: flex;
	position: relative;
	top: 0;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	width: 100%;
	min-height: 4.5rem;
	margin-top: 1.625rem;
}

.reviewsWrap {
	position: relative;
	z-index: 2;
	padding: 21.5rem 0 4.7rem;
	overflow: hidden;
	background-color: #870000;
}

.reviews-bg-left {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: clamp(30rem, 62vw, 74.625rem);
	background-image: url(images/ch1/blood-bg6.png);
	background-repeat: no-repeat;
	background-position: left top;
	pointer-events: none;
}

@media (min-width: 1930px) {
	.reviews-bg-left {
		background-size: cover;
		width: 100vw;
	}
}

.reviewsWrap .blockTitle {
	justify-content: center;
	width: 100%;
	margin: 0;
	font-family: Alumni, sans-serif;
	font-weight: 700;
	font-size: clamp(2.25rem, 2.8125vw, 3.375rem);
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
}

.reviewsWrap .blockTitle:before,
.reviewsWrap .blockTitle:after {
	display: none;
}

.reviewsList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 100px;
}

.reviewItem {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: space-between;
	gap: 2.125rem;
	width: 100%;
	min-height: 23.75rem;
	box-sizing: border-box;
	margin: 0;
	padding: 3.125rem;
	border-radius: 0.5rem;
	background: linear-gradient(180deg, #202020 0%, #000000 100%);
}

.reviewHeader {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2rem;
	margin-right: 20px;
}

.starsWrap {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	gap: 0.9375rem;
	padding: 0.4375rem 0.9375rem;
	border-radius: 3.0625rem;
	background: transparent;
	color: #FFFFFF;
}

.starsList {
	display: flex;
	align-items: center;
	gap: 0.1875rem;
}

.starsList span {
	flex: 0 0 auto;
	width: 1.25rem;
	height: 1.25rem;
	margin: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.47251 0.556286C7.83976 -0.185366 8.89754 -0.185368 9.2648 0.556284L11.0809 4.2238C11.2265 4.5179 11.5072 4.72183 11.8319 4.76945L15.8812 5.36336C16.7 5.48346 17.0269 6.48946 16.435 7.06793L13.5082 9.92848C13.2735 10.1579 13.1663 10.4878 13.2213 10.8114L13.9078 14.8459C14.0466 15.6618 13.1908 16.2836 12.4578 15.8994L8.83281 13.9998C8.54212 13.8475 8.19518 13.8475 7.90449 13.9998L4.27951 15.8994C3.54646 16.2836 2.69071 15.6618 2.82952 14.8459L3.51596 10.8114C3.57101 10.4878 3.4638 10.1579 3.2291 9.92848L0.302294 7.06793C-0.28957 6.48946 0.0372992 5.48346 0.856141 5.36336L4.90536 4.76945C5.23008 4.72183 5.51076 4.5179 5.65639 4.2238L7.47251 0.556286Z' fill='%23DEDEDE'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.starsList span.colored {
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.47251 0.556286C7.83976 -0.185366 8.89754 -0.185368 9.2648 0.556284L11.0809 4.2238C11.2265 4.5179 11.5072 4.72183 11.8319 4.76945L15.8812 5.36336C16.7 5.48346 17.0269 6.48946 16.435 7.06793L13.5082 9.92848C13.2735 10.1579 13.1663 10.4878 13.2213 10.8114L13.9078 14.8459C14.0466 15.6618 13.1908 16.2836 12.4578 15.8994L8.83281 13.9998C8.54212 13.8475 8.19518 13.8475 7.90449 13.9998L4.27951 15.8994C3.54646 16.2836 2.69071 15.6618 2.82952 14.8459L3.51596 10.8114C3.57101 10.4878 3.4638 10.1579 3.2291 9.92848L0.302294 7.06793C-0.28957 6.48946 0.0372992 5.48346 0.856141 5.36336L4.90536 4.76945C5.23008 4.72183 5.51076 4.5179 5.65639 4.2238L7.47251 0.556286Z' fill='%23F30000'/%3E%3C/svg%3E");
}

.starsWrap text {
	padding: 0;
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 1.4;
	color: #FFFFFF;
}

.reviewItem h3 {
	flex: 1 1 auto;
	margin: 0;
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: clamp(1.125rem, 1.25vw, 1.5rem);
	line-height: 1.17;
	color: #FFFFFF;
}

.reviewText p {
	position: relative;
	z-index: 1;
	margin: 0;
	font-family: Roboto Condensed, sans-serif;
	font-weight: 400;
	font-size: clamp(1rem, 1.0417vw, 1.25rem);
	line-height: 1.25;
	color: #FFFFFF;
}

.reviewText::-webkit-scrollbar {
	width: 0.36rem;
}

.reviewText::-webkit-scrollbar-track {
	background: #505050;
}

.reviewText::-webkit-scrollbar-thumb {
	background: #C5C5C5;
}

.reviewText {
	position: relative;
	width: 100%;
	height: 10.9375rem;
	box-sizing: border-box;
	margin: 0;
	padding-right: 1.0625rem;
	overflow-y: auto;
}

.reviewBottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	width: 100%;
	font-family: Roboto Condensed, sans-serif;
	font-weight: 400;
	font-size: clamp(1rem, 1.0417vw, 1.25rem);
	line-height: 1.25;
	color: #FFFFFF;
}

.reviewBottom a {
	color: #FFFFFF;
}

.reviewsWrap .container {
	position: relative;
	z-index: 2;
	width: calc(100% - clamp(3rem, 4vw, 4rem));
	max-width: 1374px;
	margin: 0 auto;
}

.reviewsSlider {
	margin: 5rem 0 0 0;
}

.reviewsSlider .slick-slide {
	margin: 0;
}

/* =========================================================
   Отзывы — тема 1
   ========================================================= */

.reviewsWrap.theme1 {
	position: relative;
	z-index: 2;
	width: 100%;
	margin: 0;
	padding: 150px 0px 180px;
	overflow: hidden;
	background: #000000;
	color: #FFFFFF;
}

.reviewsWrap.theme1::before,
.reviewsWrap.theme1::after,
.reviewsWrap.theme1 .reviews-bg-left,
.reviewsWrap.theme1 .reviews-bg-right {
	display: none;
	content: none;
}

.reviewsWrap.theme1 > .container {
	position: relative;
	z-index: 2;
	width: calc(100% - 32px);
	max-width: 1364px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
}

.reviewsWrap.theme1 .reviews-top {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0;
	padding: 0;
}

.reviewsWrap.theme1 .blockTitle {
	display: block;
	width: 100%;
	max-width: 885px;
	margin: 0 auto;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 61px;
	text-align: center;
	text-transform: none;
	color: #FFFFFF;
}

.reviewsWrap.theme1 .blockTitle::before,
.reviewsWrap.theme1 .blockTitle::after {
	display: none;
	content: none;
}

.reviewsWrap.theme1 .reviewsSliderWrapper {
	position: relative;
	width: 100%;
	margin: 59.89px 0 0;
	padding: 0;
}

/* Десктопная сетка 2 × 2 */

.reviewsWrap.theme1 .reviewsSlider {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
	gap: 36.24px 36px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

/* Карточка */

.reviewsWrap.theme1 .reviewItem {
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	gap: 0;
	width: 100%;
	min-width: 0;
	max-width: none;
	height: 421.52px;
	min-height: 421.52px;
	max-height: 421.52px;
	box-sizing: border-box;
	margin: 0;
	padding: 50px;
	border: 0;
	border-radius: 8px;
	background: linear-gradient(
		180deg,
		rgba(11, 212, 228, 0.79) -34.19%,
		#161616 14.07%
	);
}

/* Имя и рейтинг */

.reviewsWrap.theme1 .reviewHeader {
	display: flex;
	flex: 0 0 35px;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	height: 35px;
	margin: 0;
	padding: 0;
}

.reviewsWrap.theme1 .reviewItem h3 {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 31px;
	text-align: left;
	color: #FFFFFF;
}

.reviewsWrap.theme1 .starsWrap {
	display: flex;
	flex: 0 0 185px;
	align-items: center;
	justify-content: center;
	gap: 15px;
	width: 185px;
	height: 35px;
	box-sizing: border-box;
	margin: 0;
	padding: 5px 15px;
	border-radius: 49px;
	background: transparent;
	color: #FFFFFF;
}

.reviewsWrap.theme1 .starsWrap text {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	color: #FFFFFF;
}

.reviewsWrap.theme1 .starsList {
	display: flex;
	flex: 0 0 112px;
	align-items: center;
	gap: 3px;
	width: 112px;
	height: 20px;
	margin: 0;
	padding: 0;
}

.reviewsWrap.theme1 .starsList span {
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	margin: 0;
	background-size: 20px 20px;
}

/* Текст отзыва */

.reviewsWrap.theme1 .reviewText {
	position: relative;
	width: 100%;
	height: 191.52px;
	min-height: 191.52px;
	max-height: 191.52px;
	box-sizing: border-box;
	margin: 39px 0 0;
	padding: 0 17px 0 0;
	overflow-x: hidden;
	overflow-y: auto;
}

.reviewsWrap.theme1 .reviewText p {
	position: relative;
	z-index: 1;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 25px;
	background: linear-gradient(
		180deg,
		#FFFFFF 68%,
		#000000 104%
	);
	background-clip: text;
	color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.reviewsWrap.theme1 .reviewText::-webkit-scrollbar {
	width: 5.74px;
}

.reviewsWrap.theme1 .reviewText::-webkit-scrollbar-track {
	background: #505050;
}

.reviewsWrap.theme1 .reviewText::-webkit-scrollbar-thumb {
	background: #C5C5C5;
}

/* Источник и дата */

.reviewsWrap.theme1 .reviewBottom {
	display: flex;
	flex: 0 0 25px;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	height: 25px;
	margin: 31px 0 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 25px;
	color: #FFFFFF;
}

.reviewsWrap.theme1 .reviewBottom > * {
	min-width: 0;
	margin: 0;
	font: inherit;
	color: #FFFFFF;
}

.reviewsWrap.theme1 .reviewBottom > :last-child {
	flex: 0 0 auto;
	text-align: right;
}

.reviewsWrap.theme1 .reviewBottom a {
	color: #FFFFFF;
}

/* На десктопе навигация не нужна */

.reviewsWrap.theme1
	.reviewsSliderWrapper
	> .navigation {
	display: none;
}

.similarWrap {
	position: relative;
	margin-top: -1px;
	padding: 4.6875rem 0 5.25rem;
	overflow: hidden;
	background-color: #3E3F2D;
	background-size: cover;
	--similar-gap: 2.5rem;
	--similar-poster-height: 31.5625rem;
	--similar-poster-scale: 1.073654;
	--similar-poster-width: 22.0625rem;
	--similar-zone-height: 33.9375rem;
}

.similarWrap::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	z-index: 0;
	width: 100%;
	height: clamp(7rem, 22vw, 26rem);
	background-image: url(images/ch1/bg-blood7.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	pointer-events: none;
}

.similarWrap::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 0;
	width: 100%;
	height: clamp(7rem, 27vw, 30rem);
	background-image: url(images/ch1/bg-green2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
	pointer-events: none;
}

.similarWrap .container {
	position: relative;
	z-index: 1;
	max-width: 96.625rem;
}

.similarWrap .navigation .slick-arrow {
	position: absolute;
	top: 50%;
}

.similarSlider {
	width: 100%;
	max-width: none;
	margin: 3.75rem auto 0;
	padding: 0;
	--similar-gap-half: clamp(0.625rem, 1.18vw, 1.28125rem);
	--similar-hover-safe-space: clamp(1.25rem, 1.6vw, 1.75rem);
}

.similarSlider .slick-slide {
	margin: 0 20px;
}

.similarWrap .blockTitle {
	justify-content: flex-start;
	width: 100%;
	margin: 0;
	font-family: Alumni, sans-serif;
	font-weight: 700;
	font-size: 3.375rem;
	line-height: 1.2;
	text-align: left;
	text-transform: uppercase;
	color: #FFFFFF;
}

.similarWrap .blockTitle:before,
.similarWrap .blockTitle:after {
	display: none;
}

.similarSlider .slick-slide > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
}

.similarSlider .slick-slide > div > a:first-child {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	aspect-ratio: 353 / 543;
	overflow: visible;
}

.similarSlider img {
	display: block;
	position: relative;
	z-index: 0;
	width: var(--similar-poster-width, 22.0625rem);
	max-width: none;
	height: var(--similar-poster-height, 31.5625rem);
	max-height: none;
	box-sizing: border-box;
	margin: 0;
	border: 3px solid #6D6D6D;
	border-radius: 0;
	box-shadow: none;
	object-fit: cover;
	object-position: center;
	transform: translateZ(0) scale(1);
	transform-origin: center center;
	transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
		border-color 0.25s ease,
		border-width 0.25s ease,
		box-shadow 0.25s ease;
	backface-visibility: hidden;
	will-change: transform;
}

.similarSlider .slick-slide > div > a:first-child::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	width: var(--similar-poster-width, 22.0625rem) !important;
	height: var(--similar-poster-height, 31.5625rem) !important;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 73.86%, #000000 100%);
	transform: translate3d(-50%, -50%, 0) scale(1);
	transform-origin: center center;
	transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
	pointer-events: none;
	will-change: transform;
}

.similarSlider .slick-slide > div:hover img {
	width: 23.6875rem;
	height: 33.9375rem;
	border: 2px solid #FF0000;
	box-shadow: 0px 28px 34px -17px rgba(0, 0, 0, 0.73);
}

.similarSlider .slick-slide > div:hover > a:first-child::after {
	width: 23.6875rem;
	height: 33.9375rem;
}

.similarSlider .slick-slide h3 {
	width: 100%;
	margin: 1.4375rem 0 0;
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.1667;
	text-align: center;
	color: #FFFFFF;
}

.similarSlider .slick-slide span {
	display: block;
	width: 100%;
	margin: 0.75rem 0 0;
	margin-top: 0.75rem;
	font-family: Roboto Condensed, sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.25;
	text-align: center;
	color: #ACACAC;
}

.storyWB.theme1 .series-gallery-wrap {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 90px;
	overflow: visible;
}

.storyWB.theme1 .series-gallery-wrap .navigation {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 0;
	transform: translateY(-50%);
	pointer-events: none;
}

.storyWB.theme1 .navigation .slick-prev,
.storyWB.theme1 .navigation .slick-next {
	display: flex;
	position: absolute;
	top: 50%;
	align-items: center;
	justify-content: center;
	width: 57px;
	height: 57px;
	box-sizing: border-box;
	padding: 0;
	border: 2px solid transparent;
background:
    linear-gradient(180deg, #116D8F -15.8%, #000000 100%) padding-box,
    linear-gradient(
        180deg,
        #FFFFFF 0%,
        #6EDCEF 55.77%,
        #012F64 84.13%,
        #0BD4E4 100%
    ) border-box;
	border-radius: 16px;
	outline: 0;

	box-shadow: none;
	transform: translateY(-50%);
	transition: background 0.25s ease;
	cursor: pointer;
	pointer-events: auto;
}

.storyWB.theme1 .navigation .slick-prev:hover,
.storyWB.theme1 .navigation .slick-next:hover {
border: 2px solid transparent;
background:
    linear-gradient(180deg, #0D8DBC -15.8%, #00BBFF 100%) padding-box,
    linear-gradient(
        180deg,
        #FFFFFF 0%,
        #6EDCEF 55.77%,
        #012F64 84.13%,
        #0BD4E4 100%
    ) border-box;
}

.storyWB.theme1 .navigation .slick-prev {
	left: 0;
}

.storyWB.theme1 .navigation .slick-next {
	right: 0;
}

.storyWB.theme1::after {
    content: "";
    display: block;
    width: 100vw;
    max-width: none;
    height: clamp(180px, 21vw, 420.6px);
    margin-top: 29px;
    margin-left: calc(50% - 50vw);
    margin-bottom: -20px;
	
    background:
        #000000
        url("./images/far1/farma-transition.png")
        center / cover
        no-repeat;
    pointer-events: none;
}


.similarWrap .navigation .slick-prev,
.reviewsSliderWrapper .navigation .slick-prev {
	display: flex;
	position: absolute;
	left: 0px;
	align-items: center;
	justify-content: center;
	width: 4.5rem;
	height: 3.375rem;
	border-radius: 3.5625rem;
}

.similarWrap .navigation .slick-next,
.reviewsSliderWrapper .navigation .slick-next {
	display: flex;
	position: absolute;
	right: 0px;
	align-items: center;
	justify-content: center;
	width: 4.5rem;
	height: 3.375rem;
	border-radius: 3.5625rem;
}

.similarWrap .navigation .slick-prev:before,
.similarWrap .navigation .slick-next:before,
.reviewsSliderWrapper .navigation .slick-prev:before,
.reviewsSliderWrapper .navigation .slick-next:before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 2px;
	border-radius: inherit;
	background: linear-gradient(160deg, rgba(0, 157, 255, 0.46) 0%, #ffffff 50%, rgba(0, 157, 255, 0.44) 100%);
	pointer-events: none;
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}

.similarWrap .navigation .slick-prev:after,
.similarWrap .navigation .slick-next:after,
.reviewsSliderWrapper .navigation .slick-prev:after,
.reviewsSliderWrapper .navigation .slick-next:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	border-radius: 40%;
	background: radial-gradient(ellipse at center, rgba(0, 157, 255, 1) 0%, rgba(0, 157, 255, 0.1) 40%, rgba(0, 157, 255, 0.0) 50%, rgba(0, 157, 255, 0) 50%);
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.storyWB.theme1 .series-gallery-wrap .slick-list {
	margin: 0;
	overflow: hidden;
}

.storyWB.theme1 .series-gallery .slick-slide {
	box-sizing: border-box;
	padding: 0 12px;
	box-shadow: none;
}

.storyWB.theme1 .series-gallery {
	width: 100%;
	max-width: none;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.storyWB.theme1 .gallery-row {
	width: 100%;
	margin: 0;
}

.storyWB.theme1 .series-gallery__item,
.storyWB.theme1 .gallery-link {
	display: block;
	width: 100%;
}

.storyWB.theme1 .gallery-image {
	display: block;
	width: 100%;
	height: auto;
	min-height: 0;
	aspect-ratio: 427 / 285.76;
	margin: 0;
	object-fit: cover;
}

.storyWB.theme1 .navigation .slick-arrow svg {
	display: block;
	flex: 0 0 auto;
	width: 14.2px;
	height: 25.4px;
}

.storyWB.theme1 .navigation .slick-prev svg,
.storyWB.theme1 .navigation .slick-next svg {
	transform: none;
}

.storyWB.theme1 .series-gallery-wrap .slick-dots {
	display: none !important;
}

@media (max-width: 1280px) and (min-width: 769px) {
	.storyWB.theme1 .series-info-top {
		gap: 30px;
		min-height: auto;
	}

	.storyWB.theme1 .series-info-top .blockTitle {
		font-size: clamp(40px, 4vw, 50px);
		line-height: 1.27;
	}

	.storyWB.theme1 .age-label {
		font-size: clamp(60px, 7vw, 86px);
		line-height: 1.27;
	}

.storyWB.theme1 .specs-list {
	display: grid;
	grid-template-columns: repeat(3, max-content);
	justify-content: center;
	align-items: center;
	gap: 18px 30px;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

	.storyWB.theme1 .specs-list > *:nth-child(3)::after {
		display: none;
	}

	.storyWB.theme1 .paragraph-full {
		font-size: 18px;
		line-height: 28px;
	}

	.storyWB.theme1 .series-gallery-wrap {
		padding: 0 70px;
	}

	.storyWB.theme1 .series-gallery .slick-slide {
		padding: 0 10px;
	}

	.storyWB.theme1 .navigation .slick-prev,
	.storyWB.theme1 .navigation .slick-next {
		width: 50px;
		height: 50px;
		border-radius: 14px;
	}
}

@media (max-width: 768px) {

    .storyWB.theme1::after {
        width: 100vw;
        height: 154.43px;
        margin-top: 0;
        margin-left: calc(50% - 50vw);
    }
	.storyWB.theme1 {
		padding: 27.28px 16px 0;
	}

	.storyWB.theme1 > .container {
		width: 100%;
		max-width: 600px;
	}

	.storyWB.theme1 .series-info-top {
		flex-direction: row;
		align-items: flex-start;
		justify-content: center;
		gap: 3px;
		min-height: 38px;
		margin-bottom: 30px;
	}

	.storyWB.theme1 .series-info-top .blockTitle {
		font-size: clamp(30px, 5.2vw, 40px);
		line-height: 1.2667;
		text-align: center;
	}

	.storyWB.theme1 .age-label {
		font-size: clamp(30px, 7vw, 50px);
		line-height: 1.2667;
	}

	.storyWB.theme1 .series-row {
		gap: 30px;
		margin-bottom: 30px;
	}

	.storyWB.theme1 .series-specs {
		display: flex;
		justify-content: center;
	}

.storyWB.theme1 .specs-list {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 17px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.storyWB.theme1 .specs-list > * {
	justify-content: center;
	width: 100%;
	margin: 0 auto;
	white-space: nowrap;
	text-align: center;
}

	.storyWB.theme1 .specs-list span {
		font-size: 14px;
		line-height: 18px;
	}

	.storyWB.theme1 .specs-list > *:not(:last-child)::after {
		display: block;
		top: auto;
		right: auto;
		bottom: -9px;
		left: 50%;
		width: 100%;
		height: 1px;
		transform: translateX(-50%);
	}

	.storyWB.theme1 .paragraph-full {
		font-size: 14px;
		line-height: 20px;
	}

	.storyWB.theme1 .paragraph-full p + p {
		margin-top: 20px;
	}

	.storyWB.theme1 .series-gallery-wrap,
	.storyWB.theme1 .series-gallery,
	.storyWB.theme1 .series-gallery .slick-slide {
		padding: 0;
	}

	.storyWB.theme1 .series-gallery-wrap .navigation {
		top: calc((100% - 20.28px) / 2);
	}

	.storyWB.theme1 .navigation .slick-prev,
	.storyWB.theme1 .navigation .slick-next {
		width: 30px;
		height: 30px;
		border-radius: 7.99332px;
	}

	.storyWB.theme1 .navigation .slick-arrow svg {
		width: 7.09px;
		height: 12.69px;
	}

	.storyWB.theme1 .series-gallery-wrap .slick-dots {
		display: flex !important;
		position: static;
		align-items: center;
		justify-content: center;
		gap: 9px;
		width: 100%;
		height: 5px;
		margin: 15.28px 0 0;
		padding: 0;
		list-style: none;
	}

	.storyWB.theme1 .slick-dots li {
		width: 5px;
		height: 5px;
		margin: 0;
		padding: 0;
	}

	.storyWB.theme1 .slick-dots li.slick-active {
		width: 41px;
	}

	.storyWB.theme1 .slick-dots button {
		display: block;
		width: 5px;
		height: 5px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 7px;
		background: rgba(255, 255, 255, 0.5);
		font-size: 0;
	}

	.storyWB.theme1 .slick-dots li.slick-active button {
		width: 41px;
		background: #0BD4E4;
	}

	.storyWB.theme1 .slick-dots button::before {
		display: none;
	}
}

@media (max-width: 480px) {
	.storyWB.theme1 .series-info-top .blockTitle,
	.storyWB.theme1 .age-label {
		font-size: 30px;
		line-height: 38px;
	}
}

.gallery-item img {
	display: block;
	width: 100%;
	min-width: 520px;
	max-width: 520px;
	height: auto;
	margin: auto;
	pointer-events: none;
}

.similarWrap .blockTitle,
.similarWrap .blockTitle.center {
	justify-content: flex-start;
	width: min(36.75rem, calc(100% - 10rem));
	margin: 0;
	font-family: Alumni, sans-serif;
	font-weight: 700;
	font-size: 3.375rem;
	line-height: 1.2037;
	text-align: left;
	text-transform: uppercase;
	color: #FFFFFF;
}

.similarWrap .blockTitle::before,
.similarWrap .blockTitle::after {
	display: none;
}

.similarWrap .navigation {
	display: flex;
	position: absolute;
	top: 0.15625rem;
	right: 0;
	left: auto;
	z-index: 6;
	align-items: center;
	justify-content: flex-end;
	gap: 1.25rem;
	width: auto;
	height: auto;
	min-height: 0;
	margin: 0;
	transform: none;
	pointer-events: auto;
}

.similarWrap .navigation .slick-prev,
.similarWrap .navigation .slick-next {
	display: flex !important;
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	align-items: center;
	justify-content: center;
	width: 3.75rem;
	height: 3.75rem;
	padding: 0;
	border: 1.6px solid #FFFFFF;
	border-radius: 0;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0.39;
	transform: none;
	transition: opacity 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
	pointer-events: auto;
	cursor: pointer;
}

.similarWrap .navigation .slick-prev:hover,
.similarWrap .navigation .slick-next:hover,
.similarWrap .navigation .slick-prev:focus-visible,
.similarWrap .navigation .slick-next:focus-visible {
	background: rgba(0, 0, 0, 0.85);
	opacity: 1;
	border-color: #FFFFFF;
}

.similarWrap .navigation .slick-prev::before,
.similarWrap .navigation .slick-next::before,
.similarWrap .navigation .slick-prev::after,
.similarWrap .navigation .slick-next::after {
	display: none !important;
}

.similarWrap .navigation .slick-prev svg,
.similarWrap .navigation .slick-next svg {
	flex: 0 0 auto;
	width: 2.125rem;
	height: 2rem;
}

.similarWrap .navigation .slick-prev svg path,
.similarWrap .navigation .slick-next svg path {
	transition: none;
	fill: #FFFFFF;
}

.similarWrap .navigation .slick-prev:hover svg path,
.similarWrap .navigation .slick-next:hover svg path {
	fill: #FFFFFF;
}

.similarSlider.slick-initialized .slick-list {
	width: 100% !important;
	margin: 0 !important;
	margin-top: calc(var(--similar-hover-safe-space) * -1) !important;
	margin-bottom: calc(var(--similar-hover-safe-space) * -1) !important;
	padding-top: var(--similar-hover-safe-space) !important;
	padding-bottom: var(--similar-hover-safe-space) !important;
	overflow: hidden !important;
	overflow-x: hidden !important;
	overflow-y: hidden !important;
}

.similarSlider.slick-initialized .slick-track {
	display: flex !important;
	align-items: flex-start;
}

.similarSlider.slick-initialized .slick-slide {
	height: auto;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 clamp(0.75rem, 1.067vw, 1.28125rem);
	padding-right: var(--similar-gap-half) !important;
	padding-left: var(--similar-gap-half) !important;
}

.similarSlider .slick-slide > div:hover img,
.similarSlider .slick-slide > div:focus-within img {
	width: var(--similar-poster-width, 22.0625rem) !important;
	height: var(--similar-poster-height, 31.5625rem) !important;
	box-shadow: 0px 28px 34px -17px rgba(0, 0, 0, 0.73);
	transform: translateZ(0) scale(var(--similar-poster-scale, 1.07365439));
	border-color: #FF0000;
	border-width: 2px;
}

.similarSlider .slick-slide > div:hover > a:first-child::after,
.similarSlider .slick-slide > div:focus-within > a:first-child::after {
	width: var(--similar-poster-width, 22.0625rem) !important;
	height: var(--similar-poster-height, 31.5625rem) !important;
	transform: translate3d(-50%, -50%, 0) scale(var(--similar-poster-scale, 1.07365439));
}

.similarSlider,
.similarWrap .container {
	min-width: 0;
}

.similarSlider img,
.similarSlider .slick-slide > div:hover img,
.similarSlider .slick-slide > div:focus-within img {
	display: block;
	width: 100% !important;
	max-width: 22.0625rem !important;
	height: auto !important;
	aspect-ratio: 353 / 505;
	margin: auto;
	object-fit: cover;
	object-position: center;
}

.similarSlider .slick-slide > div > a:first-child::after,
.similarSlider .slick-slide > div:hover > a:first-child::after,
.similarSlider .slick-slide > div:focus-within > a:first-child::after {
	width: min(100%, 22.0625rem) !important;
	height: auto !important;
	aspect-ratio: 353 / 505;
}


/* =========================================================
   Похожие — тема 1
   ========================================================= */

.similarWrap.theme1 {
	position: relative;
	z-index: 2;
	width: 100%;
	margin: 0;
	padding: 50px 0px 80px;
	overflow: hidden;
	background-color: #000000;
	background-image: url("./images/far1/cast.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	font-family: "Onest", Arial, sans-serif;
	color: #FFFFFF;
}

.similarWrap.theme1::before,
.similarWrap.theme1::after {
	display: none;
	content: none;
}

.similarWrap.theme1 > .container {
	position: relative;
	z-index: 2;
	width: calc(100% - 32px);
	max-width: 1532px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
}

/* Заголовок 914 × 61 */

.similarWrap.theme1 .similar-top {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 61px;
	margin: 0;
	padding: 0;
}

.similarWrap.theme1 .blockTitle,
.similarWrap.theme1 .blockTitle.center {
	display: block;
	width: 914px;
	max-width: 100%;
	height: auto;
	min-height: 61px;
	margin: 0 auto;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 61px;
	text-align: center;
	text-transform: none;
	color: #FFFFFF;
}

.similarWrap.theme1 .blockTitle::before,
.similarWrap.theme1 .blockTitle::after {
	display: none;
	content: none;
}

/* Слайдер: 4 карточки по 353px с промежутками 40px */

.similarWrap.theme1 .similarSlider.theme1 {
	display: block;
	width: 100%;
	max-width: none;
	margin: 66.41px 0 0;
	padding: 0;
}

.similarWrap.theme1
	.similarSlider.theme1.slick-initialized
	.slick-list {
	width: calc(100% + 40px) !important;
	margin: 0 -20px !important;
	padding: 0 !important;
	overflow: hidden !important;
}

.similarWrap.theme1
	.similarSlider.theme1.slick-initialized
	.slick-track {
	display: flex !important;
	align-items: flex-start;
	margin: 0;
}

.similarWrap.theme1
	.similarSlider.theme1.slick-initialized
	.slick-slide {
	float: none;
	height: auto;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 20px !important;
}

.similarWrap.theme1
	.similarSlider.theme1
	.slick-slide
	> div {
	display: block;
	width: 100%;
	height: auto;
}

/* Карточка 353 × 628 */

.similarWrap.theme1 .similar-item {
	display: flex !important;
	position: relative;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100% !important;
	min-width: 0;
	max-width: none;
	height: 628px !important;
	min-height: 628px;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	overflow: visible;
	text-decoration: none;
	color: #FFFFFF;
}

/* Убираем старний псевдоградиент и увеличение */

.similarWrap.theme1 .similar-item::after {
	display: none !important;
	content: none !important;
}
.similarWrap.theme1 .slider_image {
	display: block;
	position: relative;
	flex: 0 0 auto;
	width: 100%;
	height: auto;
	aspect-ratio: 353 / 505;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	overflow: hidden;

	border: 1.24401px solid transparent;
	background:
		linear-gradient(
			#060607,
			#060607
		) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box;
}

.similarWrap.theme1 .slider_image img,
.similarWrap.theme1
	.slick-slide
	> div:hover
	.slider_image
	img,
.similarWrap.theme1
	.slick-slide
	> div:focus-within
	.slider_image
	img {
	display: block;
	position: static;
	width: 100% !important;
	max-width: none !important;
	height: 100% !important;
	max-height: none;
	aspect-ratio: 353 / 505;
	box-sizing: border-box;
	margin: 0;
	border: 0 !important;
	border-radius: 0;
	box-shadow: 0 28px 34px -17px rgba(0, 0, 0, 0.73);
	object-fit: cover;
	object-position: center;
	transform: none !important;
	transition: none;
}

/* Название */

.similarWrap.theme1 .similar-item h3 {
	display: block;
	width: 100%;
	min-height: 31px;
	margin: 20px 0 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 31px;
	text-align: center;
	color: #FFFFFF;
}

/* Год и жанры */

.similarWrap.theme1 .similar-item .tags {
	display: block;
	width: 100%;
	min-height: 25px;
	margin: 15px 0 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 25px;
	text-align: center;
	color: #0BD4E4;
}

/* Навигация поверх постеров */

.similarWrap.theme1 > .container > .navigation {
	display: flex;
	position: absolute;
	top: 379.91px;
	right: 0;
	left: 0;
	z-index: 10;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 57px;
	min-height: 0;
	margin: 0;
	padding: 0;
	transform: translateY(-50%);
	pointer-events: none;
}

.similarWrap.theme1 .navigation .slick-prev,
.similarWrap.theme1 .navigation .slick-next {
	display: flex !important;
	position: absolute;
	top: 0;
	align-items: center;
	justify-content: center;
	width: 57px;
	height: 57px;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 2px solid transparent;
	border-radius: 16px;
	outline: 0;
	background:
		linear-gradient(
			180deg,
			#116D8F -15.8%,
			#000000 100%
		) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box;
	opacity: 1;
	transform: none;
	cursor: pointer;
	pointer-events: auto;
	transition: background 0.25s ease;
}

.similarWrap.theme1 .navigation .slick-prev {
	right: auto;
	left: 0;
}

.similarWrap.theme1 .navigation .slick-next {
	right: 0;
	left: auto;
}

.similarWrap.theme1 .navigation .slick-prev:hover,
.similarWrap.theme1 .navigation .slick-next:hover {
	border: 2px solid transparent;
	background:
		linear-gradient(
			180deg,
			#0D8DBC -15.8%,
			#00BBFF 100%
		) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box;
}

/* Реальные SVG из блока «О сериале» */

.similarWrap.theme1 .navigation .slick-arrow > svg {
	display: block !important;
	flex: 0 0 auto;
	width: 14.2px;
	height: 25.4px;
	margin: 0;
	transform: none;
	pointer-events: none;
}

.similarWrap.theme1 .navigation .slick-arrow > svg path {
	fill: #FFFFFF;
}

/* Убираем старые псевдоэлементы общих стилей */

.similarWrap.theme1 .navigation .slick-prev::before,
.similarWrap.theme1 .navigation .slick-next::before,
.similarWrap.theme1 .navigation .slick-prev::after,
.similarWrap.theme1 .navigation .slick-next::after {
	display: none !important;
	content: none !important;
}

/* Планшет */

@media (max-width: 1199px) and (min-width: 769px) {
	.similarWrap.theme1 {
		background-position: center top;
		background-size: 140% auto;
	}

	.similarWrap.theme1 > .container {
		width: calc(100% - 48px);
		max-width: none;
	}

	.similarWrap.theme1 .similar-top {
		height: auto;
		min-height: 51px;
	}

	.similarWrap.theme1 .blockTitle,
	.similarWrap.theme1 .blockTitle.center {
		min-height: 51px;
		font-size: 40px;
		line-height: 51px;
	}

	.similarWrap.theme1 .similarSlider.theme1 {
		margin-top: 48px;
	}

	.similarWrap.theme1 .similar-item {
		height: auto !important;
		min-height: 0;
	}

	.similarWrap.theme1 .similar-item h3 {
		font-size: 21px;
		line-height: 27px;
	}

	.similarWrap.theme1 .similar-item .tags {
		font-size: 17px;
		line-height: 23px;
	}

	.similarWrap.theme1 > .container > .navigation {
		top: 50%;
		height: 50px;
		transform: translateY(-50%);
	}

	.similarWrap.theme1 .navigation .slick-prev,
	.similarWrap.theme1 .navigation .slick-next {
		width: 50px;
		height: 50px;
		border-width: 1.75px;
		border-radius: 14px;
	}

	.similarWrap.theme1 .navigation .slick-arrow::before {
		width: 12.5px;
		height: 22.4px;
	}
}

/* Мобильная версия */

@media (max-width: 768px) {
	.similarWrap.theme1 {
		width: 100%;
		margin: 0;
		padding: 30px 0px 50px;
		background-position: center top;
		background-size: 400% auto;
	}

	.similarWrap.theme1 > .container {
		width: calc(100% - 32px);
		max-width: none;
		margin: 0 auto;
		padding: 0;
	}

	/* 308 × 76 при ширине экрана 340px */

	.similarWrap.theme1 .similar-top {
		width: 100%;
		height: 76px;
		min-height: 76px;
	}

	.similarWrap.theme1 .blockTitle,
	.similarWrap.theme1 .blockTitle.center {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		max-width: none;
		height: 76px;
		min-height: 76px;
		margin: 0;
		font-family: "Onest", Arial, sans-serif;
		font-weight: 700;
		font-size: 30px;
		line-height: 38px;
		text-align: center;
		text-transform: none;
		color: #FFFFFF;
	}

	/* 30px между заголовком и постером */

	.similarWrap.theme1 .similarSlider.theme1 {
		width: 100%;
		margin: 30px 0 0;
		padding: 0;
	}

	.similarWrap.theme1
		.similarSlider.theme1.slick-initialized
		.slick-list {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}

	.similarWrap.theme1
		.similarSlider.theme1.slick-initialized
		.slick-track {
		display: flex !important;
		align-items: flex-start;
	}

	.similarWrap.theme1
		.similarSlider.theme1.slick-initialized
		.slick-slide {
		float: none;
		height: auto;
		margin: 0 !important;
		padding: 0 !important;
	}

	.similarWrap.theme1
		.similarSlider.theme1
		.slick-slide
		> div {
		width: 100%;
		height: auto;
	}

	/* На 340px карточка занимает все доступные 308px */

	.similarWrap.theme1 .similar-item {
		width: 100% !important;
		height: auto !important;
		min-height: 0;
	}

	.similarWrap.theme1 .slider_image {
		width: 100%;
		height: auto;
		aspect-ratio: 353 / 505;
	}

	.similarWrap.theme1 .slider_image img,
	.similarWrap.theme1
		.slick-slide
		> div:hover
		.slider_image
		img,
	.similarWrap.theme1
		.slick-slide
		> div:focus-within
		.slider_image
		img {
		width: 100% !important;
		max-width: none !important;
		height: 100% !important;
		aspect-ratio: 353 / 505;
		border: 0 !important;
		box-shadow:
			0 24.4306px 29.6657px -14.8329px
			rgba(0, 0, 0, 0.73);
		transform: none !important;
	}

	.similarWrap.theme1 .similar-item h3 {
		min-height: 23px;
		margin: 22.2068px 0 0;
		font-family: "Onest", Arial, sans-serif;
		font-weight: 600;
		font-size: 18px;
		line-height: 23px;
		text-align: center;
	}

	.similarWrap.theme1 .similar-item .tags {
		min-height: 22px;
		margin: 10px 0 0;
		font-family: "Onest", Arial, sans-serif;
		font-weight: 400;
		font-size: 16px;
		line-height: 22px;
		text-align: center;
		color: #0BD4E4;
	}

	/* Стрелки на уровне середины постера */

	.similarWrap.theme1 > .container > .navigation {
		display: flex;
		top: calc(
			106px +
			(100vw - 32px) * 0.715297
		);
		right: 0;
		left: 0;
		width: 100%;
		height: 30px;
		margin: 0;
		transform: none;
		pointer-events: none;
	}

	.similarWrap.theme1 .navigation .slick-prev,
	.similarWrap.theme1 .navigation .slick-next {
		top: 0;
		width: 30px;
		height: 30px;
		border-width: 1px;
		border-radius: 7.99332px;
	}

	.similarWrap.theme1 .navigation .slick-prev {
		left: 0;
	}

	.similarWrap.theme1 .navigation .slick-next {
		right: 0;
	}

	.similarWrap.theme1 .navigation .slick-arrow > svg {
		width: 7.09px;
		height: 12.69px;
	}

	.similarWrap.theme1 .navigation .slick-arrow > svg {
	width: 12.5px;
	height: 13.4px;
}
}

.shareCloud {
	display: none;
	position: fixed;
	top: 116.71px;
	right: max(16px, calc((100vw - 1530px) / 2));
	z-index: 25;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	width: min(763px, calc(100vw - 32px));
	height: 60px;
	box-sizing: border-box;
	padding: 12px;
	overflow: visible;
	background: rgba(4, 28, 45, 0.5);
}

body:has(header.fixed) .shareCloud {
	top: 100px;
}

.shareCloud.open {
	display: flex;
}

.shareCloud a {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 10px;
	overflow: visible;
	opacity: 1;
	font-family: "Onest", Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 12px;
	line-height: 16px;
	white-space: nowrap;
	color: #FFFFFF;
	transition:
		opacity 0.3s ease,
		font-weight 0.3s ease;
}

.shareCloud .shareVK {
	font-weight: 500;
}

.shareCloud a:hover {
	opacity: 0.85;
	font-weight: 500;
	color: #FFFFFF;
}

.shareCloud a::before {
	content: "";
	display: block;
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	box-sizing: border-box;
	overflow: visible;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 34px 34px;
}

@media (max-width: 1180px) {
	.shareCloud,
	body:has(header.fixed) .shareCloud {
		top: 84px;
		right: 15px;
		width: calc(100vw - 30px);
		height: auto;
		min-height: 60px;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 12px 24px;
	}
}

@media (max-width: 600px) {
	.shareCloud {
		padding: 12px 14px;
	}

	.shareCloud.open {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.shareCloud a {
		width: 100%;
	}

	.shareCloud .shareC {
		grid-column: 1 / -1;
	}
}

/*
 * Используем background-image вместо background,
 * чтобы не сбрасывались position, repeat и size.
 */
.shareCloud .shareVK::before {
	background-image: url(images/shareVK.svg);
}

.shareCloud .shareOK::before {
	background-image: url(images/shareOK.svg);
}

.shareCloud .shareTG::before {
	background-image: url(images/shareTG.svg);
}

.shareCloud .shareX::before {
	background-image: url(images/shareX.svg);
}

.shareCloud .shareC::before {
	background-image: url(images/shareC.svg);
}

.shareCloud .shareVK:before {
	background: url(images/shareVK.svg);
}

.shareCloud .shareOK:before {
	background: url(images/shareOK.svg);
}

.shareCloud .shareTG:before {
	background: url(images/shareTG.svg);
}

.shareCloud .shareX:before {
	background: url(images/shareX.svg);
}

.shareCloud .shareC:before {
	background: url(images/shareC.svg);
}

#shareCopy {
	display: none;
}

.policyNotif {
	display: none;
	position: fixed;
	right: max(16px, calc((100vw - 1530px) / 2 - 2px));
	bottom: 24px;
	z-index: 25;
	align-items: center;
	gap: 24px;
	width: min(537.04px, calc(100vw - 32px));
	height: 110px;
	box-sizing: border-box;
	padding: 30px 31px 30px 35px;
	border-radius: 6px;
	background: #041C2D;
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3);
}

.policyNotif.open {
	display: flex;
}

.policyNotif p {
	flex: 1 1 auto;
	min-width: 0;
	max-width: 410px;
	margin: 0;
	font-family: "Onest", Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 25px;
	color: #FFFFFF;
}

.policyNotif a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
	color: #FFFFFF;
}

.policyNotif a:hover {
	color: #6EDCEF;
}

.policyNotif .police_button {
	flex: 0 0 67px;
	align-items: center;
	justify-content: center;
	width: 67px;
	min-width: 67px;
	height: 50px;
	margin: 0;
	padding: 0 20px;
	cursor: pointer;
	text-align: center;
	text-transform: none;
}

.policyNotif .police_button text {
	font-family: "Onest", Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
	text-transform: none;
	color: #FFFFFF;
}

@media (max-width: 700px) {
	.policyNotif {
		right: 16px;
		bottom: 16px;
		width: calc(100vw - 32px);
		height: auto;
		min-height: 110px;
		padding: 20px;
		gap: 16px;
	}

	.policyNotif p {
		max-width: none;
		font-size: 14px;
		line-height: 22px;
	}
}


/* =========================================================
   Подвал — theme1
   ========================================================= */

.site-footer.theme1 {
	position: relative;
	z-index: 3;
	width: 100%;
	height: 390.84px;
	min-height: 390.84px;
	box-sizing: border-box;
	margin: 60.13px 0 0;
	padding: 0;
	overflow: hidden;
	background: #000000;
	font-family: "Onest", Arial, sans-serif;
}

/* Фон из ACF и затемнение сверху */

.site-footer.theme1::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-color: #000000;
	background-image:
		linear-gradient(
			0deg,
			rgba(0, 0, 0, 0) 53.93%,
			#000000 85.69%
		),
		var(--pc);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 100% 100%, cover;
	pointer-events: none;
}

/* Контейнер: 1532px, слева 194px на экране 1920px */

.site-footer.theme1 > .container {
	display: flex;
	position: relative;
	z-index: 2;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 114px;
	width: calc(100% - 32px);
	max-width: 1532px;
	height: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 131.86px 0 124.28px;
}

/* Логотип 329.89 × 134.7 */

.site-footer.theme1 .logo {
	display: block;
	flex: 0 0 329.89px;
	width: 329.89px;
	min-width: 329.89px;
	max-width: 329.89px;
	height: 134.7px;
	margin: 0;
	padding: 0;
	filter: none;
}

.site-footer.theme1 .logo img {
	display: block;
	position: static;
	top: auto;
	width: 100%;
	max-width: none;
	height: 100%;
	margin: 0;
	padding: 0;
	filter: none;
	object-fit: contain;
	object-position: center;
}

/* Оболочка кнопки и меню */

.site-footer.theme1 .footerInfo {
	display: flex;
	flex: 0 0 auto;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 114px;
	width: auto;
	max-width: none;
	height: auto;
	margin: 0;
	padding: 0;
}

.site-footer.theme1 .footerInfo p {
	display: none;
}

/* Кнопка 270 × 65 */

.site-footer.theme1 .button.buttonRed {
	display: flex;
	flex: 0 0 270px;
	align-items: center;
	justify-content: center;
	gap: 14.9px;
	width: 270px;
	min-width: 270px;
	max-width: 270px;
	height: 65px;
	min-height: 65px;
	max-height: 65px;
	box-sizing: border-box;
	margin: 0;
	padding: 14.898px 29.7959px;
	border: 0;
	outline: 2px solid rgba(166, 233, 245, 0.34);
	outline-offset: 0;
	border-radius: 16px;
	background: linear-gradient(
		180deg,
		#FFFFFF 0%,
		#6EDCEF 55.77%,
		#012F64 84.13%,
		#0BD4E4 100%
	);
	box-shadow:
		0 15px 16.5px -16px
		rgba(0, 255, 242, 0.26);
	font-family: "Onest", Arial, sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 60px;
	text-align: center;
	text-transform: none !important;
	white-space: nowrap;
	color: #000000 !important;
	transition:
		filter 0.25s ease,
		transform 0.25s ease;
}

.site-footer.theme1 .button.buttonRed .button-text {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
	text-transform: none;
	color: #000000;
}

.site-footer.theme1 .button.buttonRed::before,
.site-footer.theme1 .button.buttonRed::after {
	display: none;
	content: none;
}

.site-footer.theme1 .button.buttonRed:hover {
	outline-color: rgba(166, 233, 245, 0.34);
	background: linear-gradient(
		180deg,
		#FFFFFF -501.6%,
		#6EDCEF -166.09%,
		#012F64 4.55%,
		#0BD4E4 100%
	);
	box-shadow: none;
	filter: none;
	color: #FFFFFF;
}

.site-footer.theme1 .button.buttonRed:hover .button-text {
	color: #FFFFFF;
}

/* Меню 707 × 16 */

.site-footer.theme1 .footerNav {
	display: block;
	flex: 0 0 707px;
	width: 707px;
	min-width: 707px;
	max-width: 707px;
	height: 16px;
	margin: 0;
	padding: 0;
}

.site-footer.theme1 .footerNav ul {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 80px;
	width: 100%;
	height: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer.theme1 .footerNav li {
	display: block;
	flex: 0 0 auto;
	width: auto;
	height: 16px;
	margin: 0;
	padding: 0;
}

.site-footer.theme1 .footerNav a {
	display: block;
	width: auto;
	height: 16px;
	margin: 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 16px;
	text-align: center;
	text-transform: none;
	white-space: nowrap;
	color: #FFFFFF;
	transition: color 0.3s ease;
}

.site-footer.theme1 .footerNav a:hover {
	color: #FF0000;
}

/* =========================================================
   Планшет
   ========================================================= */

@media (max-width: 1199px) and (min-width: 769px) {
	.site-footer.theme1 {
		height: 420px;
		min-height: 420px;
		margin-top: 60px;
	}

	.site-footer.theme1 > .container {
		flex-direction: column;
		gap: 30px;
		width: calc(100% - 48px);
		max-width: none;
		padding: 40px 0;
	}

	.site-footer.theme1 .logo {
		flex-basis: 100px;
		width: 245px;
		min-width: 245px;
		max-width: 245px;
		height: 100px;
	}

	.site-footer.theme1 .footerInfo {
		flex-direction: column;
		gap: 30px;
	}

	.site-footer.theme1 .button.buttonRed {
		flex-basis: 55px;
		width: 240px;
		min-width: 240px;
		max-width: 240px;
		height: 55px;
		min-height: 55px;
		max-height: 55px;
		padding: 8px 24px;
		border-radius: 13px;
		font-size: 18px;
		line-height: 40px;
	}

.site-footer.theme1 .button.buttonRed .button-text {
	font-size: 18px;
	line-height: 1.2;
}

	.site-footer.theme1 .footerNav {
		flex-basis: auto;
		width: auto;
		min-width: 0;
		max-width: 100%;
	}

	.site-footer.theme1 .footerNav ul {
		justify-content: center;
		gap: clamp(24px, 5vw, 55px);
	}

	.site-footer.theme1 .footerNav a {
		font-size: 17px;
		line-height: 18px;
	}
}

/* =========================================================
   Мобильная версия — 340 × 448.11
   ========================================================= */

@media (max-width: 768px) {
	.site-footer.theme1 {
		width: 100%;
		height: 448.11px;
		min-height: 448.11px;
		margin: 59.06px 0 0;
		padding: 0;
	}

	.site-footer.theme1::before {
		background-image:
			linear-gradient(
				0deg,
				rgba(0, 0, 0, 0) 79.44%,
				#000000 100%
			),
			var(--mobile);
		background-position: center;
		background-size: 100% 100%, cover;
	}

	.site-footer.theme1 > .container {
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 50px;
		width: calc(100% - 32px);
		max-width: none;
		height: 100%;
		margin: 0 auto;
		padding: 47.25px 0 36.24px;
	}

	/* Логотип 246.42 × 100.62 */

	.site-footer.theme1 .logo {
		flex: 0 0 100.62px;
		width: 246.42px;
		min-width: 246.42px;
		max-width: 246.42px;
		height: 100.62px;
	}

	.site-footer.theme1 .footerInfo {
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 40px;
		width: 100%;
		height: auto;
	}

	/* Кнопка 215 × 50 */



	.site-footer.theme1 .button.buttonRed .button-text {
	font-size: 18px;
	line-height: 40px;
}

	/* Меню 159 × 124 */

	.site-footer.theme1 .footerNav {
		flex: 0 0 124px;
		width: 159px;
		min-width: 159px;
		max-width: 159px;
		height: 124px;
	}

	.site-footer.theme1 .footerNav ul {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 20px;
		width: 159px;
		height: 124px;
	}

	.site-footer.theme1 .footerNav li {
		width: 100%;
		height: 16px;
		text-align: center;
	}

	.site-footer.theme1 .footerNav a {
		width: 100%;
		height: 16px;
		font-size: 16px;
		line-height: 16px;
		text-align: center;
	}
}
.buttonPlay svg {
	position: relative;
	left: 3px;
	transition: 0.3s;
}

.buttonPlay:hover svg {
	transition: 0.3s;
}

.single-episode
.seasonsBlock.theme1.episodePlayer
.trailerBlock--home {
	position: relative;
	z-index: 4;
	margin: 0 auto;
}

.single-episode .cast-info-bg-right {
	top: inherit;
	bottom: -10%;
}

.buttonArrow {
	display: flex;
	align-items: center;
	margin: 25px 0 35px;
	padding: 16px 30px 15px;
}

.viewAll {
	display: flex;
	justify-content: center;
	padding: 0;
}

.viewAll .button {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 13.5rem;
	height: auto;
	padding: 0.9rem 0;
	border: 1.6px solid #FFFFFF;
	box-shadow: none;
	background: transparent;
	transition: all 0.3s;
	font-style: normal;
	font-weight: 400;
	font-size: clamp(1rem, 1.5rem + 0.52vw, 2.5rem);
	text-transform: uppercase;
	color: #FFFFFF;
}

.viewAll .button text {
	font-family: Alumni;
}

.viewAll .button:hover {
	background-color: #fff;
	color: #000000;
}

.episodesBlock.theme1 .episodeItem .timing-overlay {
	position: absolute;
	right: 14px;
	bottom: 14px;
	left: auto;
	z-index: 8;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	text-align: right;
	white-space: nowrap;
	color: #FFFFFF;
	pointer-events: none;
}

.buttonRed {
	color: #fff;
}

.source-link,
.source-text {
	margin-right: auto;
	color: #FFFFFF;
}



.term-2 .bannerMain .h1,
.term-2 .bannerMain p {
	color: #fff;
}

.home .cast-info-bg-left {
	display: none;
}

.pageTitle:before,
.pageTitle:after {
	display: none;
}

figure {
	margin-right: 0;
	margin-left: 0;
}

.noPhoto {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 200px;
	border-radius: 8px;
	background: linear-gradient(246.84deg, #2f6d78 -33.13%, #292929 44.42%, #ffffff 121.97%);
	font-size: 32px;
	text-align: center;
}

div:before,
div:after {
	margin-bottom: -1px;
}

iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border: none;
}

.content-block-top,
.content-block-bottom,
.content-block-mid {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.content-block-mid {
	margin-top: -180px;
}

.content-block-top {
	margin-top: 60px;
}

.content-block-bottom {
	margin-top: -10px;
}

.spec-age .spec-label {
	font-size: 31px;
	line-height: 23px;
}

.episodesBlock.theme1 .episodeItem .date-overlay {
	position: absolute;
	right: 14px;
	bottom: 14px;
	left: auto;
	z-index: 8;
	max-width: none;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	text-align: right;
	white-space: nowrap;
	color: #CACACA;
	pointer-events: none;
}

.episodesBlock.theme1 .episodeItem .noPhoto .upcoming {
	display: none;
}

.creators-section .cast-info-bg-right {
	top: -50%;
}

.errorPageWrap {
	padding: 200px 0;
	background: #010101;
	color: #fff;
}

/* FAQ — Все о сериале */

.faqBlock {
	position: relative;
	width: 100%;
	margin: 0;
	/* padding: 90px 0px 250px; */
	padding: 90px 0px 100px;
	overflow: hidden;
	background-color: #000000;
	background-image: url("images/far1/faq.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #FFFFFF;
}


.faqBlock > .container {
	position: relative;
	z-index: 2;
	width: calc(100% - 32px);
	max-width: 1532px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
}

.faqBlock .faq-top {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0 0 clamp(30px, 3.057vw, 58.7px);
	padding: 0;
}

.faqBlock .blockTitle {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 700;
	font-size: clamp(30px, calc(26.13px + 1.139vw), 48px);
	line-height: 1.27;
	justify-content: center;
	text-align: center;
	text-transform: none;
	color: #FFFFFF;
}

.faqBlock .blockTitle::before,
.faqBlock .blockTitle::after {
	display: none;
	content: none;
}

.faqBlock .faqList {
	display: flex;
	position: relative;
	z-index: 2;
	flex-direction: column;
	align-items: stretch;
	gap: clamp(15px, 1.563vw, 30px);
	width: 100%;
	margin: 0;
	padding: 0;
}

.faqBlock .faqItem {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: visible;
	background: transparent;
	color: #FFFFFF;
}

.faqBlock .faqItem[open] {
	display: flex;
	flex-direction: column;
	gap: clamp(15px, 1.563vw, 30px);
}

.faqBlock .faqSummary {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: space-between;
	gap: clamp(12px, 1.563vw, 30px);
	width: 100%;
	min-height: clamp(40px, 4.167vw, 80px);
	box-sizing: border-box;
	margin: 0;
	padding:
		clamp(5px, 1.354vw, 26px)
		clamp(16.5px, 1.719vw, 33px)
		clamp(5px, 1.458vw, 28px)
		clamp(10px, 2.083vw, 40px);
	border: clamp(1px, 0.065vw, 1.25px) solid transparent;
	border-radius: clamp(3px, 0.313vw, 6px);
	background:
		linear-gradient(
			0deg,
			rgba(23, 52, 70, 0.57),
			rgba(23, 52, 70, 0.57)
		) padding-box,
		linear-gradient(
			180deg,
			rgba(0, 187, 255, 0.05) 0%,
			rgba(0, 46, 63, 0.855) 23.08%,
			#000000 100%
		) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box;
	list-style: none;
	color: #FFFFFF;
	cursor: pointer;
	transition:
		filter 0.25s ease,
		transform 0.25s ease;
}

.faqBlock .faqSummary:hover {
	filter: brightness(1.18);
}

.faqBlock .faqSummary:focus {
	outline: none;
}

.faqBlock .faqSummary:focus-visible {
	outline: 2px solid #0BD4E4;
	outline-offset: 4px;
}

.faqBlock .faqSummary::-webkit-details-marker {
	display: none;
}

.faqBlock .faqQuestion {
	display: block;
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 700;
	font-size: clamp(14px, calc(11.85px + 0.633vw), 24px);
	line-height: clamp(18px, calc(15.2px + 0.823vw), 31px);
	text-align: left;
	overflow-wrap: anywhere;
	color: #FFFFFF;
}

.faqBlock .faqIcon {
	display: block;
	flex: 0 0 auto;
	width: clamp(10.99px, 1.146vw, 22px);
	height: clamp(5.48px, 0.573vw, 11px);
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='11' viewBox='0 0 22 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L11 10L21 1' stroke='white' stroke-width='2.57' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	transform: rotate(0deg);
	transition: transform 0.25s ease;
}

.faqBlock .faqItem[open] .faqIcon {
	margin: 0;
	transform: rotate(180deg);
}

.faqBlock .faqContent {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

.faqBlock .faqContent p {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 400;
	font-size: clamp(14px, calc(12.71px + 0.38vw), 20px);
	line-height: clamp(20px, calc(18.92px + 0.317vw), 25px);
	color: #FFFFFF;
}

.faqBlock .faqContent p + p {
	margin-top: clamp(15px, 1.042vw, 20px);
}

@media (max-width: 1200px) {
	.faqBlock > .container {
		width: calc(100% - 48px);
	}

	.faqBlock .faq-top {
		margin-bottom: 45px;
	}

	.faqBlock .blockTitle {
		font-size: 40px;
		line-height: 51px;
	}

	.faqBlock .faqList,
	.faqBlock .faqItem[open] {
		gap: 24px;
	}

	.faqBlock .faqSummary {
		gap: 24px;
		min-height: 64px;
		padding: 17px 28px 17px 30px;
	}

	.faqBlock .faqQuestion {
		font-size: 20px;
		line-height: 26px;
	}

	.faqBlock .faqIcon {
		width: 18px;
		height: 9px;
	}

	.faqBlock .faqContent p {
		font-size: 18px;
		line-height: 24px;
	}
}

@media (max-width: 768px) {
	.faqBlock > .container {
		width: calc(100% - 32px);
	}

	.faqBlock {
		padding: 30px 0px 50px;
		background-size: 140%;
	}

	.faqBlock .faq-top {
		margin-bottom: 30px;
	}

	.faqBlock .blockTitle {
		font-size: 30px;
		line-height: 38px;
	}

	.faqBlock .faqList,
	.faqBlock .faqItem[open] {
		gap: 15px;
	}

	.faqBlock .faqSummary {
		gap: 12px;
		min-height: 40px;
		padding: 5px 16.5px 5px 10px;
		border-width: 1px;
		border-radius: 3px;
	}

	.faqBlock .faqQuestion {
		font-weight: 600;
		font-size: 14px;
		line-height: 18px;
	}

	.faqBlock .faqIcon {
		width: 10.99px;
		height: 5.48px;
	}

	.faqBlock .faqContent p {
		font-size: 14px;
		line-height: 20px;
	}

	.faqBlock .faqContent p + p {
		margin-top: 15px;
	}
}

.single-episode .storyWB {
	position: relative;
	padding: clamp(5rem, 5.55vw, 6.625rem) 0 clamp(5rem, 7vw, 8rem);
	padding-bottom: clamp(4.5rem, 8vw, 8rem);
	background: #212020;
}

.single-episode .storyWB .container.new-inner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: clamp(1.5rem, 3vw, 2.4375rem);
	width: calc(100% - clamp(3rem, 4vw, 4rem));
	max-width: 1532.5px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
	color: #FFFFFF;
}

.single-episode .storyWB .container.new-inner .blockTitle {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Alumni, sans-serif;
	font-weight: 700;
	font-size: clamp(2.25rem, 2.8125vw, 3.375rem);
	line-height: 1.2;
	text-align: left;
	text-transform: uppercase;
	color: #FFFFFF;
}

.single-episode .storyWB .container.new-inner .storyContent {
	width: 100%;
	max-width: 1532.5px;
	margin: 0;
	padding: 0;
}

.single-episode .storyWB .container.new-inner .storyContent p,
.single-episode .storyWB .container.new-inner p {
	width: 100%;
	margin: 0;
	font-family: Roboto Condensed, sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 25px;
	text-align: left;
	color: #FFFFFF;
}

.single-episode .storyWB .container.new-inner a {
	color: #FFFFFF;
}

.single.single-episode .seasonsBlock {
	z-index: auto;
}

.single-episode .trailerWrap,
.single-episode .trailerWrap a,
.single-episode .trailerPreview,
.single-episode .trailerPreview.buttonPlay {
	position: relative;
}

.single-episode .trailerPreview {
	width: 100%;
	max-width: none;
	margin: 0;
}

.single-episode .trailerPreview.buttonPlay span {
	position: absolute;
	top: 50%;
	right: auto;
	bottom: auto;
	left: 50%;
	z-index: 7;
	margin: 0;
	transform: translate(-50%, -50%);
}

.single-episode .trailerPreview.buttonPlay span::after {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}

.single-episode .trailerWrap .blockTitle {
	position: relative;
	z-index: 6;
	margin-bottom: clamp(1.5rem, 4vw, 4.5rem);
}

.single-episode {
	overflow-x: clip;
}

@media (min-width: 1200px) {
	.single-episode .episodesBlock+.actorsWrap {
		padding-bottom: 5px;
	}

	.news-bg-left {
		display: block;
	}

	.reviewsSlider .slick-list {
		margin: 0;
	}

	.reviewsSlider {
		display: grid;
		gap: 1.5rem 2.875rem;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 1374px;
		margin: 3.75rem auto 0;
	}

	.reviewsSliderWrapper .navigation {
		display: none;
	}

	.similarSlider.slick-initialized .slick-slide {
		padding-right: clamp(0.75rem, 1.067vw, 1.28125rem);
		padding-left: clamp(0.75rem, 1.067vw, 1.28125rem);
	}
}

@media (max-width: 1599px) and (min-width: 769px) {
	.similarSlider img,
	.similarSlider .slick-slide > div:hover img,
	.similarSlider .slick-slide > div:focus-within img {
		max-width: 100% !important;
	}

	.similarSlider .slick-slide > div > a:first-child::after,
	.similarSlider .slick-slide > div:hover > a:first-child::after,
	.similarSlider .slick-slide > div:focus-within > a:first-child::after {
		width: 100% !important;
	}
}

@media (max-width: 1550px) {
	.actorsList {
		justify-content: center;
	}

	.shareCloud {
		right: 15px;
	}
}


@media (max-width: 1280px) {
	.series-info-grid {
		grid-template-columns: 1fr;
	}

	.actorsList {
		flex-wrap: wrap;
	}

	.gallery-item img {
		min-width: auto;
	}

	.content-block-mid {
		flex-direction: column-reverse;
		margin-top: 0px;
	}
}

@media (max-width: 1280px) and (min-width: 769px) {
	.similarWrap {
		--similar-gap: 2rem;
	}
}



@media (max-width: 1199px) {
	.trailerWrap .blockTitle {
		margin-bottom: 2rem;
	}

	.trailerWrap a img {
		aspect-ratio: 16 / 7;
	}

	.reviewsSlider .slick-slide > div {
	}

.reviewsWrap.theme1 {
	background: #000000;
}

.reviewsWrap.theme1 > .container {
	width: calc(100% - 48px);
	max-width: 1100px;
}

.reviewsWrap.theme1 .blockTitle {
	max-width: 760px;
	font-size: clamp(36px, 4vw, 44px);
	line-height: 1.27;
}

.reviewsWrap.theme1 .reviewsSliderWrapper {
	margin-top: 45px;
}

.reviewsWrap.theme1 .reviewsSlider.slick-initialized {
	display: block;
	width: 100%;
	margin: 0;
}

.reviewsWrap.theme1
	.reviewsSlider.slick-initialized
	.slick-list {
	width: calc(100% + 24px);
	margin-right: -12px;
	margin-left: -12px;
	overflow: hidden;
}

.reviewsWrap.theme1
	.reviewsSlider.slick-initialized
	.slick-track {
	display: flex !important;
	align-items: stretch;
}

.reviewsWrap.theme1
	.reviewsSlider.slick-initialized
	.slick-slide {
	float: none;
	height: auto;
	box-sizing: border-box;
	margin: 0;
	padding-right: 12px;
	padding-left: 12px;
}

.reviewsWrap.theme1
	.reviewsSlider.slick-initialized
	.slick-slide
	> div {
	width: 100%;
	height: 100%;
}

.reviewsWrap.theme1 .reviewItem {
	height: 400px;
	min-height: 400px;
	max-height: 400px;
	padding: 36px;
}

.reviewsWrap.theme1 .reviewHeader {
	flex-basis: 32px;
	height: 32px;
}

.reviewsWrap.theme1 .reviewItem h3 {
	font-size: 21px;
	line-height: 27px;
}

.reviewsWrap.theme1 .starsWrap {
	flex-basis: 165px;
	width: 165px;
	height: 32px;
	gap: 10px;
	padding: 5px 10px;
}

.reviewsWrap.theme1 .starsWrap text {
	font-size: 16px;
	line-height: 22px;
}

.reviewsWrap.theme1 .starsList {
	flex-basis: 102px;
	width: 102px;
	height: 18px;
}

.reviewsWrap.theme1 .starsList span {
	flex-basis: 18px;
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
}

.reviewsWrap.theme1 .reviewText {
	height: 190px;
	min-height: 190px;
	max-height: 190px;
	margin-top: 30px;
}

.reviewsWrap.theme1 .reviewText p {
	font-size: 17px;
	line-height: 23px;
}

.reviewsWrap.theme1 .reviewBottom {
	height: 22px;
	margin-top: auto;
	font-size: 17px;
	line-height: 22px;
}

.reviewsWrap.theme1
	.reviewsSliderWrapper
	> .navigation {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 5px;
	min-height: 0;
	margin-top: 20px;
	padding: 0;
}

.reviewsWrap.theme1
	.reviewsSliderWrapper
	> .navigation
	> .slick-prev,
.reviewsWrap.theme1
	.reviewsSliderWrapper
	> .navigation
	> .slick-next {
	display: none !important;
}}

@media (max-width: 1366px) and (min-width: 1181px) {

	header.fixed {
	height: 80px;
	padding: 12px 0;
}

header.fixed .container {
	height: 56px;
}

	header {
	height: 91px;
	padding-top: 35px;
	}

	header .container {
		gap: 16px;
	}

	header .logo {
		width: 132px;
		min-width: 132px;
		height: 53px;
	}

	header nav,
	header ul {
		gap: clamp(20px, 2.8vw, 38px);
	}

	header nav {
		flex-basis: 680px;
		max-width: 680px;
	}

	header li a,
	header nav a {
		font-size: 16px;
		line-height: 21px;
	}

	.headerContacts {
		gap: clamp(18px, 2.2vw, 30px);
		width: clamp(270px, 23vw, 310px);
		height: 46px;
	}

.headerContacts .buttonPlay {
	height: 46px;
	padding: 0 14px;
}

	.headerContacts a text {
		font-size: 18px;
		line-height: 23px;
	}

	.shareWrap {
		flex-basis: 46px;
		width: 46px;
		height: 46px;
	}
}

@media (max-width: 1180px) {



	header nav,
	header ul,
	.headerContacts {
		display: none;
	}

	header {
	top: 0;
	height: 69px;
	padding: 19px 19px 0 16px;
}

	header.fixed {
	height: 69px;
	padding: 9.5px 19px 9.5px 16px;
}

header.fixed .container {
	height: 50px;
}

header.fixed .container {
	height: 50px;
}

	header .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		max-width: none;
		height: 50px;
		margin: 0;
		padding: 0;
	}

	header .logo {
		flex: 0 0 124.23px;
		width: 124.23px;
		min-width: 124.23px;
		height: 50px;
	}

	header .logo img,
	header .logo svg {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.menuToggle {
		display: flex;
		flex: 0 0 32.16px;
	}
}

@media (max-width: 1100px) {
	body:not(.home) .cast-info-bg-left {
		height: clamp(9rem, 24vw, 18rem);
		background-position: center top;
		background-size: 130% auto;
	}

	body:not(.home) .cast-info-bg-right {
		height: clamp(18rem, 34vw, 28rem);
		background-size: 120% 100%;
	}


	.single-episode .episodesBlock {
		padding-top: clamp(2.5rem, 5vw, 4rem);
	}

	.single-episode .episodes-bg-left {
		top: -70px;
		height: clamp(8rem, 40vw, 30rem);
		background-size: 130% auto;
	}

	.single-episode .episodes-bg-right {
		top: 20px;
		width: 260px;
		height: 670px;
		background-size: contain;
	}

	.newsList {
		grid-template-columns: 1fr 1fr;
	}

	.postItem:nth-child(even) {
		flex-direction: column;
	}
}

@media (max-width: 1100px) and (min-width: 769px) {
	.newsList.slick-initialized .slick-list {
		width: calc(100% + 2rem);
		margin: 0 -1rem;
	}

	.newsList.slick-initialized .slick-slide {
		padding: 0 1rem;
	}

	.newsWrap .container {
		row-gap: 2.5rem;
	}

	.newsList {
		gap: 3rem 2rem;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.postItem {
		gap: 1.75rem;
	}

	.pipc {
		gap: 1.5rem;
	}

	.postItem h3 {
		font-size: 1.25rem;
		line-height: 1.25;
	}

	.postItem p {
		font-size: 1rem;
		line-height: 1.35;
	}

	.pipcBottom {
		gap: 1rem;
	}

	.postItem .button {
		flex: 0 0 11.5rem;
		width: 11.5rem;
		height: 2.8rem;
		padding: 0.75rem 1.25rem;
		font-size: 1.25rem;
	}

	.postItem a.open_link,
	.postItem h3,
	.postItem p {
		margin-bottom: 1.5rem;
	}
}

@media (max-width: 1024px) {
	.single-episode .storyWB {
		padding: 4.5rem 0 5rem;
	}

	.single-episode .storyWB .container.new-inner {
		gap: 2rem;
	}

	.single-episode .storyWB .container.new-inner .storyContent p,
	.single-episode .storyWB .container.new-inner p {
		font-size: 18px;
		line-height: 1.35;
	}
}

@media (max-width: 940px) {
	.bannerMain {
		height: 641.08px;
		min-height: 641.08px;
		padding: 0;
	}

	.bannerMain .container {
		align-items: center;
		justify-content: flex-start;
		width: calc(100% - 48px);
		height: 100%;
		padding-top: clamp(
			120px,
			calc(449.7px - 35.08vw),
			280.96px
		);
		text-align: center;
	}

	.bannerMain .banner_logo {
		width: clamp(
			193.86px,
			calc(61.66px + 27.48vw),
			320px
		);
		height: auto;
		margin: 0;
		object-position: center;
	}

	.bannerMain .h1 {
		max-width: clamp(
			239px,
			calc(-206.4px + 92.6vw),
			664px
		);
		margin-top: clamp(
			14px,
			calc(5.62px + 1.743vw),
			22px
		);
		font-size: clamp(
			18px,
			calc(5.43px + 2.614vw),
			30px
		);
		line-height: clamp(
			25px,
			calc(13.47px + 2.396vw),
			36px
		);
		text-align: center;
	}

	.bannerMain p {
		max-width: clamp(
			273.5px,
			calc(-72.8px + 72vw),
			604px
		);
		margin: clamp(
			8px,
			calc(-17.15px + 5.23vw),
			32px
		) 0 0;
		font-size: clamp(
			12px,
			calc(7.81px + 0.872vw),
			16px
		);
		line-height: clamp(
			18px,
			calc(12.76px + 1.089vw),
			23px
		);
		text-align: center;
	}

	.bannerMain .buttonsWrap {
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
		gap: clamp(
			20px,
			calc(7.42px + 2.615vw),
			32px
		);
		width: 100%;
		margin: clamp(
			5.14px,
			calc(-41.87px + 9.773vw),
			50px
		) 0 0;
	}

	.bannerMain .button {
	width: clamp(
		215px,
		calc(104.96px + 22.88vw),
		320px
	);
	max-width: 100%;
}

	.bannerMain .button.buttonRed {
		height: clamp(
			50px,
			calc(20.6px + 6.1vw),
			78px
		);
		min-height: clamp(
			50px,
			calc(20.6px + 6.1vw),
			78px
		);
		padding:
			clamp(
				3.36022px,
				calc(-8.73px + 2.513vw),
				14.898px
			)
			clamp(
				20px,
				calc(9.74px + 2.134vw),
				29.7959px
			);
		border-width: clamp(
			3px,
			calc(1.95px + 0.218vw),
			4px
		);
		border-radius: clamp(
			10.7527px,
			calc(5.25px + 1.144vw),
			16px
		);
	}

	.bannerMain .button.buttonPlay {
		height: clamp(
			50px,
			calc(29.04px + 4.36vw),
			70px
		);
		min-height: clamp(
			50px,
			calc(29.04px + 4.36vw),
			70px
		);
		padding: 5px clamp(
			20px,
			calc(-10.4px + 6.32vw),
			49px
		);
		border-radius: clamp(
			10.7527px,
			calc(5.25px + 1.144vw),
			16px
		);
	}

	.bannerMain .button.buttonRed text,
	.bannerMain .button.buttonPlay text {
		font-size: clamp(
			18px,
			calc(9.62px + 1.74vw),
			26px
		);
		line-height: clamp(40px, 6.383vw, 60px);
	}

	.seasonsList {
		grid-template-columns: repeat(2, minmax(0, 379px));
	}


	.content-block-top {
		order: 0;
	}

	.content-block-mid {
		order: 2;
	}

	.content-block-bottom {
		order: 1;
	}
}


@media (max-width: 768px) {
	body:not(.home) .cast-info-bg-left {
		top: 0;
		height: clamp(11rem, 46vw, 18rem);
		background-position: center top;
		background-size: 230% auto;
	}

	body:not(.home) .cast-info-bg-right {
		height: clamp(24rem, 70vw, 34rem);
		background-position: center bottom;
		background-size: 160% 100%;
	}

	.seasonsBlock::after {
		display: none;
	}

	.seasons-bg-right {
		top: -50px;
	}

	.seasonsBlock:before {
		top: -45px;
		height: 50px;
		background-size: cover;
	}

	.seasonsBlock:after {
		bottom: -40px;
		height: 50px;
		background-size: cover;
	}

	.single-episode .episodes-bg-right {
		display: none;
		top: -2.25rem;
		right: auto;
		left: -0px;
		width: clamp(13rem, 72vw, 20rem);
		height: clamp(18rem, 82vw, 28rem);
		background-position: left top;
		background-size: contain;
	}

	.episodesBlock:after {
		background-size: cover;
	}

	.single-episode .episodesBlock {
		margin-top: 0;
		padding-top: 5.5rem;
		padding-bottom: 4rem;
	}

	.single-episode .episodes-bg-left {
		top: -3.5rem;
		height: clamp(12rem, 65vw, 30rem);
		background-position: center top;
		background-size: 240% auto;
	}

	.newsList {
		grid-template-columns: 1fr;
	}

	.postItem a.open_link,
	.postItem h3,
	.postItem p {
		margin-bottom: 1.3125rem;
	}

	.reviewsSliderWrapper .navigation .slick-prev,
	.reviewsSliderWrapper .navigation .slick-next {
		position: relative;
	}



	.reviews-bg-left {
		height: 17rem;
		background-position: center top;
		background-size: auto 100%;
	}

	.reviewsWrap .container {
		width: calc(100% - 2rem);
		max-width: 38rem;
	}

	.reviewsWrap .blockTitle {
		max-width: 22rem;
		margin: 0 auto;
		font-size: 2rem;
		line-height: 1;
		text-align: center;
	}

	.reviewItem h3 {
		text-align: center;
	}

	.similarWrap {
		padding: 1.875rem 0 2.875rem;
		--similar-gap: 1.875rem;
		--similar-poster-height: calc(var(--similar-poster-width) * 1.4338983);
		--similar-poster-scale: 1;
		--similar-poster-width: min(18.4375rem, calc(100vw - 3.75rem));
		--similar-zone-height: var(--similar-poster-height);
	}

	.similarWrap .container {
		width: calc(100% - 3.125rem);
		max-width: none;
	}

	.similarWrap .blockTitle,
	.similarWrap .blockTitle.center {
		justify-content: center;
		width: min(18.6875rem, 100%);
		margin: 0 auto;
		font-size: 1.875rem;
		line-height: 1;
		text-align: center;
	}

	.similarSlider {
		margin-top: 1.125rem;
		--similar-gap-half: 0rem;
		--similar-hover-safe-space: 0rem;
	}

	.similarSlider.slick-initialized .slick-list {
		width: 100% !important;
		margin: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.similarSlider .slick-slide h3 {
		margin-top: 1.078125rem;
		font-family: Roboto Condensed, sans-serif;
		font-weight: 400;
		font-size: 1.03125rem;
		line-height: 1.1515;
	}

	.similarSlider .slick-slide span {
		margin-top: 0.5625rem;
		font-size: 0.84375rem;
		line-height: 1.037;
	}

	.similarSlider img {
		border-width: 1.54617px;
	}

	.similarSlider .slick-slide > div:hover img,
	.similarSlider .slick-slide > div:focus-within img {
		transform: translateZ(0) scale(1);
		border-width: 1.54617px;
	}

	.similarSlider .slick-slide > div:hover > a:first-child::after,
	.similarSlider .slick-slide > div:focus-within > a:first-child::after {
		transform: translate(-50%, -50%);
	}

	.similarWrap .navigation {
		top: calc(3.75rem + 1.125rem + (var(--similar-poster-height) * 0.5) - 1.125rem);
		right: auto;
		left: 50%;
		gap: 0;
		width: var(--similar-poster-width);
		height: 2.25rem;
		transform: translateX(-50%);
		pointer-events: none;
	}

	.similarWrap .navigation .slick-prev,
	.similarWrap .navigation .slick-next {
		position: absolute;
		top: 0;
		width: 2.25rem;
		height: 2.25rem;
		pointer-events: auto;
		border-width: 0.96px;
	}

	.similarWrap .navigation .slick-prev {
		left: 0;
	}

	.similarWrap .navigation .slick-next {
		right: 0;
	}

	.similarWrap .navigation .slick-prev svg,
	.similarWrap .navigation .slick-next svg {
		width: 1.275rem;
		height: 1.2rem;
	}

	.similarSlider.slick-initialized .slick-slide {
		padding: 0 !important;
	}

	.similarSlider .slick-slide > div > a:first-child {
		aspect-ratio: auto;
	}

	.similarSlider img,
	.similarSlider .slick-slide > div:hover img,
	.similarSlider .slick-slide > div:focus-within img {
		width: min(100%, 18.4375rem) !important;
		max-width: 18.4375rem !important;
		aspect-ratio: 295 / 423;
	}

	.similarSlider .slick-slide > div > a:first-child::after,
	.similarSlider .slick-slide > div:hover > a:first-child::after,
	.similarSlider .slick-slide > div:focus-within > a:first-child::after {
		width: min(100%, 18.4375rem) !important;
		aspect-ratio: 295 / 423;
	}


	

	.single-episode .trailerWrap a img {
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
		object-fit: cover;
	}

	.single-episode .trailerPreview.buttonPlay span {
		width: 3.5rem;
		height: 3.5rem;
	}

	.single-episode .trailerPreview.buttonPlay span::before {
		width: 1.125rem;
		height: 1.125rem;
	}

	.single-episode .trailerPreview.buttonPlay span::after {
		top: calc(100% + 0.45rem);
		font-size: 1.35rem;
	}

	.single-episode .storyWB {
		padding-top: 3rem;
		padding-bottom: 4.75rem;
	}

	.single-episode .storyWB .container.new-inner {
		gap: 1.5rem;
		width: calc(100% - 2rem);
	}

	.single-episode .storyWB .container.new-inner .storyContent p,
	.single-episode .storyWB .container.new-inner p {
		font-size: 16px;
		line-height: 1.42;
	}

	.single-episode .trailerBlock {
		margin-top: 3rem;
	}

	.single-episode .trailerWrap .blockTitle {
		justify-content: center;
		max-width: 100%;
		margin-bottom: 1.75rem;
		font-size: clamp(1.75rem, 8vw, 2.25rem);
		line-height: 1.12;
		text-align: center;
	}
}

@media (max-width: 767px) {
	.trailerBlock {
		margin-top: 2rem;
	}

	.trailerWrap .blockTitle {
		margin-bottom: 1.5rem;
		font-size: 2rem;
		line-height: 1.1;
	}

	.trailerWrap a img {
		aspect-ratio: 16 / 9;
	}

	.trailerPreview.buttonPlay span {
		width: 3.5rem;
		height: 3.5rem;
	}

	.trailerPreview.buttonPlay span::before {
		width: 1.125rem;
		height: 1.125rem;
	}

	.trailerPreview.buttonPlay span::after {
		top: calc(100% + 0.5rem);
		font-size: 1.5rem;
	}

.seasonsBlock.theme1 {
	margin: 0;
	padding: 0 0 50px;
}

.seasonsBlock.theme1
.seasonsWrap:has(+ .trailerBlock--home) {
	margin-bottom: 30px;
	padding: 0;
}

.seasonsBlock.theme1
.seasonsWrap:has(+ .trailerBlock--home)
.blockTitle {
	width: calc(100% - 31.26px);
	max-width: 308.74px;
	min-height: 76px;
	font-size: 30px;
	line-height: 38px;
	text-align: center;
}

.seasonsBlock.theme1 .trailerBlock--home {
	width: calc(100% - 31.26px);
	max-width: 308.74px;
	margin: 0 auto;
}

.seasonsBlock.theme1 .trailerMedia {
	aspect-ratio: 16 / 9;
	border-radius: 1.47287px;
}

.seasonsBlock.theme1
.trailerBlock--home
.trailerPreview.buttonPlay
.trailerPlay {
	top: 50%;
	left: 50%;
	width: 60.66px;
	height: 60px;
	box-sizing: border-box;
	border: 1.24401px solid transparent;
	border-radius: 31.5175px;
	background:
		linear-gradient(
			180deg,
			#116D8F -15.8%,
			#000000 100%
		) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box;
	transform: translate(-50%, -50%);
}

.seasonsBlock.theme1 .trailerPlay svg {
	width: 25.36px;
	height: 21.39px;
}

.seasonsBlock.theme1
.trailerBlock--home
.trailerPreview
.trailerCta {
	width: 215px;
	height: 50px;
	margin-top: 30px;
	padding: 3.36022px 20px;
	border-radius: 10.7527px;
	font-size: 18px;
	line-height: 40px;
}
}

@media (max-width: 640px) {
	.episodesBlock.theme1 {
	margin-top: 80px;
	padding-top: 0;
	padding-bottom: 60px;
}

.episodesBlock.theme1 > .container {
	width: calc(100% - 32px);
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
}

.episodesBlock.theme1 .episodesHeader {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0;
	padding: 0;
}

.episodesBlock.theme1 .episodesHeader .blockTitle {
	width: 100%;
	font-size: 30px;
	line-height: 38px;
	text-align: center;
}

.episodesBlock.theme1 .episodesList {
	grid-template-columns: minmax(0, 308px);
	justify-content: center;
	gap: 30px;
	width: 100%;
	margin: 30px auto 0;
	padding: 0;
}

.episodesBlock.theme1 .episodeItem {
	width: 100%;
	max-width: 308px;
	height: auto;
	aspect-ratio: 308 / 173.25;
	border-width: 1px;
	border-radius: 5.25px;
}

.episodesBlock.theme1 .episodeItem .openLink {
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
}

.episodesBlock.theme1 .episodeItem.not-released .openLink::after {
	backdrop-filter: blur(4.1125px);
	-webkit-backdrop-filter: blur(4.1125px);
}

.episodesBlock.theme1 .episodeItem .buttonPlay,
.episodesBlock.theme1 .episodeItem .buttonClose {
	width: 100%;
	height: 100%;
	margin: 0;
}

.episodesBlock.theme1 .episodeItem .buttonPlay .episodeAction,
.episodesBlock.theme1 .episodeItem .buttonClose .episodeAction {
	gap: 8.75px;
	width: 148.75px;
	height: 43.75px;
	padding: 0 14px;
	border-radius: 5.25px;
}

.episodesBlock.theme1 .episodeItem .buttonPlay .episodeAction {
	border-width: 1px;
}

.episodesBlock.theme1 .episodeItem .buttonPlay .episodeActionText,
.episodesBlock.theme1 .episodeItem .buttonClose .episodeActionText {
	font-size: 17.5px;
	line-height: 22px;
}

.episodesBlock.theme1 .episodeItem .buttonPlay svg {
	width: 14px;
	height: 17px;
}

.episodesBlock.theme1 .episodeItem .buttonClose svg {
	width: 15px;
	height: 17px;
}

.episodesBlock.theme1 .episodeItem .episodeTitle {
	bottom: 8.63px;
	left: 11.38px;
	font-size: 17.5px;
	line-height: 22px;
}

.episodesBlock.theme1 .episodeItem .timing-overlay,
.episodesBlock.theme1 .episodeItem .date-overlay {
	right: 11.38px;
	bottom: 8.25px;
	font-size: 14px;
	line-height: 18px;
}


	.single-episode .storyWB {
		padding: 3.5rem 0 4rem;
	}

	.single-episode .storyWB .container.new-inner {
		gap: 1.5rem;
		width: calc(100% - 2rem);
	}

	.single-episode .storyWB .container.new-inner .blockTitle {
		font-size: 2rem;
		line-height: 1.1;
	}

	.single-episode .storyWB .container.new-inner .storyContent p,
	.single-episode .storyWB .container.new-inner p {
		font-size: 16px;
		line-height: 1.35;
	}
}

@media (max-width: 480px) {
	body:not(.home) .episodes-bg-right {
		background-image: none;
	}

	body:not(.home) .cast-info-bg-right {
		height: clamp(28rem, 90vw, 40rem);
		background-size: 220% 100%;
	}

	body:not(.home) .cast-info-bg-left {
		height: clamp(12rem, 58vw, 20rem);
		background-position: center top;
		background-size: 300% auto;
	}

	.bannerMain,
	.bannerMain.hasMobile {
		width: 100%;
		height: calc(100vw * 641.08 / 375);
		min-height: 641.08px;
		padding: 0;
		overflow: hidden;
		background-color: #000000;
		background-image: var(--mobile, var(--pc));
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% auto;
	}

	.bannerMain::after,
	.bannerMain.hasMobile::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 140px;
		pointer-events: none;
		z-index: 2;
		background: linear-gradient(
			180deg,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.35) 35%,
			rgba(0, 0, 0, 0.75) 70%,
			#000000 100%
		);
	}

	.bannerMain .container {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: min(305px, calc(100% - 35px));
		height: 100%;
		min-height: 0;
		padding: 280.96px 0 0;
		text-align: center;
	}

	.bannerMain .banner_logo {
		display: block;
		width: 193.86px;
		max-width: 100%;
		height: 79.16px;
		margin: 0;
		object-fit: contain;
		object-position: center;
	}

	.bannerMain .h1 {
		width: 239px;
		max-width: 100%;
		margin: 14px 0 0;
		font-size: 18px;
		line-height: 25px;
		text-align: center;
	}

	.bannerMain p {
		width: 100%;
		max-width: 273.5px;
		margin: 8px 0 0;
		font-size: 12px;
		line-height: 18px;
		text-align: center;
	}

	.bannerMain .buttonsWrap {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-start;
		gap: 20px;
		width: 100%;
		margin: 5.14px 0 0;
	}

	.bannerMain .button {
		flex: 0 0 50px;
		width: 215px;
		height: 50px;
		min-height: 50px;
	}

	.bannerMain .button.buttonRed {
		width: 215px;
		height: 50px;
		min-height: 50px;
		padding: 3.36022px 20px;
		border-width: 3px;
		border-radius: 10.7527px;
		box-shadow:
			0 24.8656px 11.2903px -10.7527px
			rgba(0, 255, 242, 0.26);
	}

	.bannerMain .button.buttonPlay {
		width: 215px;
		height: 50px;
		min-height: 50px;
		padding: 3.36022px 20px;
		border: 1.24401px solid transparent;
		border-radius: 10.7527px;
	}

	.bannerMain .button.buttonRed text,
	.bannerMain .button.buttonPlay text {
		font-size: 18px;
		line-height: 40px;
	}

	.new-inner-section:before {
		background-size: cover;
	}

	.new-inner__image:before {
		width: 170px;
	}

	.series-info-left,
	.series-info-right,
	.series-info-grid {
		gap: 10px;
	}

.seasonsBlock:not(.theme1) {
	margin-top: 105px;
	padding: 1.875rem 0;
}

	.seasonsWrap {
		padding: 20px 0 0 0;
	}

	.episodes-bg-right {
		height: clamp(70rem, 23vw, 34rem);
	}

	.episodesBlock:before {
		top: -15px;
		height: 30px;
		background-size: cover;
	}

	.episodes-bg-left {
		height: 23rem;
		background-position: top right;
		background-size: 350% auto;
	}


	.single-episode .episodes-bg-left {
		top: -3rem;
		height: clamp(12rem, 90vw, 30rem);
		background-size: 320% auto;
	}

	.single-episode .episodes-bg-right {
		top: -2rem;
		right: 0;
		left: 0px;
		width: clamp(12rem, 82vw, 18rem);
		height: clamp(17rem, 95vw, 26rem);
	}

	.single-episode .episodesBlock {
		margin-top: 0;
		padding-top: 5rem;
	}

	.trailerPreview.buttonPlay span {
		top: calc(50% - 2.5rem);
		left: calc(50% - 2.5rem);
		width: 3rem;
		height: 3rem;
	}

	.trailerWrap a {
		padding: 0;
	}

	.trailerBlock {
		margin-top: 1.875rem;
	}

	.trailerWrap .blockTitle {
		font-size: 1.75rem;
	}

	.trailerWrap a img {
		aspect-ratio: 1.6 / 1;
	}

	.trailerPreview.buttonPlay span::after {
		font-size: 1.25rem;
	}

	.actorsWrap {
		padding: 1.875rem 0;
	}

	.actorsList {
		justify-content: center;
		margin: 3.2rem 0;
	}

	.actorsWrap .container {
		padding-top: 0px;
	}

	.news-bg-left {
		display: block;
		top: -26%;
		right: unset;
		left: 0;
		width: 80%;
		background-size: contain;
	}

	.postItem img {
		display: block;
		width: 100%;
		height: 100%;
		max-height: none;
		margin: 0;
		object-fit: cover;
		object-position: center;
	}

	.postItem {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 1.25rem;
		width: 100%;
		padding-bottom: 0;
	}

	.newsWrap {
		padding: 4rem 0 8rem;
	}

	.newsWrap .container {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 1.25rem;
		width: calc(100% - 2rem);
	}

	.newsWrap .blockTitle,
	.newsWrap .blockTitle.center {
		justify-content: center;
		width: 100%;
		margin: 0;
		font-size: 1.875rem;
		line-height: 1;
		text-align: left;
	}

	.newsWrap .navigation {
		display: none;
	}

	.newsList {
		display: flex;
		flex-direction: column;
		gap: 3.9375rem;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.pipc {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 1.3125rem;
		width: 100%;
	}

	.postItem a.open_link {
		width: 100%;
		aspect-ratio: 308 / 173.09;
		overflow: hidden;
	}

	.postItem h3 {
		width: 100%;
		margin: 0;
		font-family: Roboto, sans-serif;
		font-weight: 500;
		font-size: 0.9545rem;
		line-height: 1.125rem;
		color: #FFFFFF;
	}

	.postItem p {
		width: 100%;
		margin: 0;
		font-family: Roboto Condensed, sans-serif;
		font-weight: 400;
		font-size: 0.875rem;
		line-height: 1rem;
		color: #FFFFFF;
	}

	.pipcBottom {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 1.25rem;
		width: 100%;
		margin-top: 0;
	}

	.postItem span,
	.post_date {
		width: 100%;
		margin: 0;
		font-family: Roboto, sans-serif;
		font-weight: 300;
		font-size: 0.7159rem;
		line-height: 1.4;
		text-align: left;
		color: #FFFFFF;
	}

	.postItem .button {
		flex: 0 0 auto;
		gap: 3.45625rem;
		width: 9.625rem;
		min-width: 0;
		max-width: none;
		height: 2.1875rem;
		padding: 0.65625rem 1.3125rem;
		border: 1.12px solid #FFFFFF;
		font-size: 1.05rem;
		line-height: 1;
	}

	.postItem .button text {
		font-weight: 500;
		font-size: 1.05rem;
		line-height: 1;
	}


	.reviewsSliderWrapper {
		margin: 0;
	}

	.reviewsWrap {
		padding: 5rem 0 3.25rem;
	}

	.reviewsWrap:before {
		left: 0;
		height: 41px;
		background-size: cover;
	}

	.reviews-bg-left {
		height: 10rem;
		background-position: center top;
		background-size: auto 100%;
	}

	.reviewsWrap .container {
		width: calc(100% - 32px);
		max-width: 308px;
	}

	.reviewsWrap .blockTitle {
		width: 288px;
		max-width: 100%;
		margin: 0 auto;
		font-family: Alumni, sans-serif;
		font-weight: 700;
		font-size: 30px;
		line-height: 30px;
		text-align: center;
		text-transform: uppercase;
	}

	.reviewsSlider {
		width: 100%;
		margin-top: 20px;
	}

	.reviewsSlider .slick-list {
		overflow: hidden !important;
	}

	.reviewsSlider .slick-track {
		display: flex !important;
		align-items: stretch;
	}

	.reviewsSlider .slick-slide {
		width: 308px;
		height: auto;
		margin: 0;
	}

	.reviewsSlider .slick-slide > div {
	}

	.reviewItem {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		gap: 0;
		width: 308px;
		height: 406.75px;
		min-height: 406.75px;
		max-height: 406.75px;
		box-sizing: border-box;
		padding: 20px 15px 20px 14px;
		border-radius: 6px;
	}

	.reviewHeader {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 20px;
		width: 100%;
		height: 65.25px;
		min-height: 65.25px;
		margin: 0;
	}

	.reviewItem h3 {
		flex: none;
		width: auto;
		height: 19px;
		margin: 0;
		font-family: Roboto, sans-serif;
		font-weight: 400;
		font-size: 16.5px;
		line-height: 19px;
		text-align: center;
		color: #FFFFFF;
	}

	.starsWrap {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		gap: 11.25px;
		width: 135.75px;
		height: 26.25px;
		min-height: 26.25px;
		box-sizing: border-box;
		margin: 0;
		padding: 5.25px 11.25px;
	}

	.starsWrap text {
		font-family: Roboto, sans-serif;
		font-weight: 400;
		font-size: 13.5px;
		line-height: 140%;
		color: #FFFFFF;
	}

	.starsList {
		display: flex;
		align-items: center;
		gap: 2.25px;
		width: 84px;
		height: 15px;
	}

	.starsList span {
		flex: 0 0 15px;
		width: 15px;
		height: 15px;
	}

	.reviewText {
		width: 100%;
		height: 228px;
		min-height: 228px;
		max-height: 228px;
		box-sizing: border-box;
		margin-top: 29.25px;
		padding-right: 12.75px;
		overflow-y: auto;
	}

	.reviewText p {
		margin: 0;
		font-family: Roboto, sans-serif;
		font-weight: 300;
		font-size: 13.5px;
		line-height: 140%;
		color: #FFFFFF;
	}

	.reviewText::-webkit-scrollbar {
		width: 4.3px;
	}

	.reviewText::-webkit-scrollbar-track {
		background: #505050;
	}

	.reviewText::-webkit-scrollbar-thumb {
		background: #C5C5C5;
	}

	.reviewBottom {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0;
		width: 100%;
		height: 21px;
		min-height: 21px;
		margin-top: 23.25px;
		font-size: 0;
	}

	.reviewBottom > :last-child {
		flex: 0 0 auto;
		font-family: Roboto Condensed, sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 140%;
		text-align: right;
		color: #FFFFFF;
	}

	.reviewsWrap .navigation {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 5px;
		min-height: 0;
		margin-top: 20px;
	}

	.reviewsWrap .navigation .slick-prev,
	.reviewsWrap .navigation .slick-next {
		display: none !important;
	}

	.reviewsWrap .slick-dots {
		display: flex !important;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		gap: 9px;
		width: auto;
		height: 5px;
		margin: 0;
		padding: 0;
	}

	.reviewsWrap .slick-dots li {
		width: auto;
		height: auto;
		margin: 0;
		padding: 0;
	}

	.reviewsWrap .slick-dots button {
		display: block;
		width: 5px;
		height: 5px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 7px;
		background: rgba(255, 255, 255, 0.6);
	}

	.reviewsWrap .slick-dots .slick-active button {
		width: 41px;
		height: 5px;
		border-radius: 7px;
		background: #FF0000;
	}

	.similarWrap .container {
		width: 100%;
	}

	.similarWrap .navigation .slick-prev,
	.similarWrap .navigation .slick-next,
	.reviewsSliderWrapper .navigation .slick-prev,
	.reviewsSliderWrapper .navigation .slick-next {
		position: relative;
	}

	.similarWrap .navigation {
		display: flex;
		position: relative;
		top: 0;
		align-items: center;
		justify-content: center;
		gap: 1rem;
		width: 100%;
		margin-top: 1.625rem;
	}

	.similarWrap {
		padding: 1.875rem 0;
	}

	.similarSlider {
		margin-top: 1.125rem;
	}

	.similarWrap::before {
		height: 20rem;
		background-position: top left;
		background-size: 280% auto;
	}

	.home .actorItem:nth-child(4),
	.home .actorItem:nth-child(5),
	.home .actorItem:nth-child(6) {
		display: none;
	}

	div.episodesList {
		gap: 40px;
		margin-top: 1.875rem;
	}

	.date-overlay,
	.upcoming {
		line-height: 20px;
	}

	.content-block-top {
		margin-top: 20px;
	}

	.source-link,
	.source-text {
		flex: 1 1 auto;
		margin: 0;
		font-family: Roboto, sans-serif;
		font-weight: 400;
		font-size: 15px;
		line-height: 140%;
		color: #FFFFFF;
	}

	.single-episode .trailerPreview.buttonPlay span {
		width: 3rem;
		height: 3rem;
	}

	.single-episode .trailerPreview.buttonPlay span::before {
		width: 1rem;
		height: 1rem;
	}

	.single-episode .trailerPreview.buttonPlay span::after {
		top: calc(100% + 0.35rem);
		font-size: 1.15rem;
	}

	.single-episode .storyWB {
		padding-top: 2.75rem;
		padding-bottom: 5rem;
	}

	.single-episode .storyWB .container.new-inner {
		width: calc(100% - 1.75rem);
	}

	.single-episode .trailerBlock {
		margin-top: 3.25rem;
	}

	.single-episode .trailerWrap .blockTitle {
		margin-bottom: 1.5rem;
		font-size: clamp(1.65rem, 8.4vw, 2rem);
		line-height: 1.14;
	}
}

@media (max-width: 430px) {
	.blockTitle {
		font-size: 30px;
	}

	#seasons .blockTitle {
		justify-content: center;
		font-weight: 700;
	}

	.seasonsList {
		justify-content: center;
		grid-template-columns: repeat(1, 1fr);
		margin-top: 28px;
	}

	.seasonItem {
		width: 83%;
		margin: 0 auto;
	}

	.seasonItem:hover {
		transform: none;
	}

	.seasonsBlock {
		padding-bottom: 50px;
	}

	.episodesHeader {
		flex-direction: column;
		align-items: center;
	}

	.actorsWrap .blockTitle {
		justify-content: center;
		font-weight: 700;
		font-size: 30px;
	}

	.actor-photo {
		width: 100%;
		height: auto;
	}

	.actorItem .actor-photo {
		justify-content: center;
	}

	.actorItem h3 {
		font-size: 1rem;
	}

	.actorItem>div {
		gap: 3px;
	}

	.actorItem span {
		font-size: 0.9rem;
	}

	.actorItem img {
		width: 166px;
		height: 209px;
	}

	.postItem .button {
		font-size: 1.125rem;
		font-weight: 500;
		gap: 2.8rem;
	}

	.similarSlider .slick-slide h3 {
		font-size: 20px;
	}

	.similarSlider .slick-slide span {
		font-size: 1rem;
	}

	.similarWrap .container {
		width: calc(100% - 3.125rem);
	}



	.viewAll .button {
		max-width: 11.5rem;
		font-size: 25px;
	}

	div.episodesHeader {
		flex-direction: column;
		gap: 28px;
	}

	.date-overlay,
	.upcoming {
		font-size: 14px;
	}
}

/* Страница серии — стиль 1 */

body.single-episode.home {
	overflow-x: clip;
	background: #000000;
}

/* Описание серии */

body.single-episode.home .storyWB.episodeAbout {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #000000;
}

body.single-episode.home
.storyWB.episodeAbout
> .container.new-inner {
	display: flex;
	position: relative;
	z-index: 2;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	width: calc(100% - 64px);
	max-width: 1532.5px;
	min-height: 239px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
}

body.single-episode.home
.storyWB.episodeAbout
.series-info-top {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 69px;
	margin: 0;
	padding: 0;
}

body.single-episode.home
.storyWB.episodeAbout
.series-info-top
.blockTitle {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif !important;
	font-weight: 700;
	font-size: 54px;
	line-height: 69px;
	letter-spacing: normal;
	text-align: left;
	text-transform: none;
	color: #FFFFFF;
}

body.single-episode.home
.storyWB.episodeAbout
.series-info-top
.blockTitle::before,
body.single-episode.home
.storyWB.episodeAbout
.series-info-top
.blockTitle::after {
	display: none;
	content: none;
}

body.single-episode.home
.storyWB.episodeAbout
.episodeAbout__text {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif !important;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: #FFFFFF;
}

body.single-episode.home
.storyWB.episodeAbout
.episodeAbout__text p,
body.single-episode.home
.storyWB.episodeAbout
.episodeAbout__text li,
body.single-episode.home
.storyWB.episodeAbout
.episodeAbout__text * {
	font-family: "Onest", Arial, sans-serif !important;
	font-weight: 400;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: normal;
	color: inherit;
}

body.single-episode.home
.storyWB.episodeAbout
.episodeAbout__text p {
	margin: 0;
}

body.single-episode.home
.storyWB.episodeAbout
.episodeAbout__text p + p {
	margin-top: 30px;
}

/* Смотреть серию */

body.single-episode.home
.seasonsBlock.theme1.episodeWatch {
	position: relative;
	z-index: 1;
	width: 100%;
	margin: 0;
	padding: 0 0 80px;
	overflow: hidden;
	background:
		url("./images/far1/farma-seasons.png")
		center top / 100% auto
		no-repeat,
		#000000;
}

body.single-episode.home
.episodeWatch
> .container {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

body.single-episode.home
.episodeWatch
.trailerBlock--episode {
	margin: 0 auto;
}

body.single-episode.home
.episodeWatch
.trailerPreview.buttonPlay
.trailerPlay {
	top: 50%;
	left: 50%;
	width: 92px;
	height: 91px;
	margin: 0;
	transform: translate(-50%, -50%);
}

body.single-episode.home
.episodeWatch
.trailerPlay svg {
	width: 41.04px;
	height: 34.62px;
}

/* Все серии — оставляем дизайн главной */

body.single-episode.home
.episodesBlock.theme1 {
	margin: 0;
	padding-top: 0;
	padding-bottom: clamp(80px, 5vw, 154px);
	background-color: #000000;
	background-image: url("./images/far1/episodes.png");
	background-repeat: repeat-x;
	background-position: center top;
	background-size: auto 100%;
}

body.single-episode.home
.episodesBlock.theme1
+ .actorsWrap.theme1 {
	padding-bottom: 120px;
}

@media (max-width: 1280px) and (min-width: 769px) {
	body.single-episode.home
	.storyWB.episodeAbout
	> .container.new-inner {
		width: calc(100% - 48px);
	}

	body.single-episode.home
	.storyWB.episodeAbout
	.series-info-top
	.blockTitle {
		font-size: clamp(40px, 4vw, 50px);
		line-height: 1.27;
	}

	body.single-episode.home
	.storyWB.episodeAbout
	.episodeAbout__text {
		font-size: 18px;
		line-height: 28px;
	}
}

@media (max-width: 768px) {
	body.single-episode.home
	.storyWB.episodeAbout {
		padding: 0;
	}

	body.single-episode.home
	.storyWB.episodeAbout
	> .container.new-inner {
		gap: 20px;
		width: 100%;
		max-width: none;
		min-height: 0;
		margin: 0;
				padding-inline: 20px;

	}

	

	body.single-episode.home
	.storyWB.episodeAbout
	.series-info-top {
		justify-content: center;
		min-height: 38px;
	}

	body.single-episode.home
	.storyWB.episodeAbout
	.series-info-top
	.blockTitle {
		font-size: 30px;
		line-height: 38px;
		text-align: center;
	}

	body.single-episode.home
	.storyWB.episodeAbout
	.episodeAbout__text {
		font-size: 14px;
		line-height: 20px;
	}

	body.single-episode.home
	.episodeWatch
	.seasonsWrap {
		width: calc(100% - 32px);
		max-width: none;
		margin-right: auto;
		margin-left: auto;
	}

	body.single-episode.home
	.episodeWatch
	.trailerBlock--episode {
		width: calc(100% - 32px);
		max-width: none;
		margin: 0 auto;
	}

	body.single-episode.home
	.episodeWatch
	.trailerPreview.buttonPlay
	.trailerPlay {
		width: 60.66px;
		height: 60px;
		border-radius: 31.5175px;
	}

	body.single-episode.home
	.episodeWatch
	.trailerPlay svg {
		width: 25.36px;
		height: 21.39px;
	}

	body.single-episode.home
	.episodesBlock.theme1 {
		margin-top: 80px;
		padding-top: 0;
		padding-bottom: 60px;
	}

	body.single-episode.home
	.episodesBlock.theme1
	+ .actorsWrap.theme1 {
		padding-bottom: 50px;
	}
}

@media (max-width: 768px) {

.reviewsWrap.theme1 {
	width: 100%;
	margin: 0;
	padding: 30px 0px 50px;
	overflow: hidden;
	background: #000000;
	font-family: "Onest", Arial, sans-serif;
}

.reviewsWrap.theme1 > .container {
	width: calc(100% - 32px);
	max-width: none;
	margin: 0 auto;
	padding: 0;
}

/* Заголовок — 308 × 76 на экране 340px */

.reviewsWrap.theme1 .reviews-top {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 76px;
	margin: 0;
	padding: 0;
}

.reviewsWrap.theme1 .blockTitle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: none;
	height: 76px;
	min-height: 76px;
	max-height: 76px;
	margin: 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 700;
	font-size: 30px;
	line-height: 38px;
	text-align: center;
	text-transform: none;
	color: #FFFFFF;
}

/* 30px между заголовком и карточкой */

.reviewsWrap.theme1 .reviewsSliderWrapper {
	position: relative;
	width: 100%;
	margin: 30px 0 0;
	padding: 0;
}

/* Слайдер */

.reviewsWrap.theme1 .reviewsSlider.slick-initialized {
	display: block;
	width: 100%;
	height: 368px;
	margin: 0;
	padding: 0;
}

.reviewsWrap.theme1
	.reviewsSlider.slick-initialized
	.slick-list {
	width: 100%;
	height: 368px;
	margin: 0;
	padding: 0;
	overflow: hidden !important;
}

.reviewsWrap.theme1
	.reviewsSlider.slick-initialized
	.slick-track {
	display: flex !important;
	align-items: stretch;
	height: 368px;
	margin: 0;
}

.reviewsWrap.theme1
	.reviewsSlider.slick-initialized
	.slick-slide {
	float: none;
	height: 368px;
	box-sizing: border-box;
	margin: 0;
}

.reviewsWrap.theme1
	.reviewsSlider.slick-initialized
	.slick-slide
	> div {
	width: 100%;
	height: 368px;
}

/* Карточка — 308 × 368 на экране 340px */

.reviewsWrap.theme1 .reviewItem {
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	gap: 0;
	width: 100%;
	min-width: 0;
	max-width: none;
	height: 368px;
	min-height: 368px;
	max-height: 368px;
	box-sizing: border-box;
	margin: 0;
	padding: 23.1928px;
	overflow: hidden;
	border: 0;
	border-radius: 3.71084px;
	background: linear-gradient(
		180deg,
		rgba(11, 212, 228, 0.79) -34.19%,
		#161616 14.07%
	);
}

/* Имя и рейтинг — 65.54px */

.reviewsWrap.theme1 .reviewHeader {
	display: flex;
	flex: 0 0 65.54px;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
	width: 100%;
	height: 65.54px;
	min-height: 65.54px;
	max-height: 65.54px;
	margin: 0;
	padding: 0;
}

.reviewsWrap.theme1 .reviewItem h3 {
	display: block;
	flex: 0 0 20px;
	width: 100%;
	height: 20px;
	min-height: 20px;
	max-height: 20px;
	margin: 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	color: #FFFFFF;
}

/* Рейтинг — 135 × 25.54 */

.reviewsWrap.theme1 .starsWrap {
	display: flex;
	flex: 0 0 25.54px;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 10.94px;
	width: 135px;
	min-width: 135px;
	max-width: 135px;
	height: 25.54px;
	min-height: 25.54px;
	max-height: 25.54px;
	box-sizing: border-box;
	margin: 0;
	padding: 5.10739px 10.9444px;
	border-radius: 35.7517px;
	background: transparent;
}

.reviewsWrap.theme1 .starsWrap text {
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #FFFFFF;
}

.reviewsWrap.theme1 .starsList {
	display: flex;
	flex: 0 0 81.72px;
	align-items: center;
	gap: 2.19px;
	width: 81.72px;
	height: 14.59px;
	margin: 0;
	padding: 0;
}

.reviewsWrap.theme1 .starsList span {
	display: block;
	flex: 0 0 14.59px;
	width: 14.59px;
	height: 14.59px;
	margin: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 14.59px 14.59px;
}

/* Текст — 160px */

.reviewsWrap.theme1 .reviewText {
	position: relative;
	width: 100%;
	height: 160px;
	min-height: 160px;
	max-height: 160px;
	box-sizing: border-box;
	margin: 18.09px 0 0;
	padding: 0 10.66px 0 0;
	overflow: hidden;
}

.reviewsWrap.theme1 .reviewText p {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	background: linear-gradient(
		180deg,
		#FFFFFF 68%,
		#000000 104%
	);
	background-clip: text;
	color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.reviewsWrap.theme1 .reviewText::-webkit-scrollbar {
	display: none;
	width: 0;
}

/* Источник и дата */

.reviewsWrap.theme1 .reviewBottom {
	display: flex;
	flex: 0 0 12px;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
	height: 12px;
	min-height: 12px;
	max-height: 12px;
	margin: auto 0 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 12px;
	color: #FFFFFF;
}

.reviewsWrap.theme1 .reviewBottom > * {
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	font-family: "Onest", Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 12px;
	white-space: nowrap;
	color: #FFFFFF;
}

.reviewsWrap.theme1 .reviewBottom > :first-child {
	text-align: left;
}

.reviewsWrap.theme1 .reviewBottom > :last-child {
	margin-left: auto;
	text-align: right;
}

/* Навигация — 20px после карточки */

.reviewsWrap.theme1
	.reviewsSliderWrapper
	> .navigation {
	display: flex;
	position: relative;
	top: auto;
	align-items: center;
	justify-content: center;
	gap: 0;
	width: 100%;
	height: 5px;
	min-height: 5px;
	margin: 20px 0 0;
	padding: 0;
}

.reviewsWrap.theme1
	.reviewsSliderWrapper
	> .navigation
	> .slick-prev,
.reviewsWrap.theme1
	.reviewsSliderWrapper
	> .navigation
	> .slick-next {
	display: none !important;
}

/* Точки — 41 / 5 / 5 / 5 */

.reviewsWrap.theme1 .slick-dots {
	display: flex !important;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 9px;
	width: auto;
	height: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.reviewsWrap.theme1 .slick-dots li {
	flex: 0 0 5px;
	width: 5px;
	height: 5px;
	margin: 0;
	padding: 0;
}

.reviewsWrap.theme1 .slick-dots li.slick-active {
	flex-basis: 41px;
	width: 41px;
}

.reviewsWrap.theme1 .slick-dots button {
	display: block;
	width: 5px;
	height: 5px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 7px;
	background: rgba(255, 255, 255, 0.5);
	font-size: 0;
}

.reviewsWrap.theme1
	.slick-dots
	li.slick-active
	button {
	width: 41px;
	height: 5px;
	background: #0BD4E4;
}

.reviewsWrap.theme1 .slick-dots button::before {
	display: none;
	content: none;
}


	body.single-episode:not(.home) .storyWB {
		padding-top: 3rem;
		padding-bottom: 4.75rem;
	}

	body.single-episode:not(.home) .storyWB .container.new-inner {
		width: calc(100% - 2rem);
		gap: 1.5rem;
	}

	body.single-episode:not(.home) .storyWB .container.new-inner .storyContent p,
	body.single-episode:not(.home) .storyWB .container.new-inner p {
		font-size: 16px;
		line-height: 1.42;
	}

	body.single-episode:not(.home) .trailerBlock {
		margin-top: 3rem;
	}

	body.single-episode:not(.home) .trailerWrap .blockTitle {
		max-width: 100%;
		margin-bottom: 1.75rem;
		font-size: clamp(1.75rem, 8vw, 2.25rem);
		line-height: 1.12;
		justify-content: center;
		text-align: center;
	}

	body.single-episode:not(.home) .trailerWrap a img {
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
		object-fit: cover;
	}

	body.single-episode:not(.home) .trailerPreview.buttonPlay span {
		width: 3.5rem;
		height: 3.5rem;
	}

	body.single-episode:not(.home) .trailerPreview.buttonPlay span::before {
		width: 1.125rem;
		height: 1.125rem;
	}

	body.single-episode:not(.home) .trailerPreview.buttonPlay span::after {
		top: calc(100% + 0.45rem);
		font-size: 1.35rem;
	}

	body.single-episode:not(.home) .episodesBlock {
		margin-top: 0;
		padding-top: 5.5rem;
		padding-bottom: 4rem;
	}

	body.single-episode:not(.home) .episodes-bg-left {
		top: -3.5rem;
		height: clamp(12rem, 65vw, 30rem);
		background-position: center top;
		background-size: 240% auto;
	}

	body.single-episode:not(.home) .episodes-bg-right {
		top: -2.25rem;
		left: -40px;
		width: clamp(13rem, 72vw, 20rem);
		height: clamp(18rem, 82vw, 28rem);
		background-position: left top;
		background-size: contain;
	}
}

@media (max-width: 480px) {
	body.single-episode:not(.home) .storyWB {
		padding-top: 2.75rem;
		padding-bottom: 5rem;
	}

	body.single-episode:not(.home) .storyWB .container.new-inner {
		width: calc(100% - 1.75rem);
	}

	body.single-episode:not(.home) .trailerBlock {
		margin-top: 3.25rem;
	}

	body.single-episode:not(.home) .trailerWrap .blockTitle {
		margin-bottom: 1.5rem;
		font-size: clamp(1.65rem, 8.4vw, 2rem);
		line-height: 1.14;
	}

	body.single-episode:not(.home) .trailerPreview.buttonPlay span {
		width: 3rem;
		height: 3rem;
	}

	body.single-episode:not(.home) .trailerPreview.buttonPlay span::before {
		width: 1rem;
		height: 1rem;
	}

	body.single-episode:not(.home) .trailerPreview.buttonPlay span::after {
		top: calc(100% + 0.35rem);
		font-size: 1.15rem;
	}

	body.single-episode:not(.home) .episodesBlock {
		padding-top: 5rem;
	}

	body.single-episode:not(.home) .episodes-bg-left {
		top: -3rem;
		height: clamp(12rem, 90vw, 30rem);
		background-size: 320% auto;
	}

	body.single-episode:not(.home) .episodes-bg-right {
		top: -2rem;
		left: -40px;
		width: clamp(12rem, 82vw, 18rem);
		height: clamp(17rem, 95vw, 26rem);
	}
}

/* Страница новости — стиль 1 */

body.single-post {
    background: #000000;
    color: #FFFFFF;
}

body.single-post .bannerMain {
    display: none;
}

body.single-post .singleNewsPage,
body.single-post .singleNewsArticle {
    width: 100%;
    margin: 0;
    background: #000000;
}

body.single-post .singleNewsArticle {
    position: relative;
    padding: 208.82px 0 0;
}

body.single-post .singleNewsArticle::before,
body.single-post .singleNewsArticle::after {
    display: none;
    content: none;
}

body.single-post .singleNewsArticle > .container {
    width: calc(100% - 64px);
    max-width: 1531.89px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
}

body.single-post .singleNewsArticle .new-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    color: #FFFFFF;
}

/* Заголовок */

body.single-post .singleNewsArticle .pageTitle {
    display: block;
    width: 100%;
    max-width: 1531.89px;
    margin: 0;
    padding: 0;
    font-family: "Onest", Arial, sans-serif !important;
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    text-align: center;
    text-transform: none;
    color: #FFFFFF;
}

body.single-post .singleNewsArticle .pageTitle::before,
body.single-post .singleNewsArticle .pageTitle::after {
    display: none;
    content: none;
}

/* Дата */

body.single-post .singleNewsArticle .post_date {
    display: block;
    position: static;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "Onest", Arial, sans-serif !important;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #FFFFFF;
}

/* Главное изображение */

body.single-post .singleNewsArticle .new-inner__image {
    position: relative;
    width: min(100%, 1007.63px);
    aspect-ratio: 1007.63 / 565.61;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

body.single-post .singleNewsArticle .new-inner__image::before,
body.single-post .singleNewsArticle .new-inner__image::after {
    display: none;
    content: none;
}

body.single-post .singleNewsArticle .new-inner__image img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    object-fit: cover;
    object-position: center;
}

/* Текст новости */

body.single-post .singleNewsArticle .post_content {
    width: min(100%, 1007.63px);
    margin: 0;
    padding: 0;
    font-family: "Onest", Arial, sans-serif !important;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    color: #FFFFFF;
}

body.single-post .singleNewsArticle .post_content p,
body.single-post .singleNewsArticle .post_content li,
body.single-post .singleNewsArticle .post_content h2,
body.single-post .singleNewsArticle .post_content h3,
body.single-post .singleNewsArticle .post_content h4 {
    font-family: "Onest", Arial, sans-serif !important;
    color: #FFFFFF;
}

body.single-post .singleNewsArticle .post_content p,
body.single-post .singleNewsArticle .post_content li {
    font-weight: 400;
    font-size: inherit;
    line-height: inherit;
}

body.single-post .singleNewsArticle .post_content p {
    margin: 0 0 20px;
}

body.single-post .singleNewsArticle .post_content p:last-child {
    margin-bottom: 0;
}

body.single-post .singleNewsArticle .post_content img {
    display: block;
    max-width: 100%;
    height: auto;
}

body.single-post .singleNewsArticle .post_content a {
    color: #0BD4E4;
}

/* Планшет */

@media (max-width: 1280px) and (min-width: 769px) {
    body.single-post .singleNewsArticle {
        padding-top: 150px;
    }

    body.single-post .singleNewsArticle > .container {
        width: calc(100% - 48px);
    }

    body.single-post .singleNewsArticle .pageTitle {
        font-size: clamp(40px, 4vw, 48px);
        line-height: 1.2;
    }

    body.single-post .singleNewsArticle .post_date {
        font-size: 18px;
        line-height: 23px;
    }

    body.single-post .singleNewsArticle .post_content {
        font-size: 18px;
        line-height: 28px;
    }
}

/* Мобильная версия */

@media (max-width: 768px) {
    body.single-post .singleNewsArticle {
        padding-top: 110px;
    }

    body.single-post .singleNewsArticle > .container {
        width: calc(100% - 32px);
        max-width: none;
    }

    body.single-post .singleNewsArticle .new-inner {
        gap: 20px;
    }

    body.single-post .singleNewsArticle .pageTitle {
        font-size: 30px;
        line-height: 38px;
    }

    body.single-post .singleNewsArticle .post_date {
        font-size: 14px;
        line-height: 18px;
    }

    body.single-post .singleNewsArticle .new-inner__image,
    body.single-post .singleNewsArticle .post_content {
        width: 100%;
        max-width: none;
    }

    body.single-post .singleNewsArticle .post_content {
        font-size: 14px;
        line-height: 20px;
    }
}




body.privacy-policy main,
body.privacy-policy .pageWrap,
body.privacy-policy .storyWrap,
body.privacy-policy .storyWB,
body.privacy-policy .new-inner {
	background: #212020;
	color: #fff;
	padding: 5rem 0;
}

body.privacy-policy .storyWrap,
body.privacy-policy .storyWB,
body.privacy-policy .new-inner {
	padding-top: clamp(8rem, 8.65vw, 10.375rem);
}

body.privacy-policy .blockTitle.pageTitle,
body.privacy-policy .pageTitle,
body.privacy-policy .new-inner,
body.privacy-policy .new-inner p,
body.privacy-policy .new-inner li,
body.privacy-policy .new-inner * {
	color: #fff;
}

.seasonsList {
	align-items: start;
}

.seasonItem {
	box-sizing: border-box;
	align-self: start;
	min-height: 0;
}

.seasonPreview {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
}

.seasonPreview a,
.seasonPreview img {
	display: block;
	width: 100%;
	height: 100%;
}

.seasonPreview img {
	max-width: none;
	max-height: none;
	aspect-ratio: auto;
	object-fit: cover;
	object-position: center;
}

@supports (-webkit-touch-callout: none) {
	@media (max-width: 430px) {
		.seasonsList {
			align-items: start;
		}

		.seasonItem {
			width: 83%;
			height: auto;
			aspect-ratio: 7 / 10;
			min-height: 0;
			max-height: none;
			contain: layout paint;
		}

		.seasonItem:hover {
			transform: none;
		}
	}
}

@media (min-width: 769px) {
	.newsList.slick-initialized .slick-track {
		display: flex !important;
		align-items: stretch !important;
	}

	.newsList.slick-initialized .postItem.slick-slide {
		display: flex !important;
		float: none !important;
		height: auto !important;
		min-height: 100%;
		flex-direction: column;
	}

	.newsList.slick-initialized .postItem .pipc {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		width: 100%;
		min-height: 0;
	}

	.newsList.slick-initialized .postItem .pipcBottom {
		margin-top: auto !important;
	}
}

@media (max-width: 359px) {
	header {
		padding-right: 14px;
		padding-left: 14px;
	}

	header .logo {
		flex-basis: 116px;
		width: 116px;
		min-width: 116px;
		height: 46.7px;
	}
}

.storyWB.theme1 .navigation .slick-prev:hover svg path,
.storyWB.theme1 .navigation .slick-next:hover svg path {
	fill: #FFFFFF;
}

@media (max-width: 1250px) {
	.episodesBlock.theme1 {
		padding-bottom: 110px;
		background-position: center top;
		background-size: 100% auto;
	}

	.episodesBlock.theme1 > .container {
		width: calc(100% - 48px);
		max-width: 1080px;
	}

	.episodesBlock.theme1 .episodesHeader .blockTitle {
		font-size: 42px;
		line-height: 53px;
	}

	.episodesBlock.theme1 .episodesList {
		grid-template-columns: repeat(3, minmax(0, 352px));
		justify-content: center;
		gap: 44px 30px;
		margin-top: 64px;
	}

	.episodesBlock.theme1 .episodeItem {
		width: 100%;
		max-width: 352px;
	}

	.episodesBlock.theme1 .episodeItem .buttonPlay .episodeAction,
	.episodesBlock.theme1 .episodeItem .buttonClose .episodeAction {
		gap: 9px;
		width: 160px;
		height: 47px;
		padding: 0 18px;
	}

	.episodesBlock.theme1 .episodeItem .buttonPlay .episodeActionText,
	.episodesBlock.theme1 .episodeItem .buttonClose .episodeActionText {
		font-size: 19px;
		line-height: 24px;
	}

	.episodesBlock.theme1 .episodeItem .episodeTitle {
		font-size: 19px;
		line-height: 24px;
	}

	.episodesBlock.theme1 .episodeItem .timing-overlay,
	.episodesBlock.theme1 .episodeItem .date-overlay {
		font-size: 15px;
		line-height: 19px;
	}
}

@media (max-width: 1250px) {
.episodesBlock.theme1 {
	padding-bottom: 110px;
	background-position: center top;
	background-size: auto 100%;
}

	.episodesBlock.theme1 > .container {
		width: calc(100% - 48px);
		max-width: 1080px;
	}

	.episodesBlock.theme1 .episodesHeader .blockTitle {
		font-size: 42px;
		line-height: 53px;
	}

	.episodesBlock.theme1 .episodesList {
		grid-template-columns: repeat(3, minmax(0, 352px));
		justify-content: center;
		gap: 44px 30px;
		margin-top: 64px;
	}

	.episodesBlock.theme1 .episodeItem {
		width: 100%;
		max-width: 352px;
	}

	.episodesBlock.theme1 .episodeItem .buttonPlay .episodeAction,
	.episodesBlock.theme1 .episodeItem .buttonClose .episodeAction {
		gap: 9px;
		width: 160px;
		height: 47px;
		padding: 0 18px;
	}

	.episodesBlock.theme1 .episodeItem .buttonPlay .episodeActionText,
	.episodesBlock.theme1 .episodeItem .buttonClose .episodeActionText {
		font-size: 19px;
		line-height: 24px;
	}

	.episodesBlock.theme1 .episodeItem .episodeTitle {
		font-size: 19px;
		line-height: 24px;
	}

	.episodesBlock.theme1 .episodeItem .timing-overlay,
	.episodesBlock.theme1 .episodeItem .date-overlay {
		font-size: 15px;
		line-height: 19px;
	}
}

@media (max-width: 640px) {
.episodesBlock.theme1 {
	padding-bottom: 60px;
	background-position: center top;
	background-size: auto 100%;
}

	.episodesBlock.theme1 > .container {
		width: calc(100% - 32px);
		max-width: 100%;
	}

	.episodesBlock.theme1 .episodesHeader {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.episodesBlock.theme1 .episodesHeader .blockTitle {
		font-size: 30px;
		line-height: 38px;
		text-align: center;
	}

	.episodesBlock.theme1 .episodesList {
		grid-template-columns: 1fr;
		justify-content: center;
		gap: 30px;
		width: 100%;
		max-width: 100%;
		margin: 30px auto 0;
	}

	.episodesBlock.theme1 .episodeItem {
		width: 100%;
		max-width: 100%;
		aspect-ratio: 308 / 173.25;
		border-width: 1px;
		border-radius: 5.25px;
	}

	.episodesBlock.theme1 .episodeItem img {
		border-radius: 4.25px;
	}

	.episodesBlock.theme1 .episodeItem .buttonPlay .episodeAction,
	.episodesBlock.theme1 .episodeItem .buttonClose .episodeAction {
		gap: 8.75px;
		width: 148.75px;
		height: 43.75px;
		padding: 0 14px;
		border-radius: 5.25px;
	}

	.episodesBlock.theme1 .episodeItem .buttonPlay .episodeActionText,
	.episodesBlock.theme1 .episodeItem .buttonClose .episodeActionText {
		font-size: 17.5px;
		line-height: 22px;
	}

	.episodesBlock.theme1 .episodeItem .episodeTitle {
		bottom: 8.63px;
		left: 11.38px;
		font-size: 17.5px;
		line-height: 22px;
	}

	.episodesBlock.theme1 .episodeItem .timing-overlay,
	.episodesBlock.theme1 .episodeItem .date-overlay {
		right: 11.38px;
		bottom: 8.25px;
		font-size: 14px;
		line-height: 18px;
	}
}

body.single-episode
.storyWB.theme1::after {
	display: none;
	content: none;
}

/* =========================================================
   ПЛАВНЫЙ HOVER В ОБЕ СТОРОНЫ ДЛЯ ВСЕХ КНОПОК
   ========================================================= */

/*
 * Регистрируем значения градиентов как реальные
 * анимируемые CSS-свойства.
 */

@property --btn-blue-top {
	syntax: "<color>";
	inherits: false;
	initial-value: #116D8F;
}

@property --btn-blue-bottom {
	syntax: "<color>";
	inherits: false;
	initial-value: #000000;
}

@property --btn-shine-1 {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 0%;
}

@property --btn-shine-2 {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 55.77%;
}

@property --btn-shine-3 {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 84.13%;
}


/* =========================================================
   ОБЩАЯ ПЛАВНОСТЬ
   ========================================================= */

:is(
	button,
	.button,
	.buttonBordered,
	.slick-arrow,
	.seasonTabBtn,
	.menuToggle,
	.mmClose,
	.shareWrap,
	.police_button,
	.trailerPlay,
	.trailerCta,
	.faqSummary
) {
	transition:
		color 0.3s ease,
		background-color 0.3s ease,
		border-color 0.3s ease,
		box-shadow 0.3s ease,
		opacity 0.3s ease,
		filter 0.3s ease,
		transform 0.3s ease,
		--btn-blue-top 0.3s ease,
		--btn-blue-bottom 0.3s ease,
		--btn-shine-1 0.35s ease,
		--btn-shine-2 0.35s ease,
		--btn-shine-3 0.35s ease !important;
}

.button text,
.button-text,
button span,
button svg,
button svg path,
.button svg,
.button svg path {
	transition:
		color 0.3s ease,
		fill 0.3s ease,
		stroke 0.3s ease,
		opacity 0.3s ease,
		transform 0.3s ease;
}


/* =========================================================
   СИНИЙ ГРАДИЕНТ
   ВАЖНО: background теперь НИКОГДА не меняется на hover.
   Меняются только его цвета.
   ========================================================= */

.headerContacts .buttonPlay,
.policyNotif .police_button,
.menuMobileWrap .buttonsWrap > a:first-child,

.bannerMain .button.buttonPlay,

.seasonsBlock.theme1
.trailerBlock--home
.trailerPreview.buttonPlay
.trailerPlay,

.seasonsBlock.theme1
.trailerBlock--home
.trailerPreview
.trailerCta,

:is(.home, .cast-page)
.actorsWrap.theme1
.viewAll
.button,

.newsWrap.theme1 .navigation .slick-prev,
.newsWrap.theme1 .navigation .slick-next,

.storyWB.theme1 .navigation .slick-prev,
.storyWB.theme1 .navigation .slick-next,

.similarWrap.theme1 .navigation .slick-prev,
.similarWrap.theme1 .navigation .slick-next {

	background:
		linear-gradient(
			180deg,
			var(--btn-blue-top) -15.8%,
			var(--btn-blue-bottom) 100%
		) padding-box,
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#6EDCEF 55.77%,
			#012F64 84.13%,
			#0BD4E4 100%
		) border-box !important;

	transition:
		--btn-blue-top 0.3s ease,
		--btn-blue-bottom 0.3s ease,
		color 0.3s ease,
		border-color 0.3s ease,
		box-shadow 0.3s ease,
		opacity 0.3s ease,
		filter 0.3s ease,
		transform 0.3s ease !important;
}


/* =========================================================
   ХЕДЕР
   обычный: яркий
   hover: тёмный
   ========================================================= */

.headerContacts .buttonPlay,
.policyNotif .police_button,
.menuMobileWrap .buttonsWrap > a:first-child {
	--btn-blue-top: #0D8DBC;
	--btn-blue-bottom: #00BBFF;
}

.headerContacts .buttonPlay:hover,
.policyNotif .police_button:hover,
.menuMobileWrap .buttonsWrap > a:first-child:hover {
	--btn-blue-top: #116D8F;
	--btn-blue-bottom: #000000;
}


/* =========================================================
   HERO — "Трейлер 1 сезона"
   ========================================================= */

.bannerMain .button.buttonPlay {
	--btn-blue-top: #116D8F;
	--btn-blue-bottom: #000000;
}

.bannerMain .button.buttonPlay:hover {
	--btn-blue-top: #0D8DBC;
	--btn-blue-bottom: #00BBFF;
}


/* =========================================================
   ТРЕЙЛЕР НА ГЛАВНОЙ
   ========================================================= */

.seasonsBlock.theme1
.trailerBlock--home
.trailerPreview.buttonPlay
.trailerPlay,

.seasonsBlock.theme1
.trailerBlock--home
.trailerPreview
.trailerCta {
	--btn-blue-top: #116D8F;
	--btn-blue-bottom: #000000;
}

.seasonsBlock.theme1
.trailerBlock--home
.trailerPreview:hover
.trailerPlay,

.seasonsBlock.theme1
.trailerBlock--home
.trailerPreview:hover
.trailerCta {
	--btn-blue-top: #0D8DBC;
	--btn-blue-bottom: #00BBFF;
}

body > main > section.seasonsBlock.theme1 > div > div.trailerBlock.trailerBlock--home > div > div > a.trailerCta {
	width: fit-content;
}


/* =========================================================
   АКТЁРЫ — "Смотреть всех"
   ========================================================= */

:is(.home, .cast-page)
.actorsWrap.theme1
.viewAll
.button {
	--btn-blue-top: #116D8F;
	--btn-blue-bottom: #000000;
}

:is(.home, .cast-page)
.actorsWrap.theme1
.viewAll
.button:hover {
	--btn-blue-top: #0D8DBC;
	--btn-blue-bottom: #00BBFF;
}


/* =========================================================
   СТРЕЛКИ НОВОСТЕЙ
   ========================================================= */

.newsWrap.theme1 .navigation .slick-prev,
.newsWrap.theme1 .navigation .slick-next {
	--btn-blue-top: #116D8F;
	--btn-blue-bottom: #000000;
}

.newsWrap.theme1 .navigation .slick-prev:hover,
.newsWrap.theme1 .navigation .slick-next:hover {
	--btn-blue-top: #0D8DBC;
	--btn-blue-bottom: #00BBFF;
}


/* =========================================================
   СТРЕЛКИ "О СЕРИАЛЕ"
   ========================================================= */

.storyWB.theme1 .navigation .slick-prev,
.storyWB.theme1 .navigation .slick-next {
	--btn-blue-top: #116D8F;
	--btn-blue-bottom: #000000;
}

.storyWB.theme1 .navigation .slick-prev:hover,
.storyWB.theme1 .navigation .slick-next:hover {
	--btn-blue-top: #0D8DBC;
	--btn-blue-bottom: #00BBFF;
}


/* =========================================================
   СТРЕЛКИ ПОХОЖИХ
   ========================================================= */

.similarWrap.theme1 .navigation .slick-prev,
.similarWrap.theme1 .navigation .slick-next {
	--btn-blue-top: #116D8F;
	--btn-blue-bottom: #000000;
}

.similarWrap.theme1 .navigation .slick-prev:hover,
.similarWrap.theme1 .navigation .slick-next:hover {
	--btn-blue-top: #0D8DBC;
	--btn-blue-bottom: #00BBFF;
}


/* =========================================================
   СВЕТЛЫЙ ПЕРЕЛИВ
   "Смотреть 1 серию"
   + кнопка футера
   ========================================================= */

.bannerMain .button.buttonRed,
.site-footer.theme1 .button.buttonRed {
	--btn-shine-1: 0%;
	--btn-shine-2: 55.77%;
	--btn-shine-3: 84.13%;

	background: linear-gradient(
		180deg,
		#FFFFFF var(--btn-shine-1),
		#6EDCEF var(--btn-shine-2),
		#012F64 var(--btn-shine-3),
		#0BD4E4 100%
	) !important;

	transition:
		--btn-shine-1 0.35s ease,
		--btn-shine-2 0.35s ease,
		--btn-shine-3 0.35s ease,
		color 0.3s ease,
		border-color 0.3s ease,
		box-shadow 0.3s ease,
		filter 0.3s ease,
		transform 0.3s ease !important;
}

.bannerMain .button.buttonRed:hover,
.site-footer.theme1 .button.buttonRed:hover {
	--btn-shine-1: -501.6%;
	--btn-shine-2: -166.09%;
	--btn-shine-3: 4.55%;

	/*
	 * Специально оставляем тот же background.
	 * Hover меняет ТОЛЬКО переменные.
	 */
	background: linear-gradient(
		180deg,
		#FFFFFF var(--btn-shine-1),
		#6EDCEF var(--btn-shine-2),
		#012F64 var(--btn-shine-3),
		#0BD4E4 100%
	) !important;
}


/* Текст переливчатой кнопки */

.bannerMain .button.buttonRed text,
.site-footer.theme1 .button.buttonRed text {
	transition: color 0.3s ease !important;
}


/* =========================================================
   ОБЫЧНЫЕ КНОПКИ С background-color / filter
   ========================================================= */

.newsWrap.theme1 .postItem .button,
.viewAll .button,
.faqBlock .faqSummary,
.buttonBordered {
	transition:
		color 0.3s ease,
		background-color 0.3s ease,
		border-color 0.3s ease,
		box-shadow 0.3s ease,
		opacity 0.3s ease,
		filter 0.3s ease,
		transform 0.3s ease !important;
}


/* =========================================================
   БУРГЕР / ЗАКРЫТИЕ / SHARE
   ========================================================= */

.menuToggle,
.menuMobileWrap .mmClose,
.shareWrap {
	transition:
		color 0.3s ease,
		background-color 0.3s ease,
		border-color 0.3s ease,
		box-shadow 0.3s ease,
		opacity 0.3s ease,
		filter 0.3s ease,
		transform 0.3s ease !important;
}