.container {
	max-width: 1425px;
}
.logo {
	display: flex;
	align-items: center;
	gap: 8px;
	width: auto;
	min-width: 180px;
	height: 48px;
	position: relative;
	text-decoration: none;
	background: none !important;
	white-space: nowrap;
	margin-top: 0;
}
.logo:before {
	content: none !important;
	display: none !important;
}
.logo:after {
	content: none !important;
	display: none !important;
}
.logo-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: linear-gradient(135deg, #f58220 0%, #ee403b 100%);
	color: #fff;
	font: 900 15px/1 Arial, sans-serif;
	box-shadow: 0 3px 7px rgba(0, 0, 0, .25);
}
.logo-main {
	display: inline-block;
	color: #f2f2f2;
	font: 900 31px/1 Roboto, Arial, sans-serif;
	letter-spacing: -.3px;
}
.logo-main span {
	color: #f04545;
}
.header-profile .login-box,
.header-profile ul,
.header-profile li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.header-profile {
	position: relative;
	min-width: 44px;
	display: flex;
	justify-content: flex-end;
}
.header-profile .ctrl-btns,
.header-profile .login-box {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.header-profile .lb-menu {
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 50;
	min-width: 220px;
	padding: 12px;
	border-radius: 8px;
	background: #272728;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .35);
	display: none;
}
.header-profile .ctrl-btns > li:hover .lb-menu,
.header-profile .ctrl-btns > li.menuactive .lb-menu {
	display: block;
}
.header-profile .lb-menu li + li {
	margin-top: 8px;
}
.header-profile .ctrl-av,
.header-profile .header-profile__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #2f2f30;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header-profile a {
	color: #f2f2f2;
	text-decoration: none;
}
.header-profile .fa {
	color: #f47f21;
}
.header-profile .ctrl-av img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}
.header-profile .login-box {
	display: none;
	position: absolute;
	right: 0;
	top: 52px;
	z-index: 60;
	width: 280px;
	padding: 16px;
	border-radius: 8px;
	background: #272728;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .35);
}
.header-profile .login-box input[type="text"],
.header-profile .login-box input[type="password"] {
	width: 100%;
	height: 40px;
	margin-bottom: 10px;
	padding: 0 12px;
	color: #f2f2f2;
	background: #151515;
	border: 1px solid #4d4d4d;
	border-radius: 4px;
}
.header-profile .login-box button {
	width: 100%;
	height: 40px;
	border: 0;
	border-radius: 20px;
	color: #fff;
	background: linear-gradient(90deg, #f47f21 0%, #ee403b 100%);
	cursor: pointer;
}
.search-component form {
	margin: 0;
}
.search-component input[name="story"] {
	color: #f2f2f2;
}
.breadcrumbs-wrapper {
	margin: 0 0 20px;
	color: #7b7b7b;
}
#dle-content.serial-list-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin: 15px -10px 0;
}
.serial-list-wrapper-item .short-serial-item {
	width: 100%;
}
#dle-content .navigation,
#dle-content .dle-navigation,
#dle-content .pages,
#bottom-nav,
.bottom-nav,
.pagi-nav,
.navigation,
.episode-navigation {
	width: 100%;
	flex-basis: 100%;
	clear: both;
}
#bottom-nav {
	margin: 28px 0 0;
}
.bottom-nav,
.pagi-nav,
.navigation {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
}
.nav-load {
	width: 100%;
	margin: 22px 0 10px;
	text-align: center;
}
.nav-load a,
.navigation a,
.navigation span,
.pagi-nav a,
.pagi-nav span,
.pages a,
.pages span,
#bottom-nav a,
#bottom-nav span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 14px;
	border-radius: 4px;
	background: #2f2f30;
	color: #f2f2f2;
	text-decoration: none;
	font-weight: 700;
}
.nav-load a,
.navigation a:hover,
.navigation span,
.pagi-nav a:hover,
.pagi-nav span,
.pages a:hover,
.pages span,
#bottom-nav a:hover,
#bottom-nav span {
	background: linear-gradient(90deg, #f47f21 0%, #ee403b 100%);
	color: #fff;
}
.main-sc,
.site-desc {
	margin: 24px 0;
	color: #c9c9c9;
}
.main-sc .sect-title,
.site-desc h1,
.site-desc h2,
.site-desc h3 {
	margin: 0 0 14px;
	color: #f2f2f2;
	font-family: Roboto, Arial, sans-serif;
	font-weight: 900;
	line-height: 1.2;
}
.main-sc .sect-title {
	font-size: 36px;
	line-height: 1.18;
	letter-spacing: 0;
}
.main-sc .sect-title.icon-l .fa,
.main-sc .sect-title.icon-l [class^="icon-"],
.main-sc .sect-title.icon-l [class*=" icon-"] {
	display: none !important;
}
.tabbed-header__head {
	display: block;
}
.site-desc-in {
	max-width: 100%;
}
.main-sc p,
.site-desc p {
	margin: 12px 0;
	line-height: 1.65;
}
.main-sc a,
.site-desc a {
	color: #f47f21;
}
.poster img,
.short-episode__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.serial-series-list .short-episode__image,
.related-episodes .short-episode__image {
	overflow: hidden;
}
.serial-series-list .short-episode__image img,
.related-episodes .short-episode__image img {
	position: absolute;
	inset: 0;
}
.bookmarks-button.active:before {
	opacity: 1;
}
.turkru-series-details {
	display: grid;
	grid-template-columns: 230px minmax(0, 1fr);
	gap: 28px;
	margin-top: 34px;
}
.turkru-series-poster img {
	width: 100%;
	border-radius: 4px;
	display: block;
	box-shadow: 0 15px 30px rgba(0, 0, 0, .35);
}
.turkru-series-props {
	padding: 0;
	margin: 18px 0 0;
	list-style: none;
	color: #c9c9c9;
}
.turkru-series-props li {
	margin: 8px 0;
}
.turkru-series-props span {
	color: #7b7b7b;
	margin-right: 6px;
}
.turkru-cinema-info {
	margin-top: 105px;
}
.turkru-cinema-info > .turkru-cinema-heading {
	display: none;
}
.turkru-series-details {
	grid-template-columns: 435px minmax(0, 1fr);
	gap: 55px;
	align-items: start;
	margin-top: 0;
}
.turkru-series-poster {
	max-width: 435px;
	position: relative;
}
.turkru-series-poster img {
	aspect-ratio: 0.696;
	object-fit: cover;
	box-shadow: none;
}
.turkru-status-badge {
	position: absolute;
	left: -13px;
	top: 18px;
	z-index: 2;
	min-width: 150px;
	padding: 7px 18px;
	border-radius: 999px;
	background: linear-gradient(90deg, #ff4a45 0%, #fb7530 100%);
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	line-height: 1;
	text-align: center;
	box-shadow: 0 10px 18px rgba(0,0,0,.22);
}
.turkru-trailer-btn {
	width: 100%;
	height: 44px;
	margin-top: 24px;
	border: 1px solid #4d4d4d;
	border-radius: 24px;
	background: transparent;
	color: #f47f21;
	font: 500 16px/1 Roboto, Arial, sans-serif;
	cursor: pointer;
}
.turkru-trailer-btn span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	border: 1px solid #f47f21;
	border-radius: 50%;
	font-size: 10px;
}
.turkru-series-characteristics {
	min-width: 0;
	color: #c9c9c9;
}
.turkru-series-characteristics .sub-heading {
	margin-bottom: 14px;
	font-size: 30px;
	line-height: 36px;
}
.turkru-series-characteristics .char-wrap {
	max-height: 570px;
	overflow-y: auto;
	padding-right: 52px;
	scrollbar-width: none;
}
.turkru-series-characteristics .char-wrap:before {
	content: none !important;
	display: none !important;
	opacity: 0 !important;
}
.turkru-series-characteristics .char-wrap::-webkit-scrollbar {
	width: 0;
	height: 0;
}
.turkru-char-scroll {
	position: relative;
}
.turkru-char-scroll .os-scrollbar-track {
	position: absolute;
	top: 0;
	right: 6px;
	bottom: 0;
	width: 12px;
	border-radius: 999px;
	background: rgba(255,255,255,.08);
}
.turkru-char-scroll .os-scrollbar-handle {
	position: absolute;
	top: 0;
	left: 2px;
	width: 8px;
	min-height: 72px;
	border-radius: 999px;
	background: #4d4d4d;
	will-change: transform, height;
}
.turkru-field-row {
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr);
	gap: 20px;
	margin: 0 0 24px;
	font-size: 20px;
	line-height: 28px;
}
.turkru-field-row .field-label {
	color: #7b7b7b;
}
.turkru-field-row .field-text {
	color: #d8d8d8;
}
.turkru-imdb {
	font-weight: 700;
	color: #d8d8d8;
}
.rating-box > *,
.turkru-rating-line .rating-box,
.turkru-rating-line .unit-rating {
	display: inline-block;
	vertical-align: middle;
}
.rating-box .unit-rating,
.turkru-rating-line .unit-rating {
	width: 85px !important;
	max-width: 85px !important;
	overflow: hidden !important;
}
.rating-box .unit-rating li.current-rating,
.turkru-rating-line .unit-rating li.current-rating {
	max-width: 85px !important;
}
.rating-box .unit-rating li a,
.rating-box .unit-rating li a:hover,
.episode-rating--page .unit-rating li a,
.episode-rating--page .unit-rating li a:hover,
.turkru-rating-line .unit-rating li a,
.turkru-rating-line .unit-rating li a:hover {
	max-width: 85px !important;
}
.episode-rating--page .unit-rating {
	width: 85px !important;
	max-width: 85px !important;
	overflow: hidden !important;
}
.episode-rating--page .unit-rating li.current-rating {
	max-width: 85px !important;
}
.rating-box .unit-rating li a.r1-unit,
.episode-rating--page .unit-rating li a.r1-unit,
.turkru-rating-line .unit-rating li a.r1-unit {
	left: 0 !important;
	width: 17px !important;
}
.rating-box .unit-rating li a.r1-unit:hover,
.episode-rating--page .unit-rating li a.r1-unit:hover,
.turkru-rating-line .unit-rating li a.r1-unit:hover {
	width: 17px !important;
}
.rating-box .unit-rating li a.r2-unit,
.episode-rating--page .unit-rating li a.r2-unit,
.turkru-rating-line .unit-rating li a.r2-unit {
	left: 17px !important;
	width: 17px !important;
}
.rating-box .unit-rating li a.r2-unit:hover,
.episode-rating--page .unit-rating li a.r2-unit:hover,
.turkru-rating-line .unit-rating li a.r2-unit:hover {
	width: 34px !important;
}
.rating-box .unit-rating li a.r3-unit,
.episode-rating--page .unit-rating li a.r3-unit,
.turkru-rating-line .unit-rating li a.r3-unit {
	left: 34px !important;
	width: 17px !important;
}
.rating-box .unit-rating li a.r3-unit:hover,
.episode-rating--page .unit-rating li a.r3-unit:hover,
.turkru-rating-line .unit-rating li a.r3-unit:hover {
	width: 51px !important;
}
.rating-box .unit-rating li a.r4-unit,
.episode-rating--page .unit-rating li a.r4-unit,
.turkru-rating-line .unit-rating li a.r4-unit {
	left: 51px !important;
	width: 17px !important;
}
.rating-box .unit-rating li a.r4-unit:hover,
.episode-rating--page .unit-rating li a.r4-unit:hover,
.turkru-rating-line .unit-rating li a.r4-unit:hover {
	width: 68px !important;
}
.rating-box .unit-rating li a.r5-unit,
.episode-rating--page .unit-rating li a.r5-unit,
.turkru-rating-line .unit-rating li a.r5-unit {
	left: 68px !important;
	width: 17px !important;
}
.rating-box .unit-rating li a.r5-unit:hover,
.episode-rating--page .unit-rating li a.r5-unit:hover,
.turkru-rating-line .unit-rating li a.r5-unit:hover {
	width: 85px !important;
}
.rating-box .unit-rating li a.r6-unit,
.rating-box .unit-rating li a.r7-unit,
.rating-box .unit-rating li a.r8-unit,
.rating-box .unit-rating li a.r9-unit,
.rating-box .unit-rating li a.r10-unit,
.episode-rating--page .unit-rating li a.r6-unit,
.episode-rating--page .unit-rating li a.r7-unit,
.episode-rating--page .unit-rating li a.r8-unit,
.episode-rating--page .unit-rating li a.r9-unit,
.episode-rating--page .unit-rating li a.r10-unit,
.turkru-rating-line .unit-rating li a.r6-unit,
.turkru-rating-line .unit-rating li a.r7-unit,
.turkru-rating-line .unit-rating li a.r8-unit,
.turkru-rating-line .unit-rating li a.r9-unit,
.turkru-rating-line .unit-rating li a.r10-unit {
	display: none !important;
}
.turkru-votes {
	display: inline-flex;
	align-items: center;
	height: 24px;
	margin-left: 10px;
	padding: 0 12px;
	border-radius: 14px;
	background: #3a3a3a;
	color: #bdbdbd;
	font-size: 13px;
	vertical-align: middle;
}
.turkru-series-description {
	max-width: 985px;
	margin: 70px 0 0;
	color: #c9c9c9;
	font-size: 18px;
	line-height: 1.65;
	column-count: 1 !important;
	columns: auto !important;
	column-width: auto !important;
	clear: both;
}
.turkru-series-description .sub-heading {
	margin-bottom: 18px;
	font-size: 30px;
	line-height: 36px;
}
.turkru-series-description-text {
	column-count: 1 !important;
	columns: auto !important;
	column-width: auto !important;
}
.turkru-series-description p {
	margin: 0 0 18px;
}
.turkru-series-short-story {
	max-width: 980px;
	margin: 24px 0 38px;
	color: #d8d8d8;
	font-size: 18px;
	line-height: 1.55;
}
.turkru-series-short-story:empty {
	display: none;
}
.turkru-series-short-story p {
	margin: 0 0 12px;
}
.turkru-series-player {
	max-width: 985px;
	margin: 34px 0 0;
}
.episode-navigation {
	width: 100%;
	margin: 38px 0 50px;
	text-align: center;
}
.episode-navigation #bottom-nav {
	margin: 0;
}
.episode-navigation .nav-load {
	width: 100%;
	margin: 0 0 40px;
}
.episode-navigation .nav-load a {
	position: relative;
	width: 100%;
	max-width: 1090px;
	height: 60px;
	border: 1px solid #f15a24;
	border-radius: 999px;
	background: transparent;
	box-shadow: 0 18px 38px rgba(238,64,59,.18);
	color: #f5f5f5;
	font-size: 18px;
	font-weight: 800;
	line-height: 60px;
	text-transform: uppercase;
}
.episode-navigation .nav-load a::after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-left: 12px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-3px) rotate(45deg);
}
.episode-navigation .bottom-nav,
.episode-navigation .pagi-nav,
.episode-navigation .navigation {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	width: 100%;
	margin: 0;
}
.episode-navigation .navigation a,
.episode-navigation .navigation span {
	width: 44px;
	min-width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid #4c4c4c;
	border-radius: 50%;
	background: transparent;
	color: #f1f1f1;
	font-size: 18px;
	font-weight: 700;
	line-height: 44px;
}
.episode-navigation .navigation a:hover,
.episode-navigation .navigation span {
	border-color: transparent;
	background: linear-gradient(90deg, #ff7d23 0%, #f04442 100%);
	color: #fff;
}
#bottom-nav {
	width: 100%;
	flex-basis: 100%;
	clear: both;
	margin: 38px 0 50px !important;
	text-align: center;
}
#bottom-nav .nav-load {
	width: 100%;
	margin: 0 0 40px !important;
	text-align: center;
}
#bottom-nav .nav-load a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 1090px;
	height: 60px;
	padding: 0 25px;
	border: 1px solid #f15a24;
	border-radius: 999px;
	background: transparent !important;
	box-shadow: 0 18px 38px rgba(238,64,59,.18);
	color: #f5f5f5 !important;
	font-size: 18px;
	font-weight: 800;
	line-height: 60px;
	text-transform: uppercase;
	text-decoration: none;
}
#bottom-nav .nav-load > span {
	display: none !important;
}
#bottom-nav .nav-load a::after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-left: 12px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-3px) rotate(45deg);
}
#bottom-nav .bottom-nav,
#bottom-nav .pagi-nav,
#bottom-nav .navigation {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 16px;
	width: 100%;
	margin: 0;
}
#bottom-nav .navigation a,
#bottom-nav .navigation span,
#bottom-nav .pagi-nav a,
#bottom-nav .pagi-nav span,
#bottom-nav .pages a,
#bottom-nav .pages span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	min-width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid #4c4c4c;
	border-radius: 50%;
	background: transparent;
	color: #f1f1f1;
	font-size: 18px;
	font-weight: 700;
	line-height: 44px;
	text-decoration: none;
}
#bottom-nav .navigation a:hover,
#bottom-nav .navigation span,
#bottom-nav .pagi-nav a:hover,
#bottom-nav .pagi-nav span,
#bottom-nav .pages a:hover,
#bottom-nav .pages span {
	border-color: transparent;
	background: linear-gradient(90deg, #ff7d23 0%, #f04442 100%);
	color: #fff;
}
.episode-description,
.related-episodes,
.comments-area {
	margin-top: 30px;
}
.player-block__player-iframe .tabs-block__content.video-inside {
	display: block !important;
	margin: 0;
}
.player-block__player-iframe .video-responsive {
	border-radius: 4px;
	background: #000;
	min-height: 360px;
}
.player-block__player-iframe video-player,
.player-block__player-iframe iframe {
	width: 100%;
	height: 100%;
	min-height: 360px;
	display: block;
}
.serial-series-info {
	padding: 12px 18px;
}
.episode-complaint {
	color: #f47f21;
	margin-left: 12px;
	text-decoration: none;
}
.related-episodes .episode-grid {
	margin-top: 10px;
}
.comments-area textarea,
.comments-area input[type="text"] {
	max-width: 100%;
}
@media (max-width: 769px) {
	.logo {
		min-width: 145px;
	}
	.logo-mark {
		width: 24px;
		height: 24px;
		font-size: 13px;
	}
	.logo-main {
		font-size: 26px;
	}
	.turkru-series-details {
		grid-template-columns: 1fr;
	}
	.turkru-series-poster {
		max-width: 320px;
	}
	.search-component {
		order: 4;
		width: 100%;
		margin-top: 10px;
	}
	.player-block__player-iframe .video-responsive,
	.player-block__player-iframe video-player,
	.player-block__player-iframe iframe {
		min-height: 220px;
	}
}

@media (max-width: 993px) {
	body > header #mobile-nav.mobile-nav-wrapper {
		display: block !important;
	}
	body > header #mobile-nav.mobile-nav-wrapper.opened {
		left: 0 !important;
		transition: none !important;
	}
	body > header #mobile-nav.mobile-nav-wrapper.opened:before {
		opacity: 1 !important;
	}
	body > header #mobile-nav.mobile-nav-wrapper .mobile-nav-container {
		background: #272728 !important;
		z-index: 2 !important;
	}
	body > header #mobile-nav.mobile-nav-wrapper.opened .mobile-nav-container {
		transform: translate3d(0, 0, 0) !important;
	}
	body > header #mobile-nav .mobile-nav-cats {
		flex: 0 0 auto !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
		overflow: visible !important;
	}
	body > header #mobile-nav .mobile-nav-cats li {
		margin: 0 !important;
		padding: 0 !important;
	}
	body > header #mobile-nav .mobile-nav-cats li + li {
		margin-top: 12px !important;
	}
	body > header #mobile-nav .mobile-nav-cats a {
		display: block !important;
		color: #d7d7d7 !important;
		font-size: 18px !important;
		line-height: 1.45 !important;
		text-decoration: none !important;
		text-transform: none !important;
	}
	body > header #mobile-nav .mobile-nav-cats a:hover,
	body > header #mobile-nav .mobile-nav-cats a:active {
		color: #f04544 !important;
	}
}

@media (min-width: 994px) {
	body > header #mobile-nav.mobile-nav-wrapper {
		display: none !important;
	}
	body > header .top-nav .top-nav__link {
		position: relative;
	}
	body > header .top-nav .top-nav__link-content {
		position: absolute !important;
		display: block !important;
		left: 50% !important;
		right: auto !important;
		top: 100% !important;
		width: 190px !important;
		min-width: 190px;
		max-width: 190px;
		padding: 10px 0 0 !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translate(-50%, 8px);
		transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
		z-index: 50;
	}
	body > header .top-nav .top-nav__link:hover .top-nav__link-content,
	body > header .top-nav .top-nav__link:focus-within .top-nav__link-content {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translate(-50%, 0);
	}
	body > header .top-nav .top-nav__link-content:before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 14px;
	}
	body > header .top-nav .top-nav__link-content-row {
		display: flex !important;
		flex-direction: column;
		gap: 0;
		overflow: hidden;
		background: #242425;
		border: 1px solid #343436;
		border-radius: 6px;
		box-shadow: 0 18px 38px rgba(0,0,0,.42);
	}
	body > header .top-nav .top-nav__link-content-row a {
		display: block;
		min-width: 0;
		padding: 11px 18px;
		color: #d8d8d8;
		font-size: 15px;
		line-height: 1.25;
		text-decoration: none;
		white-space: nowrap;
	}
	body > header .top-nav .top-nav__link-content-row a:hover {
		background: #2d2d2f;
		color: #f47f21;
	}
}

.serial-page .media-page-header {
	padding-bottom: 30px;
	margin-bottom: 0;
}
.serial-page .media-page-header:before {
	bottom: -18px;
}
.serial-page .serial-page__after-list {
	margin-bottom: 64px;
}
.serial-page .serial-page__after-list:before {
	bottom: -34px;
}
.serial-page .turkru-cinema-info {
	padding-bottom: 26px;
}
@media (max-width: 769px) {
	.turkru-series-short-story {
		margin: 20px 0 30px;
		font-size: 16px;
		line-height: 1.5;
	}
	.serial-page .media-page-header {
		padding-bottom: 24px;
	}
	.serial-page .media-page-header:before {
		bottom: -12px;
	}
	.serial-page .serial-page__after-list:before {
		bottom: -24px;
	}
}

.content-page--search {
	display: block;
	min-height: 620px;
}
.search-page {
	width: 100%;
	padding: 34px 24px 70px;
	background: #272728;
	color: #d7d7d7;
}
.search-page__header h1 {
	margin: 0 0 28px;
	color: #f5f5f5;
	font-family: "Roboto", sans-serif;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.2;
}
.search-page__form {
	max-width: 860px;
	padding: 24px;
	border-radius: 8px;
	background: #202021;
	box-shadow: 0 20px 45px rgba(0,0,0,.22);
}
.search-page__form table {
	width: 100%;
	border-collapse: collapse;
}
.search-page__form td {
	display: block;
	padding: 0 0 14px;
	color: #bdbdbd;
}
.search-page__form input[type="text"],
.search-page__form input[type="search"],
.search-page__form select {
	box-sizing: border-box;
	width: 100%;
	max-width: 520px;
	height: 46px;
	padding: 0 18px;
	border: 1px solid #454545;
	border-radius: 24px;
	background: #111;
	color: #f0f0f0;
	font-size: 16px;
	outline: none;
}
.search-page__form input[type="text"]:focus,
.search-page__form input[type="search"]:focus,
.search-page__form select:focus {
	border-color: #f15a24;
}
.search-page__form input[type="button"],
.search-page__form input[type="submit"],
.search-page__form button {
	height: 46px;
	margin: 8px 8px 0 0;
	padding: 0 26px;
	border: 0;
	border-radius: 24px;
	background: linear-gradient(90deg, #ff7d23 0%, #f04442 100%);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}
.search-page__message {
	max-width: 860px;
	margin: 20px 0 0;
	padding: 16px 20px;
	border-left: 3px solid #f15a24;
	border-radius: 4px;
	background: #171717;
	color: #d7d7d7;
	font-size: 15px;
	line-height: 1.5;
}
.sres-wrap {
	display: grid;
	grid-template-columns: 100px minmax(0, 1fr);
	gap: 18px;
	width: 100%;
	margin: 0 0 18px;
	padding: 16px;
	border-radius: 8px;
	background: #202021;
	color: #e6e6e6;
	text-decoration: none;
}
.sres-wrap:hover {
	background: #2e2e30;
	color: #fff;
}
.sres-img img {
	display: block;
	width: 100px;
	height: 140px;
	object-fit: cover;
	border-radius: 4px;
}
.sres-text h2 {
	margin: 0 0 10px;
	color: #fff;
	font-size: 22px;
	line-height: 1.25;
}
.sres-desc {
	color: #bdbdbd;
	font-size: 15px;
	line-height: 1.55;
}

.comments-area {
	padding-top: 34px;
	border-top: 1px solid rgba(238,62,60,.45);
}
.comments-area .sub-heading {
	margin: 0 0 22px;
	color: #fff;
	font-size: 30px;
	line-height: 1.25;
}
.add-comm-form {
	margin: 0 0 28px;
	padding: 22px;
	border-radius: 8px;
	background: #202021;
	box-shadow: 0 18px 40px rgba(0,0,0,.18);
}
.ac-inputs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 14px;
}
.add-comm-form input[type="text"],
.add-comm-form textarea,
.add-comm-form .bb-editor textarea {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #454545;
	border-radius: 8px;
	background: #111;
	color: #f0f0f0;
	font-size: 15px;
	outline: none;
}
.add-comm-form input[type="text"] {
	height: 44px;
	padding: 0 16px;
}
.add-comm-form textarea,
.add-comm-form .bb-editor textarea {
	min-height: 128px;
	padding: 14px 16px;
	line-height: 1.5;
}
.add-comm-form input[type="text"]:focus,
.add-comm-form textarea:focus {
	border-color: #f15a24;
}
.ac-protect {
	margin-top: 16px;
	color: #cfcfcf;
}
.ac-protect .form-item {
	display: grid;
	grid-template-columns: 170px minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	margin-top: 12px;
}
.ac-submit {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 14px;
	margin-top: 18px;
}
.ac-submit button {
	height: 44px;
	padding: 0 28px;
	border: 0;
	border-radius: 24px;
	background: linear-gradient(90deg, #ff7d23 0%, #f04442 100%);
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	cursor: pointer;
}
.comm-item {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 16px;
	margin: 0 0 18px;
	padding: 18px;
	border-radius: 8px;
	background: #202021;
	color: #d6d6d6;
}
.comm-left img {
	display: block;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	object-fit: cover;
	background: #333;
}
.comm-one {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 10px;
	color: #888;
	font-size: 13px;
}
.comm-author {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}
.comm-two {
	color: #d8d8d8;
	font-size: 16px;
	line-height: 1.6;
}
.signature {
	margin-top: 12px;
	color: #8f8f8f;
	font-size: 13px;
}
.comm-three {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
}
.comm-three a {
	color: #f15a24;
	text-decoration: none;
}
.comm-three a:hover {
	color: #fff;
}

.episode-page {
	padding-bottom: 70px;
	background: #272728;
	color: #d8d8d8;
}
.episode-page .media-page-header {
	margin: 0 0 26px;
	padding: 28px 0 18px;
}
.episode-page .media-page-header h1 {
	margin: 0;
	color: #fff;
	font-size: 34px;
	font-weight: 500;
	line-height: 1.25;
}
.episode-page .player-block {
	margin: 0 0 22px;
	padding-bottom: 22px;
	width: 100%;
	max-width: none;
	overflow: visible;
}
.episode-page .player-block__player {
	width: 100%;
	max-width: none;
	overflow: visible;
	border-radius: 8px;
	background: #111;
	box-shadow: 0 24px 55px rgba(0,0,0,.3);
}
.episode-page .player-block__player-iframe {
	background: #000;
}
.episode-page .player-block__player-iframe .tabs-block__content,
.episode-page .player-block__player-iframe .video-responsive {
	min-height: 520px;
}
.episode-page .serial-series-info {
	display: grid;
	grid-template-columns: minmax(260px, 1fr) minmax(330px, 1fr) minmax(220px, 1fr);
	align-items: center;
	gap: 22px;
	min-height: 46px;
	padding: 10px 14px;
	border-top: 1px solid #252525;
	background: #181818;
	overflow: visible;
}
.episode-page .episode-actions-left {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	min-width: 0;
}
.episode-page .episode-share {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 0;
}
.episode-page .episode-share > span {
	color: #a9a9a9;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap;
}
.episode-page .episode-share__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #2a2a2b;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	text-decoration: none;
	transition: transform .16s ease, background .16s ease, color .16s ease;
}
.episode-page .episode-share__btn:hover {
	transform: translateY(-1px);
	color: #fff;
}
.episode-page .episode-share__btn--max { background: #111; border: 1px solid #4a4a4a; }
.episode-page .episode-share__btn--vk { background: #2787f5; }
.episode-page .episode-share__btn--ok { background: #f58220; }
.episode-page .episode-share__btn--wa { background: #25d366; color: #07130b; }
.episode-page .episode-share__btn--tg { background: #2aabee; }
.episode-page .episode-actions-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-width: 0;
}
.episode-page .episode-complaint {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	gap: 8px;
	min-height: 34px;
	padding: 0 12px;
	margin-left: auto;
	border: 1px solid rgba(244,127,33,.34);
	border-radius: 999px;
	background: rgba(244,127,33,.06);
	color: #f47f21;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	opacity: .72;
	transition: background .16s ease, border-color .16s ease, color .16s ease;
}
.episode-page .episode-complaint:hover {
	background: rgba(244,127,33,.12);
	border-color: rgba(244,127,33,.72);
	color: #fff;
	opacity: 1;
}
.episode-page .player-block__bottom-controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px;
	border-top: 1px solid #252525;
	background: #202021;
}
.episode-page .circle-control {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #dcdcdc;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
}
.episode-page .circle-control div {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid #4b4b4b;
	border-radius: 50%;
	color: #f15a24;
}
.episode-page .circle-control:hover,
.episode-page .circle-control:hover div {
	color: #fff;
	border-color: #f15a24;
}
@media (max-width: 1180px) {
	.episode-page .serial-series-info {
		grid-template-columns: 1fr;
	}
	.episode-page .episode-actions-left,
	.episode-page .episode-share,
	.episode-page .episode-actions-right {
		justify-content: flex-start;
	}
	.episode-page .episode-complaint {
		margin-left: 0;
	}
}
@media (max-width: 760px) {
	.episode-page .episode-share {
		flex-wrap: wrap;
	}
	.episode-page .episode-share > span {
		width: 100%;
	}
}
.episode-description {
	max-width: 980px;
	margin: 42px 0 0;
	color: #c9c9c9;
	font-size: 18px;
	line-height: 1.65;
}
.episode-description h2 {
	margin: 0 0 18px;
	color: #fff;
	font-size: 30px;
	line-height: 1.25;
}
.related-episodes {
	margin-top: 48px;
}
.related-episodes .tabbed-header {
	margin-bottom: 20px;
}
.related-episodes .tabbed-header__head {
	color: #fff;
	font-size: 30px;
	line-height: 1.25;
}

@media (max-width: 769px) {
	.search-page {
		padding: 24px 10px 46px;
	}
	.search-page__header h1,
	.episode-page .media-page-header h1 {
		font-size: 26px;
	}
	.main-sc .sect-title {
		font-size: 28px;
		line-height: 1.18;
	}
	.search-page__form {
		padding: 16px;
	}
	.ac-inputs,
	.ac-protect .form-item,
	.comm-item {
		grid-template-columns: 1fr;
	}
	.comm-left {
		display: none;
	}
	.episode-page .player-block__player-iframe .tabs-block__content,
	.episode-page .player-block__player-iframe .video-responsive {
		min-height: 240px;
	}
	.episode-page .player-block__bottom-controls {
		gap: 10px;
		padding: 12px;
	}
	.episode-page .circle-control {
		font-size: 0;
	}
	.episode-page .circle-control div {
		width: 34px;
		height: 34px;
	}
}

/* Mobile header and episode controls fixes for narrow episode pages. */
@media (max-width: 769px) {
	body > header .container {
		display: flex !important;
		align-items: center !important;
		flex-wrap: nowrap !important;
		gap: 8px !important;
		min-height: 66px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		overflow: visible !important;
	}
	body > header .hamburger {
		flex: 0 0 32px !important;
		margin: 0 !important;
	}
	body > header .logo {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		max-width: calc(100% - 130px) !important;
		margin: 0 !important;
		overflow: hidden !important;
		white-space: nowrap !important;
	}
	body > header .logo-main {
		display: inline-block !important;
		max-width: 100% !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}
	body > header .search-component {
		position: relative !important;
		order: 0 !important;
		flex: 0 0 40px !important;
		width: 40px !important;
		min-width: 40px !important;
		margin: 0 !important;
		overflow: visible !important;
		z-index: 80 !important;
	}
	body > header .search-component form {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 40px !important;
		height: 40px !important;
		margin: 0 !important;
		border-radius: 50% !important;
		background: #191919 !important;
		border: 1px solid #3a3a3a !important;
	}
	body > header .search-component input[name="story"] {
		position: fixed !important;
		left: 12px !important;
		right: 12px !important;
		top: 72px !important;
		display: none !important;
		width: auto !important;
		height: 44px !important;
		padding: 0 14px !important;
		border: 1px solid #424242 !important;
		border-radius: 22px !important;
		background: #111 !important;
		color: #fff !important;
		box-shadow: 0 12px 28px rgba(0, 0, 0, .45) !important;
		z-index: 120 !important;
	}
	body > header .search-component.is-open input[name="story"],
	body > header .search-component:focus-within input[name="story"] {
		display: block !important;
	}
	body > header .search-component button {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		color: #f47f21 !important;
	}
	body > header .search-component button span {
		display: none !important;
	}
	body > header .header-profile {
		order: 0 !important;
		flex: 0 0 40px !important;
		min-width: 40px !important;
		width: 40px !important;
		overflow: visible !important;
		z-index: 85 !important;
	}
	body > header .header-profile .ctrl-btns,
	body > header .header-profile .ctrl-btns > li {
		width: 40px !important;
		height: 40px !important;
	}
	body > header .header-profile .lb-menu,
	body > header .header-profile .login-box {
		position: absolute !important;
		right: 0 !important;
		left: auto !important;
		top: 48px !important;
		max-width: calc(100vw - 20px) !important;
		z-index: 140 !important;
	}
	body > header .header-profile .ctrl-btns > li.menuactive .lb-menu {
		display: block !important;
	}
	.episode-page .inner-padding {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.episode-page .player-block,
	.episode-page .player-block__player,
	.episode-page .player-block__player-iframe {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
	.episode-page .serial-series-info {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 14px !important;
		padding: 12px 14px !important;
	}
	.episode-page .episode-actions-left,
	.episode-page .episode-share,
	.episode-page .episode-actions-right {
		width: 100% !important;
		justify-content: flex-start !important;
	}
	.episode-page .episode-share > span {
		width: 100% !important;
	}
	.episode-page .player-block__bottom-controls {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		align-items: stretch !important;
		gap: 8px !important;
		padding: 12px !important;
	}
	.episode-page .player-block__bottom-controls > div {
		min-width: 0 !important;
	}
	.episode-page .circle-control {
		width: 100% !important;
		min-height: 42px !important;
		justify-content: center !important;
		gap: 6px !important;
		padding: 0 8px !important;
		border: 1px solid #3f3f40 !important;
		border-radius: 999px !important;
		background: #262627 !important;
		font-size: 12px !important;
		line-height: 1.1 !important;
		text-align: center !important;
		white-space: nowrap !important;
	}
	.episode-page .circle-control div {
		flex: 0 0 26px !important;
		width: 26px !important;
		height: 26px !important;
	}
	.episode-page .circle-control .show__desktop {
		display: none !important;
	}
	.episode-page .circle-control .show__mobile {
		display: inline !important;
		font-size: 12px !important;
	}
}

/* DLE system modals: report/complaint form in the 123 dark skin. */
#dlepopup,
.ui-dialog,
.ui-widget.ui-dialog {
	background: #202021 !important;
	color: #e8e8e8 !important;
	border: 1px solid #3b3b3d !important;
	border-radius: 8px !important;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .62) !important;
	overflow: hidden !important;
}

#dlepopup .ui-dialog-titlebar,
.ui-dialog .ui-dialog-titlebar,
.ui-widget.ui-dialog .ui-dialog-titlebar {
	background: #272728 !important;
	color: #fff !important;
	border: 0 !important;
	border-bottom: 2px solid #f47f21 !important;
	border-radius: 0 !important;
	padding: 14px 20px !important;
	font-weight: 700 !important;
}

#dlepopup .ui-dialog-title,
.ui-dialog .ui-dialog-title {
	color: #fff !important;
	font-size: 18px !important;
	line-height: 1.2 !important;
}

#dlepopup .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close {
	right: 14px !important;
	top: 50% !important;
	width: 28px !important;
	height: 28px !important;
	margin-top: -14px !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: transparent !important;
	color: #fff !important;
}

#dlepopup .ui-dialog-content,
.ui-dialog .ui-dialog-content,
.ui-widget.ui-dialog .ui-dialog-content {
	background: #202021 !important;
	color: #d8d8d8 !important;
	padding: 20px !important;
	line-height: 1.45 !important;
}

#dlepopup textarea,
.ui-dialog textarea,
#dlepopup input[type="text"],
.ui-dialog input[type="text"] {
	width: 100% !important;
	box-sizing: border-box !important;
	background: #111 !important;
	color: #f4f4f4 !important;
	border: 1px solid #454547 !important;
	border-radius: 7px !important;
	padding: 12px 14px !important;
	outline: none !important;
}

#dlepopup textarea,
.ui-dialog textarea {
	min-height: 145px !important;
	resize: vertical !important;
}

#dlepopup textarea:focus,
.ui-dialog textarea:focus,
#dlepopup input[type="text"]:focus,
.ui-dialog input[type="text"]:focus {
	border-color: #f47f21 !important;
	box-shadow: 0 0 0 3px rgba(244, 127, 33, .16) !important;
}

#dlepopup .ui-dialog-buttonpane,
.ui-dialog .ui-dialog-buttonpane,
.ui-widget.ui-dialog .ui-dialog-buttonpane {
	background: #181819 !important;
	border: 0 !important;
	border-top: 1px solid #333 !important;
	padding: 14px 20px !important;
	margin: 0 !important;
}

#dlepopup button,
.ui-dialog button,
#dlepopup input[type="button"],
#dlepopup input[type="submit"],
.ui-dialog input[type="button"],
.ui-dialog input[type="submit"],
.ui-dialog .ui-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 38px !important;
	padding: 0 18px !important;
	border: 1px solid #f47f21 !important;
	border-radius: 999px !important;
	background: linear-gradient(90deg, #f47f21, #f04444) !important;
	color: #fff !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	text-shadow: none !important;
}

#dlepopup button:hover,
.ui-dialog button:hover,
#dlepopup input[type="button"]:hover,
#dlepopup input[type="submit"]:hover,
.ui-dialog input[type="button"]:hover,
.ui-dialog input[type="submit"]:hover,
.ui-dialog .ui-button:hover {
	filter: brightness(1.07) !important;
}

/* 123 final polish pass: scoped overrides only. */
body > header,
body > header .container {
	overflow: visible !important;
}

@media (min-width: 994px) {
	body > header .top-nav {
		overflow: visible !important;
	}

	body > header .top-nav .top-nav__link {
		position: relative !important;
		height: 74px !important;
		display: inline-flex !important;
		align-items: center !important;
	}

	body > header .top-nav .top-nav__link-content {
		left: 50% !important;
		top: calc(100% - 1px) !important;
		transform: translateX(-50%) !important;
		width: 214px !important;
		min-width: 214px !important;
		padding-top: 12px !important;
		z-index: 300 !important;
	}

	body > header .top-nav .top-nav__link-content:before {
		content: "" !important;
		display: block !important;
		position: absolute !important;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		height: 14px !important;
		background: transparent !important;
	}
}

@media (max-width: 993px) {
	body > header {
		position: sticky !important;
		top: 0 !important;
		z-index: 1000 !important;
	}

	body > header .container {
		height: 66px !important;
		min-height: 66px !important;
		padding: 0 10px !important;
		gap: 10px !important;
	}

	body > header .hamburger,
	body > header .logo,
	body > header .search-component,
	body > header .header-profile {
		display: flex !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	body > header #mobile-nav.mobile-nav-wrapper {
		position: absolute !important;
		left: 0 !important;
		right: 0 !important;
		top: 100% !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: calc(100vh - 66px) !important;
		padding: 16px 18px 22px !important;
		background: #272728 !important;
		border-top: 1px solid rgba(255,255,255,.08) !important;
		box-shadow: 0 18px 35px rgba(0,0,0,.38) !important;
		overflow-y: auto !important;
		display: none !important;
		z-index: 260 !important;
	}

	body > header #mobile-nav.mobile-nav-wrapper.opened {
		display: block !important;
	}

	body > header #mobile-nav.mobile-nav-wrapper:before,
	body > header #mobile-nav.mobile-nav-wrapper:after {
		display: none !important;
	}

	body > header #mobile-nav .mobile-nav-container {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		background: transparent !important;
		transform: none !important;
	}

	body > header #mobile-nav .mobile-nav-sections__list {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 10px !important;
		padding: 0 !important;
		margin: 0 !important;
		list-style: none !important;
	}

	body > header #mobile-nav .mobile-nav-sections__list a,
	body > header #mobile-nav .mobile-nav-cats a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		min-height: 44px !important;
		padding: 11px 16px !important;
		border-radius: 24px !important;
		border: 1px solid rgba(255,255,255,.16) !important;
		background: #232323 !important;
		color: #fff !important;
		font-weight: 700 !important;
		font-size: 14px !important;
		line-height: 1.2 !important;
		text-align: center !important;
		text-transform: uppercase !important;
		text-decoration: none !important;
	}

	body > header #mobile-nav .mobile-nav-sections__list li:first-child a {
		border-color: transparent !important;
		background: linear-gradient(90deg, #ff7a1b 0%, #ff403e 100%) !important;
	}

	body > header #mobile-nav hr {
		display: none !important;
	}

	body > header #mobile-nav .mobile-nav-cats {
		display: grid !important;
		gap: 9px !important;
		padding: 14px 0 0 !important;
		margin: 14px 0 0 !important;
		border-top: 1px solid rgba(255,255,255,.1) !important;
		background: transparent !important;
		list-style: none !important;
	}

	body > header #mobile-nav ul.mobile-nav-cats:before {
		content: "\041F\043E\043F\0443\043B\044F\0440\043D\043E\0435";
		display: block !important;
		padding: 0 4px 4px !important;
		color: #ff4b38 !important;
		font-size: 13px !important;
		font-weight: 800 !important;
		text-transform: uppercase !important;
	}

	body > header #mobile-nav ul.mobile-nav-cats li {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	body > header .search-component {
		flex: 0 0 44px !important;
		width: 44px !important;
		height: 44px !important;
		margin-left: auto !important;
	}

	body > header .header-profile {
		flex: 0 0 44px !important;
		width: 44px !important;
		height: 44px !important;
	}
}

.main-sc .sect-title {
	font-size: clamp(32px, 3.2vw, 48px) !important;
	line-height: 1.12 !important;
	margin-bottom: 34px !important;
}

.main-sc .sect-title.icon-l .fa,
.main-sc .sect-title.icon-l [class^="icon-"],
.main-sc .sect-title.icon-l [class*=" icon-"] {
	display: none !important;
}

@media (max-width: 769px) {
	.main-sc .sect-title {
		font-size: 30px !important;
		line-height: 1.12 !important;
		margin-bottom: 28px !important;
	}
}

#bottom-nav .nav-load:empty,
#bottom-nav .nav-load a:not([href]),
#bottom-nav .nav-load a[href=""] {
	display: none !important;
}

.pagination .item:empty:before,
.pagination2 .item:empty:before {
	content: "1";
}

.turkru-rating-line .unit-rating,
.rating-box .unit-rating,
.episode-rating--page .unit-rating {
	position: relative !important;
	width: 92px !important;
	height: 20px !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	background: none !important;
	font-size: 0 !important;
	line-height: 1 !important;
}

.turkru-rating-line .unit-rating:before,
.rating-box .unit-rating:before,
.episode-rating--page .unit-rating:before {
	content: "\2605\2605\2605\2605\2605" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	color: #d9d9d9 !important;
	font-size: 18px !important;
	letter-spacing: 1px !important;
	line-height: 20px !important;
}

.turkru-rating-line .unit-rating li,
.rating-box .unit-rating li,
.episode-rating--page .unit-rating li {
	position: static !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	list-style: none !important;
}

.turkru-rating-line .unit-rating li.current-rating,
.rating-box .unit-rating li.current-rating,
.episode-rating--page .unit-rating li.current-rating {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	z-index: 1 !important;
	height: 20px !important;
	overflow: hidden !important;
	text-indent: -9999px !important;
	background: none !important;
}

.turkru-rating-line .unit-rating li.current-rating:before,
.rating-box .unit-rating li.current-rating:before,
.episode-rating--page .unit-rating li.current-rating:before {
	content: "\2605\2605\2605\2605\2605" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	text-indent: 0 !important;
	color: #ffb000 !important;
	font-size: 18px !important;
	letter-spacing: 1px !important;
	line-height: 20px !important;
}

.turkru-rating-line .unit-rating li a,
.rating-box .unit-rating li a,
.episode-rating--page .unit-rating li a {
	position: absolute !important;
	top: 0 !important;
	z-index: 3 !important;
	height: 20px !important;
	overflow: hidden !important;
	text-indent: -9999px !important;
	background: none !important;
}

.turkru-rating-line .unit-rating li a.r1-unit,
.rating-box .unit-rating li a.r1-unit,
.episode-rating--page .unit-rating li a.r1-unit { left: 0 !important; width: 18px !important; }
.turkru-rating-line .unit-rating li a.r2-unit,
.rating-box .unit-rating li a.r2-unit,
.episode-rating--page .unit-rating li a.r2-unit { left: 18px !important; width: 18px !important; }
.turkru-rating-line .unit-rating li a.r3-unit,
.rating-box .unit-rating li a.r3-unit,
.episode-rating--page .unit-rating li a.r3-unit { left: 36px !important; width: 18px !important; }
.turkru-rating-line .unit-rating li a.r4-unit,
.rating-box .unit-rating li a.r4-unit,
.episode-rating--page .unit-rating li a.r4-unit { left: 54px !important; width: 18px !important; }
.turkru-rating-line .unit-rating li a.r5-unit,
.rating-box .unit-rating li a.r5-unit,
.episode-rating--page .unit-rating li a.r5-unit { left: 72px !important; width: 20px !important; }

.turkru-rating-line .unit-rating li a.r1-unit:hover,
.rating-box .unit-rating li a.r1-unit:hover,
.episode-rating--page .unit-rating li a.r1-unit:hover { left: 0 !important; width: 18px !important; }
.turkru-rating-line .unit-rating li a.r2-unit:hover,
.rating-box .unit-rating li a.r2-unit:hover,
.episode-rating--page .unit-rating li a.r2-unit:hover { left: 0 !important; width: 36px !important; }
.turkru-rating-line .unit-rating li a.r3-unit:hover,
.rating-box .unit-rating li a.r3-unit:hover,
.episode-rating--page .unit-rating li a.r3-unit:hover { left: 0 !important; width: 54px !important; }
.turkru-rating-line .unit-rating li a.r4-unit:hover,
.rating-box .unit-rating li a.r4-unit:hover,
.episode-rating--page .unit-rating li a.r4-unit:hover { left: 0 !important; width: 72px !important; }
.turkru-rating-line .unit-rating li a.r5-unit:hover,
.rating-box .unit-rating li a.r5-unit:hover,
.episode-rating--page .unit-rating li a.r5-unit:hover { left: 0 !important; width: 92px !important; }

.turkru-rating-line .unit-rating li a.r6-unit,
.turkru-rating-line .unit-rating li a.r7-unit,
.turkru-rating-line .unit-rating li a.r8-unit,
.turkru-rating-line .unit-rating li a.r9-unit,
.turkru-rating-line .unit-rating li a.r10-unit,
.rating-box .unit-rating li a.r6-unit,
.rating-box .unit-rating li a.r7-unit,
.rating-box .unit-rating li a.r8-unit,
.rating-box .unit-rating li a.r9-unit,
.rating-box .unit-rating li a.r10-unit,
.episode-rating--page .unit-rating li a.r6-unit,
.episode-rating--page .unit-rating li a.r7-unit,
.episode-rating--page .unit-rating li a.r8-unit,
.episode-rating--page .unit-rating li a.r9-unit,
.episode-rating--page .unit-rating li a.r10-unit {
	display: none !important;
}

.turkru-rating-line .unit-rating li a:hover:after,
.rating-box .unit-rating li a:hover:after,
.episode-rating--page .unit-rating li a:hover:after {
	content: "\2605\2605\2605\2605\2605" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	height: 20px !important;
	overflow: hidden !important;
	text-indent: 0 !important;
	color: #ffb000 !important;
	font-size: 18px !important;
	letter-spacing: 1px !important;
	line-height: 20px !important;
}

.turkru-rating-line .unit-rating li a.r1-unit:hover:after,
.rating-box .unit-rating li a.r1-unit:hover:after,
.episode-rating--page .unit-rating li a.r1-unit:hover:after { width: 18px !important; }
.turkru-rating-line .unit-rating li a.r2-unit:hover:after,
.rating-box .unit-rating li a.r2-unit:hover:after,
.episode-rating--page .unit-rating li a.r2-unit:hover:after { width: 36px !important; }
.turkru-rating-line .unit-rating li a.r3-unit:hover:after,
.rating-box .unit-rating li a.r3-unit:hover:after,
.episode-rating--page .unit-rating li a.r3-unit:hover:after { width: 54px !important; }
.turkru-rating-line .unit-rating li a.r4-unit:hover:after,
.rating-box .unit-rating li a.r4-unit:hover:after,
.episode-rating--page .unit-rating li a.r4-unit:hover:after { width: 72px !important; }
.turkru-rating-line .unit-rating li a.r5-unit:hover:after,
.rating-box .unit-rating li a.r5-unit:hover:after,
.episode-rating--page .unit-rating li a.r5-unit:hover:after { width: 92px !important; }

.episode-page .serial-series-info {
	display: grid !important;
	grid-template-columns: minmax(220px, 1fr) minmax(320px, 1.1fr) minmax(190px, 1fr) !important;
	align-items: center !important;
	gap: 24px !important;
}

.episode-page .episode-actions-left {
	min-width: 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
}

.episode-page .episode-page__favorites,
.episode-page .js-episode-favorites,
.episode-page .episode-favorites-button,
.episode-page .episode-favorites-dropdown {
	max-width: 230px !important;
	min-width: 0 !important;
}

.episode-page .episode-favorites-button,
.episode-page .episode-favorites-dropdown button,
.episode-page .episode-favorites-dropdown a {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.episode-page .episode-share {
	justify-content: center !important;
	min-width: 0 !important;
}

.episode-page .episode-actions-right {
	justify-content: flex-end !important;
	min-width: 0 !important;
}

.episode-page .episode-complaint,
#dlepopup .ui-dialog-buttonset button,
.ui-dialog .ui-dialog-buttonpane button {
	border-radius: 22px !important;
	font-weight: 700 !important;
}

@media (max-width: 769px) {
	.episode-page .serial-series-info {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 16px !important;
	}

	.episode-page .episode-actions-left,
	.episode-page .episode-share,
	.episode-page .episode-actions-right {
		justify-content: flex-start !important;
		width: 100% !important;
	}

	.episode-page .player-block__bottom-controls {
		display: grid !important;
		grid-template-columns: 1fr 1fr 1fr !important;
		gap: 10px !important;
		align-items: center !important;
	}

	.episode-page .player-block__bottom-controls a,
	.episode-page .player-block__bottom-controls .circle-control {
		min-width: 0 !important;
		max-width: 100% !important;
	}

	.episode-page .player-block__bottom-controls span {
		display: inline-block !important;
		max-width: 82px !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}
}

/* 123 mobile recovery pass: keep the header menu usable on very narrow pages. */
@media (max-width: 993px) {
	html,
	body {
		min-width: 0 !important;
		overflow-x: hidden !important;
	}

	body > header {
		position: sticky !important;
		top: 0 !important;
		z-index: 10000 !important;
		width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		overflow: visible !important;
		background: #222 !important;
	}

	body > header .container {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		height: 72px !important;
		min-height: 72px !important;
		padding: 0 12px !important;
		gap: 10px !important;
		overflow: visible !important;
		box-sizing: border-box !important;
	}

	body > header #mobile-nav-toggle {
		position: relative !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 0 0 34px !important;
		width: 34px !important;
		height: 34px !important;
		margin: 0 !important;
		padding: 0 !important;
		z-index: 10002 !important;
	}

	body > header .logo {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		max-width: calc(100% - 148px) !important;
		margin: 0 !important;
		overflow: hidden !important;
		white-space: nowrap !important;
		z-index: 10002 !important;
	}

	body > header .logo-main {
		display: inline-block !important;
		max-width: 100% !important;
		overflow: hidden !important;
		font-size: clamp(19px, 7vw, 30px) !important;
		line-height: 1 !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	body > header .search-component,
	body > header .header-profile {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 0 0 42px !important;
		width: 42px !important;
		height: 42px !important;
		min-width: 42px !important;
		margin: 0 !important;
		opacity: 1 !important;
		visibility: visible !important;
		overflow: visible !important;
		z-index: 10002 !important;
	}

	body > header #mobile-nav.mobile-nav-wrapper,
	body > header #mobile-nav.mobile-nav-wrapper.active,
	body > header #mobile-nav.mobile-nav-wrapper.opened {
		position: absolute !important;
		left: 0 !important;
		right: 0 !important;
		top: 100% !important;
		width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: calc(100vh - 72px) !important;
		margin: 0 !important;
		padding: 14px 14px 18px !important;
		border: 0 !important;
		border-top: 1px solid rgba(255,255,255,.08) !important;
		background: #242424 !important;
		box-shadow: 0 18px 35px rgba(0,0,0,.45) !important;
		transform: none !important;
		transition: none !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		box-sizing: border-box !important;
		z-index: 10001 !important;
	}

	body > header #mobile-nav.mobile-nav-wrapper {
		display: none !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}

	body > header #mobile-nav.mobile-nav-wrapper.opened,
	body > header #mobile-nav.mobile-nav-wrapper.active.opened {
		display: block !important;
	}

	body > header #mobile-nav.mobile-nav-wrapper:before,
	body > header #mobile-nav.mobile-nav-wrapper:after {
		display: none !important;
		content: none !important;
	}

	body > header #mobile-nav.mobile-nav-wrapper .mobile-nav-container,
	body > header #mobile-nav.mobile-nav-wrapper.opened .mobile-nav-container {
		position: static !important;
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		overflow: visible !important;
	}

	body > header #mobile-nav .mobile-nav-sections,
	body > header #mobile-nav .mobile-nav-sections__list,
	body > header #mobile-nav .mobile-nav-cats {
		display: grid !important;
		grid-template-columns: 1fr !important;
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
		opacity: 1 !important;
		visibility: visible !important;
		overflow: visible !important;
	}

	body > header #mobile-nav .mobile-nav-sections__list {
		gap: 9px !important;
	}

	body > header #mobile-nav .mobile-nav-cats {
		gap: 8px !important;
		margin-top: 13px !important;
		padding-top: 13px !important;
		border-top: 1px solid rgba(255,255,255,.1) !important;
	}

	body > header #mobile-nav .mobile-nav-sections__list li,
	body > header #mobile-nav .mobile-nav-cats li {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	body > header #mobile-nav .mobile-nav-sections__list a,
	body > header #mobile-nav .mobile-nav-cats a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		min-height: 42px !important;
		padding: 10px 14px !important;
		border: 1px solid rgba(255,255,255,.15) !important;
		border-radius: 24px !important;
		background: #1f1f20 !important;
		color: #fff !important;
		font-size: 14px !important;
		font-weight: 800 !important;
		line-height: 1.15 !important;
		text-align: center !important;
		text-decoration: none !important;
		text-transform: uppercase !important;
		box-sizing: border-box !important;
	}

	body > header #mobile-nav .mobile-nav-sections__list li:first-child a {
		border-color: transparent !important;
		background: linear-gradient(90deg, #ff7a1b 0%, #ff403e 100%) !important;
	}

	body > header #mobile-nav ul.mobile-nav-cats:before {
		content: "\041F\043E\043F\0443\043B\044F\0440\043D\043E\0435" !important;
		display: block !important;
		margin: 0 0 2px !important;
		padding: 0 2px !important;
		color: #ff5a2a !important;
		font-size: 13px !important;
		font-weight: 900 !important;
		line-height: 1.2 !important;
		text-transform: uppercase !important;
	}

	body > header #mobile-nav hr {
		display: none !important;
	}

	body.mobile-nav-is-open main,
	body.mobile-nav-is-open footer {
		pointer-events: none !important;
	}
}

@media (max-width: 360px) {
	body > header .container {
		height: 64px !important;
		min-height: 64px !important;
		padding: 0 8px !important;
		gap: 7px !important;
	}

	body > header #mobile-nav.mobile-nav-wrapper,
	body > header #mobile-nav.mobile-nav-wrapper.active,
	body > header #mobile-nav.mobile-nav-wrapper.opened {
		top: 100% !important;
		max-height: calc(100vh - 64px) !important;
		padding: 12px !important;
	}

	body > header #mobile-nav-toggle {
		flex-basis: 30px !important;
		width: 30px !important;
		height: 30px !important;
	}

	body > header .search-component,
	body > header .header-profile {
		flex-basis: 36px !important;
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
	}

	body > header .logo {
		max-width: calc(100% - 118px) !important;
	}

	body > header .logo-main {
		font-size: clamp(17px, 6.8vw, 24px) !important;
	}

	body > header #mobile-nav .mobile-nav-sections__list a,
	body > header #mobile-nav .mobile-nav-cats a {
		min-height: 39px !important;
		padding: 9px 11px !important;
		font-size: 13px !important;
	}
}

/* Keep the episode page controls legible on mobile. */
@media (max-width: 769px) {
	.episode-page .player-block__player {
		border-radius: 0 !important;
	}

	.episode-page .player-block__player-iframe .tabs-block__content,
	.episode-page .player-block__player-iframe .video-responsive {
		min-height: 260px !important;
	}

	.episode-page .serial-series-info {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 14px !important;
		padding: 14px !important;
	}

	.episode-page .episode-actions-left,
	.episode-page .episode-share,
	.episode-page .episode-actions-right {
		display: flex !important;
		width: 100% !important;
		min-width: 0 !important;
		justify-content: flex-start !important;
	}

	.episode-page .episode-page__favorites,
	.episode-page .js-episode-favorites,
	.episode-page .episode-favorites-button {
		max-width: 100% !important;
	}

	.episode-page .episode-share {
		flex-wrap: wrap !important;
		gap: 8px !important;
	}

	.episode-page .episode-share > span {
		width: 100% !important;
		margin-bottom: 0 !important;
	}

	.episode-page .episode-complaint {
		margin-left: 0 !important;
	}

	.episode-page .player-block__bottom-controls {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 8px !important;
		padding: 12px !important;
	}

	.episode-page .player-block__bottom-controls > div {
		display: flex !important;
		min-width: 0 !important;
		justify-content: center !important;
	}

	.episode-page .circle-control {
		display: inline-flex !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 42px !important;
		padding: 0 6px !important;
		justify-content: center !important;
		border: 1px solid #3f3f40 !important;
		border-radius: 999px !important;
		background: #262627 !important;
		font-size: 12px !important;
		line-height: 1.1 !important;
		text-align: center !important;
		overflow: hidden !important;
	}

	.episode-page .circle-control div {
		flex: 0 0 26px !important;
		width: 26px !important;
		height: 26px !important;
	}

	.episode-page .circle-control span {
		display: inline-block !important;
		max-width: 54px !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}
}

@media (max-width: 360px) {
	.episode-page .player-block__bottom-controls {
		gap: 6px !important;
		padding: 10px !important;
	}

	.episode-page .circle-control {
		min-height: 38px !important;
		font-size: 11px !important;
	}

	.episode-page .circle-control div {
		flex-basis: 22px !important;
		width: 22px !important;
		height: 22px !important;
	}
}

/* Final mobile menu/episode switch correction. */
@media (max-width: 993px) {
	body.mobile-nav-is-open {
		overflow-x: hidden !important;
	}

	body > header #mobile-nav.mobile-nav-wrapper,
	body > header #mobile-nav.mobile-nav-wrapper.active,
	body > header #mobile-nav.mobile-nav-wrapper.opened {
		left: 10px !important;
		right: 10px !important;
		width: auto !important;
		max-width: none !important;
		height: auto !important;
		max-height: min(72vh, 560px) !important;
		padding: 14px !important;
		border: 1px solid rgba(255,255,255,.08) !important;
		border-top: 1px solid rgba(255,255,255,.08) !important;
		border-radius: 0 0 14px 14px !important;
		background: #242424 !important;
		box-shadow: 0 26px 60px rgba(0,0,0,.44) !important;
	}

	body > header #mobile-nav.mobile-nav-wrapper:not(.opened):not(.active) {
		display: none !important;
	}

	body > header #mobile-nav.mobile-nav-wrapper.opened,
	body > header #mobile-nav.mobile-nav-wrapper.active {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}

	body > header #mobile-nav .mobile-nav-sections__list {
		gap: 8px !important;
	}

	body > header #mobile-nav .mobile-nav-sections__list a,
	body > header #mobile-nav .mobile-nav-cats a {
		min-height: 40px !important;
	}

	.episode-page .player-block__player-iframe {
		overflow: hidden !important;
	}

	.episode-page .player-block__player-iframe select,
	.episode-page .player-block__player-iframe .select,
	.episode-page .player-block__player-iframe [class*="select"],
	.episode-page .player-block__player-iframe [class*="dropdown"] {
		max-width: 100% !important;
		min-height: 30px !important;
		font-size: 12px !important;
		line-height: 1.15 !important;
	}
}

@media (max-width: 480px) {
	.episode-page .player-block__player-iframe .tabs-block__content,
	.episode-page .player-block__player-iframe .video-responsive {
		min-height: 210px !important;
	}

	.episode-page .serial-series-info {
		padding: 12px !important;
	}

	.episode-page .episode-actions-left {
		gap: 10px !important;
	}

	.episode-page .episode-share__btn {
		width: 32px !important;
		height: 32px !important;
	}

	.episode-page .player-block__bottom-controls {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		padding: 10px 8px !important;
	}

	.episode-page .player-block__bottom-controls > div {
		min-width: 0 !important;
	}

	.episode-page .circle-control {
		min-height: 36px !important;
		padding: 0 4px !important;
		font-size: 10px !important;
	}

	.episode-page .circle-control span {
		max-width: 44px !important;
	}
}

/* Hard mobile recovery: open the menu only from our toggle, never from stale DLE classes. */
@media (max-width: 993px) {
	html body:not(.mobile-nav-is-open) > header #mobile-nav.mobile-nav-wrapper,
	html body:not(.mobile-nav-is-open) > header #mobile-nav.mobile-nav-wrapper.active,
	html body:not(.mobile-nav-is-open) > header #mobile-nav.mobile-nav-wrapper:not(.opened) {
		display: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	html body.mobile-nav-is-open > header #mobile-nav.mobile-nav-wrapper,
	html body > header #mobile-nav.mobile-nav-wrapper.opened {
		position: absolute !important;
		top: 100% !important;
		left: 10px !important;
		right: 10px !important;
		display: block !important;
		width: auto !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: calc(100vh - 88px) !important;
		overflow-y: auto !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		background: #242424 !important;
		border: 1px solid rgba(255,255,255,.08) !important;
		border-radius: 0 0 14px 14px !important;
		box-shadow: 0 24px 60px rgba(0,0,0,.45) !important;
		z-index: 90 !important;
	}

	html body > header #mobile-nav.mobile-nav-wrapper:before,
	html body > header #mobile-nav.mobile-nav-wrapper:after {
		display: none !important;
		content: none !important;
	}

	html body > header #mobile-nav .mobile-nav-container,
	html body > header #mobile-nav .mobile-nav-sections,
	html body > header #mobile-nav .mobile-nav-sections__list,
	html body > header #mobile-nav .mobile-nav-cats {
		position: static !important;
		display: grid !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		padding: 0 !important;
		margin: 0 !important;
		transform: none !important;
		opacity: 1 !important;
		visibility: visible !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	html body > header #mobile-nav .mobile-nav-container {
		gap: 10px !important;
	}

	html body > header #mobile-nav .mobile-nav-sections__list,
	html body > header #mobile-nav .mobile-nav-cats {
		grid-template-columns: 1fr !important;
		gap: 8px !important;
		list-style: none !important;
	}

	html body > header #mobile-nav li {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	html body > header #mobile-nav a,
	html body > header #mobile-nav .mobile-nav-cats__title {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		min-height: 42px !important;
		padding: 0 14px !important;
		border: 1px solid rgba(255,255,255,.12) !important;
		border-radius: 999px !important;
		color: #f5f5f5 !important;
		background: #202021 !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		line-height: 1.2 !important;
		text-align: center !important;
		text-decoration: none !important;
		text-transform: uppercase !important;
		white-space: normal !important;
	}

	html body > header #mobile-nav .mobile-nav-sections__list > li:first-child a {
		border-color: transparent !important;
		background: linear-gradient(135deg,#f4771c,#f0443f) !important;
		color: #fff !important;
		box-shadow: 0 14px 34px rgba(240,80,32,.26) !important;
	}

	html body > header #mobile-nav hr {
		display: none !important;
	}
}

/* Episode page: keep player selectors and navigation readable on small screens. */
@media (max-width: 520px) {
	.episode-page .player-block__player-iframe {
		overflow: visible !important;
	}

	.episode-page .player-block__player-iframe select,
	.episode-page .player-block__player-iframe button,
	.episode-page .player-block__player-iframe .select,
	.episode-page .player-block__player-iframe [class*="select"],
	.episode-page .player-block__player-iframe [class*="dropdown"],
	.episode-page .player-block__player-iframe [class*="season"],
	.episode-page .player-block__player-iframe [class*="episode"] {
		max-width: 100% !important;
		min-width: 0 !important;
		min-height: 30px !important;
		padding: 0 8px !important;
		font-size: 11px !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
	}

	.episode-page .player-block__bottom-controls {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 8px !important;
		padding: 12px !important;
	}

	.episode-page .player-block__bottom-controls > div {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	.episode-page .circle-control {
		width: 100% !important;
		min-height: 42px !important;
		justify-content: flex-start !important;
		gap: 10px !important;
		padding: 0 12px !important;
		border-radius: 999px !important;
		font-size: 12px !important;
	}

	.episode-page .circle-control div {
		flex: 0 0 30px !important;
		width: 30px !important;
		height: 30px !important;
	}

	.episode-page .circle-control span,
	.episode-page .circle-control .show__mobile,
	.episode-page .circle-control .show__desktop {
		display: inline !important;
		max-width: none !important;
		overflow: visible !important;
		text-overflow: clip !important;
		white-space: normal !important;
		font-size: 12px !important;
		line-height: 1.2 !important;
	}
}

/* Final override for the mobile drawer and episode navigation. Keep this at EOF. */
@media (max-width: 993px) {
	html body.mobile-nav-is-open {
		overflow-x: hidden !important;
		overflow-y: auto !important;
	}

	html body.mobile-nav-is-open > header {
		overflow: visible !important;
		z-index: 10000 !important;
	}

	html body.mobile-nav-is-open > header #mobile-nav.mobile-nav-wrapper,
	html body.mobile-nav-is-open > header #mobile-nav.mobile-nav-wrapper.opened,
	html body.mobile-nav-is-open > header #mobile-nav.mobile-nav-wrapper.active {
		position: fixed !important;
		top: 74px !important;
		left: 50% !important;
		right: auto !important;
		bottom: auto !important;
		transform: translateX(-50%) !important;
		display: block !important;
		width: min(340px, calc(100vw - 24px)) !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: calc(100vh - 92px) !important;
		padding: 14px !important;
		margin: 0 !important;
		overflow: auto !important;
		background: #242424 !important;
		border: 1px solid rgba(255,255,255,.1) !important;
		border-radius: 0 0 16px 16px !important;
		box-shadow: 0 22px 60px rgba(0,0,0,.55) !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		z-index: 10001 !important;
	}

	html body:not(.mobile-nav-is-open) > header #mobile-nav.mobile-nav-wrapper {
		display: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-container,
	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-sections,
	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-sections__list,
	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-cats {
		position: static !important;
		display: grid !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		padding: 0 !important;
		margin: 0 !important;
		transform: none !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-container,
	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-sections__list,
	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-cats {
		grid-template-columns: 1fr !important;
		gap: 8px !important;
	}

	html body.mobile-nav-is-open > header #mobile-nav li {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	html body.mobile-nav-is-open > header #mobile-nav a,
	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-cats__title {
		position: static !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		min-height: 42px !important;
		padding: 0 14px !important;
		margin: 0 !important;
		background: #202021 !important;
		border: 1px solid rgba(255,255,255,.12) !important;
		border-radius: 999px !important;
		color: #f5f5f5 !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		line-height: 1.2 !important;
		text-align: center !important;
		text-decoration: none !important;
		text-transform: uppercase !important;
		white-space: normal !important;
	}

	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-sections__list > li:first-child a {
		background: linear-gradient(135deg,#f4771c,#f0443f) !important;
		border-color: transparent !important;
		color: #fff !important;
	}
}

/* Quick search suggestions for the DLE search form. */
body > header .search-component {
	position: relative !important;
}

body > header #searchsuggestions.quick-search-results {
	position: absolute !important;
	top: calc(100% + 10px) !important;
	left: 0 !important;
	right: 0 !important;
	display: none !important;
	min-width: 280px !important;
	max-height: 360px !important;
	overflow: auto !important;
	padding: 8px !important;
	background: #202021 !important;
	border: 1px solid rgba(255,255,255,.12) !important;
	border-radius: 14px !important;
	box-shadow: 0 18px 36px rgba(0,0,0,.38) !important;
	z-index: 10050 !important;
}

body > header #searchsuggestions.quick-search-results.is-open {
	display: block !important;
}

body > header #searchsuggestions .quick-search-item,
body > header #searchsuggestions .quick-search-empty {
	display: block !important;
	padding: 10px 12px !important;
	color: #f3f3f3 !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	text-decoration: none !important;
	border-radius: 10px !important;
}

body > header #searchsuggestions .quick-search-item:hover {
	background: rgba(255,100,43,.16) !important;
	color: #ff6a2a !important;
}

body > header #searchsuggestions .quick-search-empty {
	color: #9a9a9a !important;
}

@media (max-width: 769px) {
	body > header #searchsuggestions.quick-search-results {
		position: fixed !important;
		top: 58px !important;
		left: 12px !important;
		right: 12px !important;
		min-width: 0 !important;
		max-height: 58vh !important;
	}
}

@media (max-width: 520px) {
	.episode-page .player-block__bottom-controls {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		align-items: stretch !important;
		gap: 8px !important;
		padding: 12px !important;
	}

	.episode-page .player-block__bottom-controls > div:nth-child(2) {
		display: none !important;
	}

	.episode-page .player-block__bottom-controls > div {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 42px !important;
	}

	.episode-page .circle-control {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 42px !important;
		padding: 0 10px !important;
		gap: 6px !important;
		border-radius: 999px !important;
		font-size: 11px !important;
		text-align: center !important;
	}

	.episode-page .circle-control div {
		flex: 0 0 28px !important;
		width: 28px !important;
		height: 28px !important;
		margin: 0 !important;
	}

	.episode-page .circle-control .show__desktop {
		display: none !important;
	}

	.episode-page .circle-control .show__mobile {
		display: inline !important;
		max-width: none !important;
		overflow: visible !important;
		text-overflow: clip !important;
		white-space: nowrap !important;
		font-size: 11px !important;
		font-weight: 800 !important;
		line-height: 1 !important;
	}
}

/* Mobile menu repair: keep the drawer attached to the header. */
@media (max-width: 993px) {
	html body > header {
		overflow: visible !important;
		z-index: 10000 !important;
	}

	html body:not(.mobile-nav-is-open) > header #mobile-nav.mobile-nav-wrapper,
	html body:not(.mobile-nav-is-open) > header #mobile-nav.mobile-nav-wrapper.opened,
	html body:not(.mobile-nav-is-open) > header #mobile-nav.mobile-nav-wrapper.active {
		display: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	html body.mobile-nav-is-open > header #mobile-nav.mobile-nav-wrapper,
	html body.mobile-nav-is-open > header #mobile-nav.mobile-nav-wrapper.opened,
	html body.mobile-nav-is-open > header #mobile-nav.mobile-nav-wrapper.active {
		position: absolute !important;
		inset: auto 0 auto 0 !important;
		top: 100% !important;
		left: 0 !important;
		right: 0 !important;
		bottom: auto !important;
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: calc(100vh - 58px) !important;
		transform: none !important;
		margin: 0 !important;
		padding: 10px 14px 14px !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		background: rgba(35,35,36,.99) !important;
		border: 0 !important;
		border-top: 1px solid #343434 !important;
		border-radius: 0 !important;
		box-shadow: 0 18px 34px rgba(0,0,0,.36) !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		z-index: 10001 !important;
	}

	html body > header #mobile-nav.mobile-nav-wrapper:before,
	html body > header #mobile-nav.mobile-nav-wrapper:after {
		display: none !important;
		content: none !important;
	}

	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-container,
	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-sections,
	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-sections__list,
	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-cats,
	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-cats__links {
		position: static !important;
		display: grid !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		transform: none !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-container,
	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-sections__list,
	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-cats__links {
		grid-template-columns: 1fr !important;
		gap: 8px !important;
	}

	html body.mobile-nav-is-open > header #mobile-nav li {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	html body.mobile-nav-is-open > header #mobile-nav a,
	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-cats__title {
		position: static !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		min-height: 42px !important;
		padding: 10px 14px !important;
		margin: 0 !important;
		background: #202020 !important;
		border: 1px solid #444 !important;
		border-radius: 22px !important;
		color: #f2f2f2 !important;
		font-size: 14px !important;
		font-weight: 800 !important;
		line-height: 1.15 !important;
		text-align: center !important;
		text-decoration: none !important;
		text-transform: uppercase !important;
		white-space: normal !important;
		box-shadow: none !important;
	}

	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-sections__list > li:first-child > a {
		background: linear-gradient(135deg,#f4771c,#f0443f) !important;
		border-color: transparent !important;
		color: #fff !important;
		box-shadow: 0 14px 30px rgba(240,80,32,.22) !important;
	}

	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-cats {
		gap: 8px !important;
	}

	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-cats__title {
		justify-content: flex-start !important;
		min-height: 24px !important;
		padding: 4px 2px !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		color: #ff633d !important;
		box-shadow: none !important;
	}

	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-cats__links a {
		min-height: 40px !important;
		font-size: 13px !important;
	}

	html body.mobile-nav-is-open main {
		pointer-events: none !important;
	}
}

/* Final mobile repair layer. Keep these rules last: they override older DLE/theme mobile states. */
@media (max-width: 993px) {
	html body.mobile-nav-is-open {
		overflow-x: hidden !important;
		overflow-y: auto !important;
	}

	html body.mobile-nav-is-open main,
	html body.mobile-nav-is-open footer {
		pointer-events: auto !important;
	}

	html body.mobile-nav-is-open > header #mobile-nav.mobile-nav-wrapper,
	html body.mobile-nav-is-open > header #mobile-nav.mobile-nav-wrapper.opened,
	html body.mobile-nav-is-open > header #mobile-nav.mobile-nav-wrapper.active {
		position: absolute !important;
		top: calc(100% + 1px) !important;
		left: 12px !important;
		right: 12px !important;
		bottom: auto !important;
		width: auto !important;
		max-width: none !important;
		min-height: 0 !important;
		height: auto !important;
		max-height: min(72vh, 640px) !important;
		padding: 12px !important;
		border: 1px solid #343434 !important;
		border-top: 0 !important;
		border-radius: 0 0 18px 18px !important;
		z-index: 10005 !important;
	}

	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-container,
	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-sections__list,
	html body.mobile-nav-is-open > header #mobile-nav .mobile-nav-cats__links {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 8px !important;
	}
}

@media (max-width: 769px) {
	body > header .search-component,
	body > header .header-profile {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	body > header .search-component input[name="story"] {
		display: none !important;
	}

	body.mobile-search-is-open > header .search-component input[name="story"],
	body > header .search-component.is-open input[name="story"],
	body > header .search-component:focus-within input[name="story"] {
		position: fixed !important;
		top: 74px !important;
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%) !important;
		display: block !important;
		width: min(360px, calc(100vw - 24px)) !important;
		max-width: calc(100vw - 24px) !important;
		height: 46px !important;
		padding: 0 18px !important;
		background: #111 !important;
		border: 1px solid #484848 !important;
		border-radius: 24px !important;
		color: #fff !important;
		box-shadow: 0 14px 28px rgba(0,0,0,.38) !important;
		z-index: 10020 !important;
	}

	body > header #searchsuggestions.quick-search-results {
		position: fixed !important;
		top: 126px !important;
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%) !important;
		width: min(360px, calc(100vw - 24px)) !important;
		min-width: 0 !important;
		max-height: 54vh !important;
		z-index: 10019 !important;
	}
}

@media (max-width: 520px) {
	.episode-page .player-block__bottom-controls {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 8px !important;
		align-items: center !important;
		padding: 12px !important;
	}

	.episode-page .player-block__bottom-controls > *:nth-child(2) {
		display: none !important;
	}

	.episode-page .player-block__bottom-controls > * {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 42px !important;
	}

	.episode-page .circle-control {
		justify-content: center !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 42px !important;
		padding: 0 !important;
		gap: 0 !important;
		font-size: 0 !important;
	}

	.episode-page .circle-control div {
		flex: 0 0 30px !important;
		width: 30px !important;
		height: 30px !important;
		margin: 0 auto !important;
	}

	.episode-page .circle-control span,
	.episode-page .circle-control .show__desktop,
	.episode-page .circle-control .show__mobile {
		display: none !important;
	}
}

/* Final mobile search and episode controls polish. This block intentionally stays last. */
@media (max-width: 769px) {
	html body > header .search-component {
		overflow: visible !important;
		z-index: 10040 !important;
	}

	html body > header #searchsuggestions.quick-search-results {
		display: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	html body > header #searchsuggestions.quick-search-results.is-open,
	html body.mobile-search-is-open > header #searchsuggestions.quick-search-results.is-open,
	html body > header .search-component.is-open #searchsuggestions.quick-search-results {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		position: fixed !important;
		top: 126px !important;
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%) !important;
		width: min(360px, calc(100vw - 24px)) !important;
		min-width: 0 !important;
		max-height: 56vh !important;
		overflow-y: auto !important;
		padding: 8px !important;
		background: #151516 !important;
		border: 1px solid #343434 !important;
		border-radius: 14px !important;
		box-shadow: 0 18px 34px rgba(0, 0, 0, .44) !important;
		z-index: 10041 !important;
	}

	html body > header #searchsuggestions .quick-search-item,
	html body > header #searchsuggestions .quick-search-empty {
		display: flex !important;
		align-items: center !important;
		min-height: 40px !important;
		padding: 9px 12px !important;
		border-radius: 10px !important;
		color: #f2f2f2 !important;
		text-decoration: none !important;
		font-size: 14px !important;
		line-height: 1.25 !important;
	}

	html body > header #searchsuggestions .quick-search-item:hover {
		background: #242424 !important;
		color: #ff6a2a !important;
	}

	html body > header #searchsuggestions .quick-search-empty {
		color: #9a9a9a !important;
	}
}

@media (max-width: 520px) {
	html body .episode-page .player-block__bottom-controls {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 8px !important;
		align-items: center !important;
		justify-items: center !important;
		padding: 12px 10px !important;
	}

	html body .episode-page .player-block__bottom-controls > *,
	html body .episode-page .player-block__bottom-controls > div {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 46px !important;
	}

	html body .episode-page .player-block__bottom-controls > div:empty {
		visibility: hidden !important;
	}

	html body .episode-page .player-block__bottom-controls .circle-control {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 46px !important;
		height: 46px !important;
		min-width: 46px !important;
		min-height: 46px !important;
		max-width: 46px !important;
		padding: 0 !important;
		margin: 0 auto !important;
		gap: 0 !important;
		border-radius: 50% !important;
		font-size: 0 !important;
		line-height: 0 !important;
		overflow: hidden !important;
	}

	html body .episode-page .player-block__bottom-controls .circle-control > span,
	html body .episode-page .player-block__bottom-controls .circle-control .show__desktop,
	html body .episode-page .player-block__bottom-controls .circle-control .show__mobile {
		display: none !important;
		width: 0 !important;
		max-width: 0 !important;
		min-width: 0 !important;
		overflow: hidden !important;
		font-size: 0 !important;
		line-height: 0 !important;
	}

	html body .episode-page .player-block__bottom-controls .circle-control > div {
		flex: 0 0 34px !important;
		width: 34px !important;
		height: 34px !important;
		margin: 0 !important;
	}
}