/* =========================================================
   Плеер сериала на главной (американская история ужасов).
   Цвета нейтральные + зелёный акцент темы, поэтому файл
   подходит и тёмному, и светлому варианту оформления.
   ========================================================= */

.ahs-hero {
	margin-bottom: 20px;
	padding: 15px;
	border-radius: 3px;
	background-color: rgba(127, 127, 127, 0.07);
}

/* =========================================================
   Фон сайта: обои сериала за контентом (как на образце).
   Картинка лежит в скинах — images/ahs-hero-bg.jpg, рядом со стилями
   подключается как ../images/ahs-hero-bg.jpg. Фиксированный фон +
   сильное затемнение, чтобы текст оставался читаемым; панель контента
   чуть просвечивает, поэтому обои видно по всей высоте страницы.
   ========================================================= */
.wrap {
	/* края затемняем виньеткой, картинку уменьшаем (contain) — так текст
	   на панели читается, а постер фона остаётся виден по центру */
	background-color: #0b0b0b;
	background-image:
		-webkit-radial-gradient(ellipse at center, rgba(11, 11, 11, 0) 28%, rgba(11, 11, 11, 0.97) 100%),
		-webkit-linear-gradient(rgba(11, 11, 11, 0.55), rgba(11, 11, 11, 0.8)),
		url('../images/ahs-hero-bg.jpg?v=2');
	background-image:
		radial-gradient(ellipse at center, rgba(11, 11, 11, 0) 28%, rgba(11, 11, 11, 0.97) 100%),
		linear-gradient(rgba(11, 11, 11, 0.55), rgba(11, 11, 11, 0.8)),
		url('../images/ahs-hero-bg.jpg?v=2');
	background-size: cover, cover, contain;
	background-position: center center, center center, center 12%;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-attachment: fixed, fixed, fixed;
}

.wrap-main {
	background-color: rgba(17, 17, 17, 0.94);
}

.ahs-skin-light .wrap-main {
	background-color: rgba(237, 237, 237, 0.96);
}

/* на телефонах фиксированный фон дёргается при прокрутке — отключаем */
@media (max-width: 600px) {

	.wrap {
		background-attachment: scroll, scroll;
		background-position: center top, center top;
	}
}

/* --- верхний блок: плеер + описание сериала --- */
.ahs-hero-main {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	margin: 0 -10px;
}

.ahs-player-wrap,
.ahs-info {
	-webkit-box-sizing: border-box; box-sizing: border-box;
	padding: 0 10px;
	min-width: 0;
}

.ahs-player-wrap {
	-ms-flex: 1 1 62%; flex: 1 1 62%;
	max-width: 62%;
}

.ahs-info {
	-ms-flex: 1 1 38%; flex: 1 1 38%;
	max-width: 38%;
}

.ahs-player {
	position: relative;
	padding-top: 56.25%; /* 16:9 */
	background-color: #000;
	border-radius: 3px;
	overflow: hidden;
}

.ahs-player iframe,
.ahs-player video {
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	border: 0;
	display: block;
}

.ahs-player-stub {
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-orient: vertical; -webkit-box-direction: normal;
	-ms-flex-direction: column; flex-direction: column;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	text-align: center;
	padding: 20px;
	-webkit-box-sizing: border-box; box-sizing: border-box;
	color: #cfcfcf;
}

.ahs-player-stub .fa {
	font-size: 46px;
	color: #79c142;
	margin-bottom: 10px;
}

.ahs-player-stub strong {
	display: block;
	font-size: 17px;
	margin-bottom: 6px;
	color: #fff;
}

.ahs-player-stub-text {
	display: block;
	max-width: 460px;
	font-size: 13px;
	line-height: 1.5;
}

/* Ленивый запуск плеера: вместо iframe — кнопка «Смотреть» на месте кадра */
.ahs-player-frame .ahs-play-lazy {
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-orient: vertical; -webkit-box-direction: normal;
	-ms-flex-direction: column; flex-direction: column;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	gap: 10px;
	padding: 20px;
	border: 0;
	cursor: pointer;
	background: #000;
	color: #fff;
	font: inherit;
	text-align: center;
}

.ahs-player-frame .ahs-play-lazy-icon {
	font-size: 56px;
	line-height: 1;
	color: #79c142;
	-webkit-transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease;
}

.ahs-player-frame .ahs-play-lazy-text {
	font-size: 15px;
	letter-spacing: 0.2px;
	opacity: 0.9;
}

.ahs-player-frame .ahs-play-lazy:hover .ahs-play-lazy-icon,
.ahs-player-frame .ahs-play-lazy:focus .ahs-play-lazy-icon {
	-webkit-transform: scale(1.05); transform: scale(1.05);
}

.ahs-title {
	font-size: 26px;
	line-height: 1.2;
	margin: 0 0 10px 0;
	font-weight: 700;
}

.ahs-meta {
	list-style: none;
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 13px;
	opacity: 0.75;
}

.ahs-meta li {
	display: inline-block;
	margin: 0 10px 4px 0;
}

.ahs-meta li + li:before {
	content: "·";
	margin-right: 10px;
}

.ahs-desc {
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 12px 0;
	opacity: 0.9;
}

/* описание серии приходит из доп. поля строками — сохраняем абзацы */
.ahs-desc p {
	margin: 0 0 10px 0;
}

.ahs-desc p:last-child {
	margin-bottom: 0;
}

/* пустые строки в шапке не занимают место */
.ahs-original:empty,
.ahs-desc:empty,
.ahs-props:empty {
	display: none;
}

/* --- описание серии в «Полном описании» новости (плеер живёт в доп. поле) --- */
.ahs-ep-descr {
	font-size: 15px;
	line-height: 1.7;
	margin: 0 0 18px 0;
	padding: 14px 16px;
	max-width: 940px;
	border-radius: 3px;
	background-color: rgba(127, 127, 127, 0.07);
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.ahs-ep-descr:empty {
	display: none;
}

/* перенос строк из <br> не должен давать двойных пустых абзацев */
.ahs-ep-descr br + br {
	display: none;
}

.ahs-ep-page .ahs-ep-descr {
	margin-bottom: 14px;
}

.ahs-now {
	font-size: 14px;
	padding: 10px 12px;
	border-radius: 3px;
	background-color: rgba(127, 127, 127, 0.12);
	border-left: 3px solid #79c142;
}

.ahs-now-play {
	font-weight: 600;
	color: #79c142;
}

.ahs-now-link {
	margin-left: 6px;
	color: #79c142;
	text-decoration: underline;
}

.ahs-now-link:hover {
	text-decoration: none;
}

/* --- сезоны и серии --- */
.ahs-controls {
	margin-top: 15px;
}

.ahs-seasons {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	margin: 0 -5px 12px -5px;
}

.ahs-season {
	-webkit-box-sizing: border-box; box-sizing: border-box;
	min-width: 132px;
	max-width: 100%;
	margin: 0 5px 10px 5px;
	padding: 8px 14px;
	border: 0;
	border-radius: 3px;
	background-color: rgba(127, 127, 127, 0.14);
	color: inherit;
	font: inherit;
	line-height: 1.25;
	cursor: pointer;
	text-align: left;
	overflow: hidden;
	-webkit-transition: background-color .2s, color .2s;
	transition: background-color .2s, color .2s;
}

.ahs-season b {
	display: block;
	font-weight: 600;
}

.ahs-season span {
	display: block;
	font-size: 11px;
	opacity: 0.75;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ahs-season:hover,
.ahs-season.is-active {
	background-color: #79c142;
	color: #111;
}

.ahs-season.is-active span {
	opacity: 0.9;
}

.ahs-episodes {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	margin: 0 -4px;
}

.ahs-ep {
	-webkit-box-sizing: border-box; box-sizing: border-box;
	min-width: 104px;
	margin: 0 4px 8px 4px;
	padding: 8px 12px;
	border: 0;
	border-radius: 3px;
	background-color: rgba(127, 127, 127, 0.14);
	color: inherit;
	font: inherit;
	font-size: 13px;
	cursor: pointer;
	-webkit-transition: background-color .2s, color .2s;
	transition: background-color .2s, color .2s;
}

.ahs-ep.has-link {
	box-shadow: inset 0 -2px 0 0 #79c142;
}

.ahs-ep:hover,
.ahs-ep.is-active {
	background-color: #79c142;
	color: #111;
	font-weight: 600;
}

.ahs-episodes.is-unfilled .ahs-ep {
	opacity: 0.65;
}

/* --- примечание под каталогом серий --- */
.ahs-empty {
	padding: 12px 14px;
	border-radius: 3px;
	background-color: rgba(127, 127, 127, 0.1);
	font-size: 14px;
	opacity: 0.8;
}

/* --- постер сериала в описании серии (при импорте из API) --- */
.ahs-poster {
	float: left;
	width: 220px;
	max-width: 45%;
	height: auto;
	margin: 0 15px 10px 0;
	border-radius: 3px;
}

@media screen and (max-width: 600px) {
	.ahs-poster {
		float: none;
		width: 100%;
		max-width: 100%;
		margin: 0 0 10px 0;
	}
}

/* --- заметка в блоке трейлера на странице серии --- */
.ahs-trailer-note {
	padding: 30px 20px;
	text-align: center;
	color: #cfcfcf;
	background-color: #000;
	opacity: 0.8;
}

@media screen and (max-width: 1020px) {
	.ahs-player-wrap,
	.ahs-info {
		-ms-flex: 1 1 100%; flex: 1 1 100%;
		max-width: 100%;
	}

	.ahs-info {
		margin-top: 15px;
	}

	.ahs-title {
		font-size: 22px;
	}
}

@media screen and (max-width: 600px) {
	.ahs-hero {
		padding: 10px;
	}

	.ahs-season {
		-ms-flex: 1 1 calc(50% - 10px); flex: 1 1 calc(50% - 10px);
		min-width: 0;
	}

	.ahs-ep {
		min-width: 84px;
		padding: 7px 10px;
		font-size: 12px;
	}

	.ahs-player-stub .fa {
		font-size: 38px;
	}

	.ahs-player-stub strong {
		font-size: 15px;
	}
}

/* =========================================================
   Данные сериала на главной: постер, характеристики, актёры, трейлер
   ========================================================= */

.ahs-original {
	margin: -6px 0 10px;
	font-size: 13px;
	opacity: 0.7;
}

.ahs-info-row {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	margin: 0 -8px;
}

.ahs-info-poster {
	-webkit-box-sizing: border-box; box-sizing: border-box;
	-ms-flex: 0 0 34%; flex: 0 0 34%;
	max-width: 34%;
	padding: 0 8px;
	border-radius: 4px;
}

.ahs-info-text {
	-webkit-box-sizing: border-box; box-sizing: border-box;
	-ms-flex: 1 1 0%; flex: 1 1 0%;
	min-width: 0;
	padding: 0 8px;
}

.ahs-credits {
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.6;
	opacity: 0.85;
}

.ahs-info-actions {
	margin-top: 12px;
}

.ahs-trailer-btn {
	cursor: pointer;
}

.ahs-trailer-box {
	position: relative;
	margin-top: 12px;
	padding-top: 56.25%;
	background: #000;
	border-radius: 3px;
	overflow: hidden;
}

.ahs-trailer-box iframe,
.ahs-trailer-box video {
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	border: 0;
	display: block;
}

/* =========================================================
   Бейджи серии в карточках каталога
   ========================================================= */

.ahs-badges {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	margin-top: 6px;
	gap: 4px;
}

.ahs-badge {
	display: inline-block;
	padding: 2px 7px;
	border-radius: 3px;
	font-size: 11px;
	line-height: 1.5;
	background-color: rgba(127, 127, 127, 0.18);
	color: inherit;
	white-space: nowrap;
}

.ahs-badge-ep {
	background-color: #79c142;
	color: #10160c;
	font-weight: 700;
}

.ahs-badge:empty {
	display: none;
}

/* =========================================================
   Блок «О сериале» на странице серии (генерирует плагин)
   ========================================================= */

.ahs-about .sect-cont {
	overflow: hidden;
}

.ahs-about-poster {
	float: left;
	width: 220px;
	max-width: 40%;
	margin: 0 20px 10px 0;
	border-radius: 4px;
}

.ahs-about-title {
	font-size: 19px;
	font-weight: 700;
	margin-bottom: 6px;
}

.ahs-about-title span {
	font-size: 13px;
	font-weight: 400;
	opacity: 0.65;
}

.ahs-about-tagline {
	margin-bottom: 8px;
	font-style: italic;
	opacity: 0.8;
}

.ahs-about-meta {
	margin-bottom: 10px;
	font-size: 13px;
	opacity: 0.85;
}

.ahs-about-meta .ahs-sep {
	opacity: 0.4;
}

.ahs-about-desc {
	margin-bottom: 10px;
	line-height: 1.65;
}

.ahs-about-credits {
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 4px;
	opacity: 0.9;
}

.ahs-trailer-note {
	opacity: 0.7;
}

/* =========================================================
   Шапка сезона на странице /N-sezon/
   ========================================================= */

.ahs-season-head {
	margin: 0 0 15px;
	padding: 15px;
	border-radius: 3px;
	background-color: rgba(127, 127, 127, 0.07);
}

.ahs-season-head[hidden] {
	display: none !important;
}

.ahs-season-title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 6px;
}

.ahs-season-title span {
	font-size: 14px;
	font-weight: 400;
	opacity: 0.75;
}

.ahs-season-sub {
	font-size: 13px;
	opacity: 0.75;
	margin-bottom: 8px;
}

.ahs-season-desc {
	margin-bottom: 10px;
	line-height: 1.6;
}

.ahs-season-eps {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	gap: 6px;
}

.ahs-season-ep {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 3px;
	font-size: 12px;
	text-decoration: none;
	background-color: rgba(127, 127, 127, 0.16);
	color: inherit;
}

.ahs-season-ep:hover {
	background-color: #79c142;
	color: #10160c;
	text-decoration: none;
}

@media (max-width: 760px) {

	.ahs-info-poster {
		-ms-flex: 0 0 100%; flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 10px;
		padding: 0 8px 0 8px;
	}

	.ahs-info-text {
		-ms-flex: 1 1 100%; flex: 1 1 100%;
	}

	.ahs-about-poster {
		float: none;
		width: 100%;
		max-width: 260px;
		margin: 0 auto 12px;
		display: block;
	}
}

/* =========================================================
   Лайк / дизлайк под постером
   ========================================================= */

.ahs-votes {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	gap: 6px;
	margin-top: 10px;
}

/* кнопки-иконки «палец вверх» / «палец вниз» */
.ahs-hero-poster button.ahs-vote {
	display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	width: 34px;
	min-width: 0;
	height: 34px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(127, 127, 127, 0.28);
	border-radius: 50%;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	text-transform: none;
	box-shadow: none;
	background-color: rgba(127, 127, 127, 0.12);
	color: #9aa4b1;
	-webkit-transition: color 0.15s, border-color 0.15s, background-color 0.15s;
	transition: color 0.15s, border-color 0.15s, background-color 0.15s;
}

.ahs-hero-poster button.ahs-vote:hover {
	border-color: #79c142;
	background-color: transparent;
	color: #79c142;
}

.ahs-hero-poster button.ahs-vote.is-active {
	border-color: #79c142;
	background-color: #79c142;
	color: #10160c;
}

.ahs-hero-poster button.ahs-dislike.is-active {
	border-color: #dd4d1b;
	background-color: #dd4d1b;
	color: #fff;
}

/* счётчики голосов рядом с кнопками */
.ahs-vote-count {
	min-width: 14px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	color: inherit;
	opacity: 0.75;
}

/* круглая оценка по десятибалльной — по центру строки */
.ahs-vote-score {
	display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	min-width: 38px;
	height: 38px;
	margin: 0 4px;
	padding: 0 8px;
	border: 2px solid #79c142;
	border-radius: 19px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	color: #79c142;
	background-color: rgba(121, 193, 66, 0.1);
}

@media (max-width: 600px) {
	.ahs-hero-poster button.ahs-vote {
		width: 30px;
		height: 30px;
		font-size: 13px;
	}

	.ahs-vote-score {
		min-width: 34px;
		height: 34px;
		font-size: 14px;
	}
}

/* =========================================================
   Компоновка в стиле лордфильмов:
   инфо-блок (постер + свойства + описание) и плеер с табами,
   слева сетка серий, справа список сезонов.
   ========================================================= */

.ahs-hero-top {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	margin: 0 -10px 20px;
}

.ahs-hero-poster {
	-webkit-box-sizing: border-box; box-sizing: border-box;
	-ms-flex: 0 0 240px; flex: 0 0 240px;
	max-width: 240px;
	padding: 0 10px;
}

.ahs-poster-img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 4px;
}

.ahs-hero-rating {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	gap: 6px;
	margin-top: 10px;
}

.ahs-rate {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 3px;
	font-size: 12px;
	background-color: rgba(127, 127, 127, 0.16);
}

.ahs-rate b {
	color: #79c142;
}

.ahs-hero-info {
	-webkit-box-sizing: border-box; box-sizing: border-box;
	-ms-flex: 1 1 0%; flex: 1 1 0%;
	min-width: 0;
	padding: 0 10px;
}

.ahs-props {
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
	font-size: 13px;
	line-height: 1.7;
}

.ahs-props li {
	margin: 0 0 2px;
}

.ahs-props li span {
	display: inline-block;
	min-width: 110px;
	opacity: 0.6;
}

/* --- плеер --- */

.ahs-player-box {
	margin-top: 20px;
	padding: 15px;
	border-radius: 3px;
	background-color: rgba(127, 127, 127, 0.07);
}

.ahs-player-head {
	font-size: 19px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 12px;
}

.ahs-player-tabs {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 12px;
}

.ahs-tab {
	display: inline-block;
	padding: 7px 12px;
	border: 0;
	border-radius: 3px;
	cursor: pointer;
	font-size: 13px;
	line-height: 1.4;
	text-align: left;
	background-color: rgba(127, 127, 127, 0.16);
	color: inherit;
}

.ahs-tab b {
	display: block;
	font-weight: 600;
}

.ahs-tab span {
	display: block;
	font-size: 11px;
	opacity: 0.65;
}

.ahs-tab.is-active {
	background-color: #79c142;
	color: #10160c;
}

.ahs-tab.is-active span {
	opacity: 0.8;
}

.ahs-player-frame {
	position: relative;
	padding-top: 56.25%;
	background-color: #000;
	border-radius: 3px;
	overflow: hidden;
}

.ahs-player-frame iframe,
.ahs-player-frame video {
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	border: 0;
	display: block;
}

.ahs-now {
	margin-top: 10px;
	font-size: 13px;
	opacity: 0.85;
}

.ahs-player-lists {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	margin: 15px -8px 0;
}

.ahs-list {
	-webkit-box-sizing: border-box; box-sizing: border-box;
	padding: 0 8px;
}

.ahs-list-eps {
	-ms-flex: 1 1 0%; flex: 1 1 0%;
	min-width: 240px;
}

.ahs-list-seasons {
	-ms-flex: 0 0 320px; flex: 0 0 320px;
	max-width: 320px;
}

.ahs-list-head {
	margin-bottom: 8px;
	font-size: 15px;
	font-weight: 700;
}

.ahs-list-head span {
	font-size: 12px;
	font-weight: 400;
	opacity: 0.65;
}

.ahs-eps {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	gap: 6px;
}

.ahs-eps .ahs-ep {
	min-width: 46px;
	padding: 8px 10px;
	border: 0;
	border-radius: 3px;
	cursor: pointer;
	font-size: 13px;
	background-color: rgba(127, 127, 127, 0.16);
	color: inherit;
}

.ahs-eps .ahs-ep.has-link {
	opacity: 1;
}

.ahs-eps .ahs-ep:not(.has-link) {
	opacity: 0.45;
}

.ahs-eps .ahs-ep.is-active {
	background-color: #79c142;
	color: #10160c;
	font-weight: 700;
}

.ahs-seasons {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-orient: vertical; -webkit-box-direction: normal;
	-ms-flex-direction: column; flex-direction: column;
	gap: 4px;
	max-height: 420px;
	overflow: auto;
}

.ahs-seasons .ahs-season {
	display: block;
	width: 100%;
	padding: 7px 10px;
	border: 0;
	border-radius: 3px;
	cursor: pointer;
	text-align: left;
	font-size: 13px;
	background-color: rgba(127, 127, 127, 0.12);
	color: inherit;
}

.ahs-seasons .ahs-season b {
	display: block;
	font-weight: 600;
}

.ahs-seasons .ahs-season span {
	display: block;
	font-size: 11px;
	opacity: 0.6;
}

.ahs-seasons .ahs-season.is-active {
	background-color: rgba(121, 193, 66, 0.25);
	box-shadow: inset 3px 0 0 #79c142;
}

.ahs-empty {
	font-size: 13px;
	opacity: 0.7;
}

@media (max-width: 760px) {

	.ahs-hero-poster {
		-ms-flex: 0 0 100%; flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 15px;
	}

	.ahs-poster-img {
		max-width: 240px;
		margin: 0 auto;
	}

	.ahs-props li span {
		min-width: 96px;
	}

	.ahs-list-seasons {
		-ms-flex: 1 1 100%; flex: 1 1 100%;
		max-width: 100%;
		margin-top: 15px;
	}

	.ahs-seasons {
		max-height: 300px;
	}
}

/* =========================================================
   Озвучки (табы) — компактные чипы в одну строку
   ========================================================= */

.ahs-player-tabs {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	gap: 6px;
	margin-bottom: 12px;
}

/* кнопки темы (зелёные, 40px, uppercase) — перебиваем своими правилами */
.ahs-player-box button.ahs-tab,
.ahs-episode-player button.ahs-tab {
	display: inline-flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	gap: 6px;
	width: auto;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 6px 12px;
	border: 1px solid transparent;
	border-radius: 16px;
	cursor: pointer;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.2;
	text-transform: none;
	white-space: nowrap;
	box-shadow: none;
	background-color: rgba(127, 127, 127, 0.16);
	color: inherit;
}

.ahs-player-box button.ahs-tab b,
.ahs-episode-player button.ahs-tab b {
	display: inline;
	font-weight: 600;
}

.ahs-player-box button.ahs-tab span,
.ahs-episode-player button.ahs-tab span {
	display: inline;
	font-size: 11px;
	font-weight: 400;
	opacity: 0.55;
}

.ahs-player-box button.ahs-tab:hover,
.ahs-episode-player button.ahs-tab:hover {
	border-color: #79c142;
	background-color: rgba(127, 127, 127, 0.22);
	color: inherit;
}

.ahs-player-box button.ahs-tab.is-active,
.ahs-episode-player button.ahs-tab.is-active {
	background-color: #79c142;
	border-color: #79c142;
	color: #10160c;
}

.ahs-player-box button.ahs-tab.is-active span,
.ahs-episode-player button.ahs-tab.is-active span {
	opacity: 0.7;
}

/* =========================================================
   Навигация по сериям и сезонам (компактно)
   ========================================================= */

.ahs-player-nav {
	margin-top: 15px;
}

.ahs-nav-bar {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
	gap: 12px;
	margin-bottom: 12px;
}

/* подписи «Сезон» и «Серия»: одинаковая ширина — выбор и кнопки стоят на одной вертикали */
.ahs-nav-label {
	-ms-flex: 0 0 58px; flex: 0 0 58px;
	width: 58px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
	opacity: 0.55;
}

.ahs-nav-bar-eps {
	-ms-flex-wrap: nowrap; flex-wrap: nowrap;
	-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
	margin-bottom: 0;
}

/* лента серий занимает остаток строки: подпись и кнопки стоят на одной линии */
.ahs-nav-bar-eps .ahs-eps {
	-ms-flex: 1 1 0%; flex: 1 1 0%;
	min-width: 0;
}

.ahs-nav-bar-eps .ahs-nav-label {
	padding-top: 9px;
}

.ahs-nav-title {
	font-size: 15px;
	font-weight: 700;
}

.ahs-nav-title span {
	font-size: 12px;
	font-weight: 400;
	opacity: 0.6;
}

.ahs-season-pick select {
	-webkit-appearance: none; appearance: none;
	width: auto;
	height: auto;
	padding: 7px 30px 7px 12px;
	border: 1px solid rgba(127, 127, 127, 0.4);
	border-radius: 16px;
	font-size: 13px;
	line-height: 1.2;
	cursor: pointer;
	background-color: rgba(127, 127, 127, 0.12);
	color: inherit;
	background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
	background-position: calc(100% - 16px) center, calc(100% - 11px) center;
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
}

/* системный список селекта рисуется на своём фоне — задаём цвета явно, иначе текст пропадает */
.ahs-season-pick select option {
	background-color: #ffffff;
	color: #1b1f24;
	font-size: 13px;
}

@media (prefers-color-scheme: dark) {

	.ahs-season-pick select option {
		background-color: #23272e;
		color: #e9eef4;
	}
}

.ahs-season-pick select:hover,
.ahs-season-pick select:focus {
	border-color: #79c142;
	outline: none;
}

/* =========================================================
   Выпадающий список сезонов (кастомный, вместо нативного)
   ========================================================= */

.ahs-season-pick {
	position: relative;
}

/* закрытое состояние: номер сезона + название + число серий */
.ahs-season-pick button.ahs-season-trigger {
	display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	gap: 8px;
	max-width: 100%;
	width: auto;
	height: auto;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 5px 32px 5px 6px;
	border: 1px solid rgba(127, 127, 127, 0.35);
	border-radius: 18px;
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	text-align: left;
	text-transform: none;
	box-shadow: none;
	background-color: rgba(127, 127, 127, 0.12);
	color: inherit;
	-webkit-transition: border-color 0.15s, background-color 0.15s;
	transition: border-color 0.15s, background-color 0.15s;
}

.ahs-season-pick button.ahs-season-trigger:hover,
.ahs-season-pick.is-open button.ahs-season-trigger {
	border-color: #79c142;
	background-color: rgba(121, 193, 66, 0.12);
	color: inherit;
}

.ahs-season-trigger-label {
font-size: 11px;
font-weight: 400;
letter-spacing: 0.02em;
opacity: 0.6;
white-space: nowrap;
}

.ahs-season-trigger-num {
	display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	min-width: 26px;
	height: 26px;
	padding: 0 6px;
	border-radius: 13px;
	background-color: #79c142;
	color: #10160c;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

.ahs-season-trigger-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ahs-season-trigger-meta {
	font-size: 11px;
	font-weight: 400;
	opacity: 0.55;
	white-space: nowrap;
}

.ahs-season-caret {
	position: absolute;
	top: 50%;
	right: 11px;
	margin-top: -7px;
	font-size: 14px;
	line-height: 14px;
	opacity: 0.6;
	-webkit-transition: -webkit-transform 0.18s;
	transition: transform 0.18s;
}

.ahs-season-pick.is-open .ahs-season-caret {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* раскрытый список */
.ahs-season-menu {
	position: absolute;
	z-index: 60;
	top: calc(100% + 6px);
	right: 0;
	width: 330px;
	max-width: 88vw;
	max-height: 336px;
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	padding: 6px;
	margin: 0;
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 14px;
	background-color: #1d1d1d;
	color: #ccc;
	-webkit-box-shadow: 0 18px 40px rgba(0, 0, 0, 0.6);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.6);
	-webkit-animation: ahs-menu-in 0.14s ease-out;
	animation: ahs-menu-in 0.14s ease-out;
}

/* светлый скин: панель списка — не чисто белая, а в тон остальным блокам сайта
   (белая панель выбивалась из нейтральной гаммы #ededed/#f2f4f6) */
.ahs-skin-light .ahs-season-menu {
	border-color: rgba(0, 0, 0, 0.12);
	background-color: #e7eaee;
	color: #252c34;
	-webkit-box-shadow: 0 16px 34px rgba(15, 20, 26, 0.16);
	box-shadow: 0 16px 34px rgba(15, 20, 26, 0.16);
}

.ahs-skin-light .ahs-season-menu::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.18);
}

.ahs-skin-light .ahs-season-pick button.ahs-season-trigger {
	border-color: rgba(0, 0, 0, 0.18);
	background-color: #e4e7ea;
}

/* светлый скин: при наведении/открытии кнопка не заливается зелёным —
   остаётся нейтральной, зелёной становится только рамка */
.ahs-skin-light .ahs-season-pick button.ahs-season-trigger:hover,
.ahs-skin-light .ahs-season-pick.is-open button.ahs-season-trigger {
	border-color: #79c142;
	background-color: #d8dce0;
}

/* светлый скин: подпись «12 серий» у выбранного сезона.
   Наследованный #444 с opacity 0.55 давал на панели #f2f4f6 бледно-серый
   ≈#a8aaac (контраст ~2.2:1) — подпись почти сливалась с кнопкой.
   Задаём вторичный, но читаемый оттенок в тон панели сезонов. */
.ahs-skin-light .ahs-season-trigger-meta {
	opacity: 1;
	color: #5b6570;
}

.ahs-skin-light .ahs-season-pick button.ahs-season-item:hover,
.ahs-skin-light .ahs-season-pick button.ahs-season-item:focus {
	background-color: rgba(0, 0, 0, 0.07);
}

.ahs-skin-light .ahs-season-pick button.ahs-season-item.is-active {
	background-color: rgba(121, 193, 66, 0.2);
}

.ahs-skin-light .ahs-season-item-num {
	background-color: rgba(0, 0, 0, 0.07);
	color: #3d454f;
}

.ahs-skin-light .ahs-season-pick button.ahs-season-item.is-active .ahs-season-item-num {
	background-color: #79c142;
	color: #10160c;
}

.ahs-skin-light .ahs-season-item-sub {
	opacity: 0.6;
}

/* =========================================================
   Карточки каталога: только сезон и серия, текст не сливается с постером
   ========================================================= */

.th-item .th-img:before {
	height: 68%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.92)));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.92) 100%);
}

.th-item .th-desc {
	padding: 12px 10px 10px;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9);
}

.ahs-badges-card {
	margin-top: 0;
	gap: 6px;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}

.ahs-badges-card .ahs-badge {
	padding: 3px 9px;
	border-radius: 4px;
	font-size: 12px;
}

.ahs-season-menu::-webkit-scrollbar {
	width: 8px;
}

.ahs-season-menu::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(127, 127, 127, 0.4);
}

@-webkit-keyframes ahs-menu-in {
	from { opacity: 0; -webkit-transform: translateY(-4px); }
	to { opacity: 1; -webkit-transform: translateY(0); }
}

@keyframes ahs-menu-in {
	from { opacity: 0; transform: translateY(-4px); }
	to { opacity: 1; transform: translateY(0); }
}

/* пункт списка: снова боремся с глобальными стилями кнопок темы */
.ahs-season-pick button.ahs-season-item {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	gap: 10px;
	width: 100%;
	height: auto;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 8px 10px;
	border: 0;
	border-radius: 10px;
	cursor: pointer;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.25;
	text-align: left;
	text-transform: none;
	box-shadow: none;
	background-color: transparent;
	color: inherit;
}

.ahs-season-pick button.ahs-season-item:hover,
.ahs-season-pick button.ahs-season-item:focus {
	background-color: rgba(127, 127, 127, 0.16);
	color: inherit;
	outline: none;
}

.ahs-season-pick button.ahs-season-item.is-active {
	background-color: rgba(121, 193, 66, 0.16);
	-webkit-box-shadow: inset 3px 0 0 #79c142;
	box-shadow: inset 3px 0 0 #79c142;
	color: inherit;
}

.ahs-season-item-num {
	display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	min-width: 26px;
	height: 26px;
	padding: 0 6px;
	border-radius: 13px;
	background-color: rgba(255, 255, 255, 0.08);
	color: #ccc;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

.ahs-season-pick button.ahs-season-item.is-active .ahs-season-item-num {
	background-color: #79c142;
	color: #10160c;
}

.ahs-season-item-text {
	display: block;
	-webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto;
	min-width: 0;
}

.ahs-season-item-name {
	display: block;
	font-size: 13px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ahs-season-item-sub {
	display: block;
	font-size: 11px;
	opacity: 0.5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ahs-season-item-count {
	font-size: 11px;
	opacity: 0.55;
	white-space: nowrap;
}

.ahs-eps {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	gap: 6px;
}

/* кнопки серий: та же борьба с глобальными стилями темы */
.ahs-player-nav button.ahs-ep,
.ahs-episode-player .ahs-eps button.ahs-ep {
	display: inline-block;
	width: auto;
	height: auto;
	min-width: 44px;
	min-height: 36px;
	margin: 0;
	padding: 6px 10px;
	border: 1px solid rgba(127, 127, 127, 0.28);
	border-radius: 4px;
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	text-transform: none;
	text-align: center;
	box-shadow: none;
	background-color: rgba(127, 127, 127, 0.12);
	color: inherit;
}

.ahs-player-nav button.ahs-ep:hover,
.ahs-episode-player .ahs-eps button.ahs-ep:hover {
	border-color: #79c142;
	background-color: rgba(121, 193, 66, 0.18);
	color: inherit;
}

.ahs-player-nav button.ahs-ep.is-active,
.ahs-episode-player .ahs-eps button.ahs-ep.is-active {
	background-color: #79c142;
	border-color: #79c142;
	color: #10160c;
}

.ahs-player-nav button.ahs-ep:not(.has-link),
.ahs-episode-player .ahs-eps button.ahs-ep:not(.has-link) {
	opacity: 0.4;
}

@media (max-width: 600px) {

	.ahs-nav-bar {
		-webkit-box-orient: vertical; -webkit-box-direction: normal;
		-ms-flex-direction: column; flex-direction: column;
		-webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;
		gap: 6px;
	}

	.ahs-nav-label {
		-ms-flex: 0 0 auto; flex: 0 0 auto;
		width: auto;
	}

	.ahs-nav-bar-eps {
		-ms-flex-wrap: wrap; flex-wrap: wrap;
	}

	.ahs-nav-bar-eps .ahs-eps {
		-ms-flex: 0 0 auto; flex: 0 0 auto;
		width: 100%;
	}

	.ahs-nav-bar-eps .ahs-nav-label {
		padding-top: 0;
	}

	.ahs-season-pick,
	.ahs-season-pick select,
	.ahs-season-pick button.ahs-season-trigger {
		width: 100%;
	}

	.ahs-season-pick button.ahs-season-trigger {
		-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
	}

	.ahs-season-menu {
		left: 0;
		right: 0;
		width: 100%;
		max-width: none;
		max-height: 60vh;
	}

	.ahs-eps .ahs-ep {
		min-width: 40px;
	}
}

/* =========================================================
   Страница сезона и страница серии: шапка как на главной
   ========================================================= */

.ahs-season-hero,
.ahs-episode-hero {
margin: 0 0 18px 0;
}

/* в описании серии переносы строк из доп. поля показываем как абзацы;
   min-height держит высоту, пока описание грузится — вёрстка ниже не «прыгает» */
.ahs-episode-hero .ahs-desc {
white-space: pre-line;
min-height: 48px;
}

/*
Страница серии: убираем дубли темы — свой заголовок, короткое описание,
список свойств и постер. Всё это уже есть в шапке (и в блоке «О сериале»).
*/
.ahs-ep-page .fleft-desc > h1,
.ahs-ep-page .fleft-desc .fdesc,
.ahs-ep-page .fleft-desc .flists,
.ahs-ep-page .fleft-desc .fleft-img {
display: none !important;
}

.ahs-ep-page .ahs-episode-hero .ahs-title {
margin-bottom: 8px;
}

/* страница сезона: заголовок категории DLE больше не нужен — его роль у шапки */
.ahs-season-hero .ahs-title {
margin-bottom: 8px;
}

@media (max-width: 600px) {

.ahs-season-hero,
.ahs-episode-hero {
margin-bottom: 14px;
}

.ahs-ep-page .ahs-episode-hero .ahs-title {
font-size: 20px;
}
}

/* =========================================================
   Страница сезона: карточки серий в одну строку с прокруткой
   ========================================================= */

.ahs-cards-row {
display: -webkit-box; display: -ms-flexbox; display: flex;
-ms-flex-wrap: nowrap; flex-wrap: nowrap;
-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
gap: 10px;
margin: 0;
padding: 0 0 12px 0;
overflow-x: auto;
overflow-y: hidden;
overscroll-behavior-x: contain;
-webkit-overflow-scrolling: touch;
}

.ahs-cards-row > * {
float: none !important;
-ms-flex: 0 0 auto; flex: 0 0 auto;
width: 170px;
max-width: 170px;
margin-bottom: 0;
}

.ahs-cards-row > * img {
width: 100%;
height: auto;
}

.ahs-cards-row::-webkit-scrollbar {
height: 8px;
}

.ahs-cards-row::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(127, 127, 127, 0.4);
}

.ahs-cards-row::-webkit-scrollbar-track {
background-color: rgba(127, 127, 127, 0.1);
}

@media (max-width: 600px) {

.ahs-cards-row > * {
width: 140px;
max-width: 140px;
}
}

/* =========================================================
   Страница серии: одна колонка, без дублей и лишних блоков
   ========================================================= */

/* колонка «Поиск по параметрам» */
.ahs-ep-page .fright {
display: none !important;
}

.ahs-ep-page .fcols,
.ahs-ep-page .fleft,
.ahs-ep-page .fleft-desc {
display: block !important;
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
}

/* подзаголовок «Смотреть онлайн … бесплатно» — его роль у шапки плеера */
.ahs-ep-page .fsubtitle {
display: none !important;
}

/* старый плеер из новости (iframe) не показываем — играет наш плеер, а в блоке
   «Полное описание» теперь текст описания серии */
.ahs-ep-page .fplayer .tabs-b iframe {
display: none !important;
}

/* блок с текстом серии тема держит закрытым (.js .tabs-b) — на случай старой разметки открываем его */
.ahs-ep-page .fplayer .tabs-b.ahs-story-open {
display: block !important;
background: none;
}

/* «Полное описание» — продолжение верхнего блока серии: тот же фон, без зазора и «талии» */
.ahs-ep-page .ahs-episode-hero.ahs-story-joined {
margin-bottom: 0;
border-radius: 3px 3px 0 0;
}

.ahs-ep-page .fleft.ahs-story-joined {
padding-bottom: 0 !important;
}

.ahs-ep-page .fleft.ahs-story-joined .ahs-ep-descr {
margin: 0;
max-width: none;
border-radius: 0 0 3px 3px;
}

/* если разметка старая и текст остался в блоке плеера */
.ahs-ep-page .fplayer .tabs-b .ahs-ep-descr {
margin: 0;
max-width: none;
border-radius: 0 0 3px 3px;
}

/* метки табов «Смотреть онлайн / Трейлер» и регулятор «Свет» не нужны,
   закладки и жалоба остаются */
.ahs-ep-page .fctrl .tabs-sel,
.ahs-ep-page .fctrl .flight {
display: none !important;
}

.ahs-ep-page .fctrl {
padding: 0 0 10px 0;
}

/* блок «О сериале» (второе описание) на странице серии убран */
.ahs-ep-page .ahs-about {
display: none !important;
}

/* =========================================================
   Карусель серий на странице сезона (данные — из AJAX)
   ========================================================= */

.ahs-carousel-wrap {
margin: 15px 0 0 0;
}

.ahs-carousel {
position: relative;
}

.ahs-car-track {
display: -webkit-box; display: -ms-flexbox; display: flex;
-ms-flex-wrap: nowrap; flex-wrap: nowrap;
gap: 10px;
overflow-x: auto;
overflow-y: hidden;
scroll-behavior: smooth;
scroll-snap-type: x proximity;
overscroll-behavior-x: contain;
-webkit-overflow-scrolling: touch;
padding: 2px 2px 6px 2px;
cursor: -webkit-grab;
cursor: grab;
/* полоса прокрутки не показывается: лента листается стрелками и свайпом */
scrollbar-width: none;
-ms-overflow-style: none;
}

.ahs-car-track::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
}

.ahs-car-track.is-dragging {
cursor: -webkit-grabbing;
cursor: grabbing;
scroll-behavior: auto;
}

/* карточка серии */
.ahs-car-card {
display: block;
-ms-flex: 0 0 auto; flex: 0 0 auto;
width: 168px;
max-width: 168px;
border: 1px solid rgba(127, 127, 127, 0.22);
border-radius: 6px;
overflow: hidden;
text-decoration: none;
color: inherit;
background-color: rgba(127, 127, 127, 0.07);
scroll-snap-align: start;
-webkit-transition: border-color 0.15s, background-color 0.15s, -webkit-transform 0.15s;
transition: border-color 0.15s, background-color 0.15s, transform 0.15s;
}

.ahs-car-card:hover {
border-color: #79c142;
background-color: rgba(121, 193, 66, 0.1);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}

.ahs-car-card.is-active {
border-color: #79c142;
background-color: rgba(121, 193, 66, 0.14);
}

.ahs-car-poster {
display: -webkit-box; display: -ms-flexbox; display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center;
-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
width: 100%;
height: 224px;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.25);
color: rgba(127, 127, 127, 0.6);
font-size: 34px;
}

.ahs-car-poster img {
width: 100%;
height: 100%;
-o-object-fit: cover; object-fit: cover;
display: block;
}

.ahs-car-num {
display: block;
padding: 8px 10px 2px;
font-size: 13px;
font-weight: 600;
line-height: 1.3;
}

/* единый вид карточек во всех каруселях: только сезон и серия */
.ahs-car-badges {
display: -webkit-box; display: -ms-flexbox; display: flex;
-ms-flex-wrap: wrap; flex-wrap: wrap;
gap: 4px;
padding: 8px 10px 9px;
}

.ahs-car-badges .ahs-badge {
font-size: 11px;
}

.ahs-car-meta {
display: block;
padding: 0 10px 9px;
font-size: 11px;
line-height: 1.3;
opacity: 0.55;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

/* кнопки прокрутки */
.ahs-carousel button.ahs-car-btn {
position: absolute;
top: 92px;
z-index: 30;
display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center;
-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
width: 36px;
height: 36px;
min-width: 0;
min-height: 0;
margin: 0;
padding: 0;
border: 1px solid rgba(127, 127, 127, 0.35);
border-radius: 50%;
background-color: rgba(20, 22, 26, 0.9);
color: #e9eef4;
font-size: 14px;
line-height: 1;
text-transform: none;
box-shadow: none;
cursor: pointer;
-webkit-transition: opacity 0.15s, border-color 0.15s, background-color 0.15s;
transition: opacity 0.15s, border-color 0.15s, background-color 0.15s;
}

.ahs-carousel button.ahs-car-btn:hover {
border-color: #79c142;
background-color: rgba(121, 193, 66, 0.9);
color: #10160c;
}

.ahs-carousel button.ahs-car-btn[disabled] {
opacity: 0.25;
cursor: default;
}

.ahs-car-prev {
left: -14px;
}

.ahs-car-next {
right: -14px;
}

/* прокрутки нет — стрелки не нужны */
.ahs-carousel:not(.is-scrollable) button.ahs-car-btn {
display: none;
}

/* блоки темы (каталог «Все серии», «Смотрите также») в виде карусели:
   карточки темы остаются как есть, меняется только раскладка ленты */
.ahs-car-track.ahs-car-raw {
display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;
-ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important;
-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
gap: 10px !important;
margin: 0 !important;
padding: 2px 2px 6px 2px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scrollbar-width: none;
-ms-overflow-style: none;
}

.ahs-car-track.ahs-car-raw > * {
float: none !important;
-ms-flex: 0 0 auto !important; flex: 0 0 auto !important;
width: 170px !important;
max-width: 170px !important;
margin-bottom: 0 !important;
}

.ahs-car-track.ahs-car-raw .ahs-empty {
width: auto !important;
max-width: none !important;
}

/* маска карточки темы (z-index 11) не должна перехватывать клики по стрелкам */
.ahs-car-track.ahs-car-raw .th-mask {
pointer-events: none;
}

@media (max-width: 600px) {

.ahs-car-track.ahs-car-raw > * {
width: 140px !important;
max-width: 140px !important;
}
}

@media (max-width: 600px) {

.ahs-car-card {
width: 140px;
max-width: 140px;
}

.ahs-car-poster {
height: 187px;
}

.ahs-carousel button.ahs-car-btn {
top: 74px;
width: 32px;
height: 32px;
}

.ahs-car-prev {
left: 0;
}

.ahs-car-next {
right: 0;
}
}

/* =========================================================
   Страница серии: закладки и жалоба под плеером
   ========================================================= */

.ahs-ep-page .fplayer {
display: -webkit-box; display: -ms-flexbox; display: flex;
-webkit-box-orient: vertical; -webkit-box-direction: normal;
-ms-flex-direction: column; flex-direction: column;
}

.ahs-ep-page .fplayer .ahs-episode-player {
-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;
	/* те же отступы, что у блока плеера на главной */
	margin: 0 20px 18px;
	padding: 20px 30px;
	border-radius: 3px;
	background-color: rgba(127, 127, 127, 0.07);
}

/*
Страница серии: иконки закладок и жалобы стоят прямо в строке «Сейчас играет»
(иконки переносит в .ahs-now сам player.js) — без обводки и без фона,
назначение — во всплывающей подсказке.
*/
.ahs-ep-page .fplayer .fctrl,
.ahs-ep-page .fcols > .fctrl {
-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;
display: -webkit-box; display: -ms-flexbox; display: flex;
-ms-flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
-webkit-box-align: center; -ms-flex-align: center; align-items: center;
gap: 8px;
	padding: 0;
	border: 0;
	background: none;
}

/* сами иконки — в той же плашке, сразу за текстом (без разнесения по краям) */
.ahs-ep-page .ahs-now-bar {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	gap: 6px 10px;
	padding: 10px 12px;
	border-radius: 3px;
	border-left: 3px solid #79c142;
	background-color: rgba(127, 127, 127, 0.12);
}

.ahs-ep-page .ahs-now-bar .ahs-now {
	-ms-flex: 1 1 auto; flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
}

/* иконки — правый край плашки, ровно друг за другом */
.ahs-ep-page .ahs-now-bar .fctrl {
	-ms-flex: 0 0 auto; flex: 0 0 auto;
	margin: 0 0 0 auto;
	-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
	gap: 8px;
}

/* иконка без обводки и фона; font-size 0 убирает пробелы шаблона,
   из-за которых зона наведения была шире самой иконки */
.ahs-ep-page .fctrl .ffav,
.ahs-ep-page .fctrl .fcompl {
	position: relative;
	display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	width: auto;
	height: auto;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	color: inherit;
	cursor: pointer;
	-webkit-transition: color 0.15s;
	transition: color 0.15s;
}

.ahs-ep-page .fctrl .ffav:hover,
.ahs-ep-page .fctrl .fcompl:hover,
.ahs-ep-page .fctrl .ffav:focus,
.ahs-ep-page .fctrl .fcompl:focus {
	color: #79c142;
	text-decoration: none;
}

/* текст кнопки скрыт визуально, но остаётся в DOM — из него берётся подсказка,
   заодно перебиваем цвет ссылки темы (в светлой теме у .fctrl a он #ccc) */
.ahs-ep-page .fctrl .ffav a,
.ahs-ep-page .fctrl .fcompl a {
	font-size: 0;
	line-height: 0;
	color: inherit;
	text-decoration: none;
}

.ahs-ep-page .fctrl .ffav a .fa,
.ahs-ep-page .fctrl .fcompl a .fa {
	font-size: 15px;
	line-height: 1;
	color: inherit;
	opacity: 1;
	/* у темы для .icon-left .fa есть margin-right: 10px — из-за него зона
	   наведения была шире иконки и подсветка выглядела неровной */
	margin: 0;
	padding: 0;
}

/* всплывающая подсказка */
.ahs-ep-page .fctrl .ffav::after,
.ahs-ep-page .fctrl .fcompl::after {
	content: attr(data-tip);
	position: absolute;
	bottom: calc(100% + 9px);
	left: 50%;
	z-index: 40;
	padding: 6px 10px;
	border-radius: 6px;
	background-color: #1d1d1d;
	color: #eee;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.3;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	-webkit-transform: translate(-50%, 4px);
	transform: translate(-50%, 4px);
	-webkit-transition: opacity 0.15s, transform 0.15s, visibility 0.15s;
	transition: opacity 0.15s, transform 0.15s, visibility 0.15s;
}

.ahs-ep-page .fctrl .ffav:hover::after,
.ahs-ep-page .fctrl .fcompl:hover::after,
.ahs-ep-page .fctrl .ffav:focus::after,
.ahs-ep-page .fctrl .fcompl:focus::after {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

/* светлая тема: иконки наследуют цвет текста плашки и темнеют для читаемости */
.ahs-skin-light .ahs-ep-page .fctrl .ffav,
.ahs-skin-light .ahs-ep-page .fctrl .fcompl {
	color: #5b6570;
}

.ahs-skin-light .ahs-ep-page .fctrl .ffav:hover,
.ahs-skin-light .ahs-ep-page .fctrl .fcompl:hover,
.ahs-skin-light .ahs-ep-page .fctrl .ffav:focus,
.ahs-skin-light .ahs-ep-page .fctrl .fcompl:focus {
	color: #3d6a12;
}

.ahs-skin-light .ahs-ep-page .fctrl .ffav::after,
.ahs-skin-light .ahs-ep-page .fctrl .fcompl::after {
	background-color: #2b323b;
	color: #fff;
}

.ahs-skin-light .ahs-ep-page .fctrl .ffav:hover,
.ahs-skin-light .ahs-ep-page .fctrl .fcompl:hover,
.ahs-skin-light .ahs-ep-page .fctrl .ffav:focus,
.ahs-skin-light .ahs-ep-page .fctrl .fcompl:focus {
	border-color: #79c142;
	background-color: rgba(121, 193, 66, 0.18);
	color: #3d6a12;
}

/*
Описание серии стоит в шапке сразу под списком свойств (там же, где «Актёры: …») —
как на главной и странице сезона. В этой позиции описание идёт без плашки: фон шапки
уже залит нейтральным оверлеем, а на главной описание тоже выводится простым текстом.
*/
.ahs-ep-page .ahs-hero-info .ahs-ep-descr {
	margin: 12px 0 0;
	padding: 0;
	max-width: none;
	border-radius: 0;
	background-color: transparent;
	font-size: 14px;
	line-height: 1.6;
	opacity: 0.9;
}

/* описание сериала вместо описания серии (пока перевод не готов) */
.ahs-episode-hero .ahs-desc.is-series {
opacity: 0.72;
}

/* =========================================================
   Подвал сайта: описание сериала и список сезонов
   ========================================================= */

.ahs-footer {
	display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
	text-align: left;
	gap: 18px 36px;
	padding: 20px 20px 16px;
	font-size: 12px;
	line-height: 1.5;
}

.ahs-footer .ft-col {
	-ms-flex: 1 1 0%; flex: 1 1 0%;
	min-width: 0;
	text-align: left;
}

/* логотип сайта слева, как в шапке */
.ahs-footer .ft-logo {
	-ms-flex: 0 0 180px; flex: 0 0 180px;
	max-width: 200px;
	padding: 0;
	background: none;
}

.ahs-ft-logo {
	display: block;
	width: 170px;
	max-width: 100%;
	height: auto;
	opacity: 0.95;
}

.ahs-footer .ft-seasons {
	-ms-flex: 1 1 480px; flex: 1 1 480px;
}

.ahs-footer .ft-menu p {
	margin: 0 0 8px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	opacity: 0.7;
}

.ahs-footer .ft-menu li {
	margin: 0 0 4px;
	font-size: 12px;
}

/* сезоны ровными колонками: подвал остаётся компактным */
.ahs-footer .ahs-ft-cols {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	gap: 2px 12px;
}

.ahs-footer .ft-seasons ul {
	-ms-flex: 0 1 168px; flex: 0 1 168px;
	min-width: 150px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ahs-footer .ft-seasons a,
.ahs-footer .ft-menu a {
display: inline-block;
padding: 0;
font-size: 12px;
}

/* в сезонах подвала иконки-стрелки темы не нужны — строки компактнее */
.ahs-footer .ft-menu a::before,
.ahs-footer .ft-seasons a::before {
	content: none;
	display: none;
	margin: 0;
}

.ahs-ft-title {
display: none;
}

.ahs-ft-text {
display: none;
}

.ahs-ft-bottom {
-ms-flex: 1 0 100%; flex: 1 0 100%;
margin-top: 2px;
padding-top: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.09);
font-size: 11px;
opacity: 0.55;
}

/* Подвал сайта одинаков в обеих темах (в шаблоне LordFilms он тёмный в обоих скинах):
   фиксируем фон и цвета, чтобы при переключении темы подвал не менялся.
   Специфичность .footer.ahs-footer выше, чем .footer в styles.css темы. */
.footer.ahs-footer {
	background-color: #222222 !important;
	color: #cccccc !important;
}

.footer.ahs-footer .ft-menu p {
	color: #eeeeee;
}

.footer.ahs-footer .ft-menu li {
	color: #cccccc;
}

.footer.ahs-footer a {
	color: #cccccc;
}

.footer.ahs-footer a:hover {
	color: #79c142;
}

.footer.ahs-footer .ahs-ft-bottom {
	color: #cccccc;
	opacity: 0.75;
	border-top-color: rgba(255, 255, 255, 0.09);
}

/* Логотип подвала (непрозрачный PNG с фоном #222) — никаких фильтров: файл и фон совпадают */
.ahs-ft-logo,
.ahs-skin-light .ahs-ft-logo {
	-webkit-filter: none;
	filter: none;
}

/* =========================================================
   Единая цветовая схема для всех страниц (главная, сезон, серия):
   фон страницы #111 (тёмная) / #ededed (светлая), а блоки и панели —
   нейтральный полупрозрачный оверлей, одинаково работающий в обеих темах.
   Раньше страница серии лежала на панели темы (.fmain #222 / #fff),
   а «Смотрите также» и SEO-блок были залиты почти чёрным — из-за этого
   цветовая гамма трёх страниц отличалась.
   ========================================================= */

/* страница серии: убираем панель темы, контент — на общем фоне страницы */
.ahs-ep-page .fmain {
	background-color: transparent;
	box-shadow: none;
}

/* правая колонка (поиск по параметрам) — тот же нейтральный оверлей */
.fright {
	background-color: rgba(127, 127, 127, 0.07);
}

/* «Смотрите также» и SEO-блок главной: нейтральный блок в тон остальным панелям */
.sect.frels,
.desc-text {
	background-color: rgba(127, 127, 127, 0.07);
	color: inherit;
}

.sect.frels .frels-title,
.sect.frels .sect-header {
	color: inherit;
}

/* подложка постера видна до загрузки картинки — нейтральная в обеих темах */
.th-img {
	background-color: rgba(127, 127, 127, 0.12);
}

/* =========================================================
   Контраст зелёного акцента в светлой теме.

   Акцент #79c142 рассчитан на тёмный фон (на #111 даёт контраст ~7:1),
   а на светлых панелях он даёт всего 1.5–2.1:1 — текст почти сливается
   с фоном. В светлой теме заменяем зелёный текст на тёмно-зелёный
   #4b7d19 (контраст ~4.6:1 на панели #f7f8fa и ~3.6:1 на #e1e1e1).
   Зелёные фоны (кнопки, плашки, активные состояния) не трогаем —
   там текст тёмный и читается нормально.
   ========================================================= */

.ahs-skin-light .ahs-now-play,
.ahs-skin-light .ahs-now-link,
.ahs-skin-light .ahs-ep-page .comm-author,
.ahs-skin-light .ahs-ep-page .comm-author a,
.ahs-skin-light .ahs-ep-page .comm-three-left > a,
.ahs-skin-light .ahs-ep-page .comm-rate3 a:hover,
.ahs-skin-light .ahs-ep-page .comm-three-right li a:hover,
.ahs-skin-light .ahs-ep-page .comm-three-right > a:hover,
.ahs-skin-light .ahs-ep-page .comm-three-right .ahs-comm-act:hover {
	color: #4b7d19;
}

/* рейтинг комментария: «+1» (в оригинале светлой темы #95c613 — контраст 1.9:1) */
.ahs-skin-light .ahs-ep-page .comm-rate3 > span > span.ratingplus {
	color: #4b7d19;
}

/* заголовок формы быстрого ответа */
.ahs-skin-light .ahs-ep-page #dlefastreplycomments > b {
	color: #4b7d19;
}

/* На зелёных кнопках и плашках текст должен быть тёмным — как в тёмной теме.
   В оригинале светлой темы он белый (контраст 2.2:1), поэтому кнопка
   «Добавить комментарий» и «Кабинет» в шапке сливались с фоном. */
.ahs-skin-light .ahs-ep-page .ac-submit button,
.ahs-skin-light .btn-login {
	color: #111;
}

.ahs-skin-light .sect-title {
	color: #111 !important;
}

/* Тёмная тема: приглушённые метки (opacity 0.5–0.55) давали контраст 3.7–4:1 —
   для мелкого текста маловато, поднимаем до ~5:1 */
.ahs-ep-page .comm-one > span:last-child {
	opacity: 0.65;
}

.ahs-nav-label {
	opacity: 0.7;
}

.ahs-season-trigger-meta {
	opacity: 0.7;
}

/* =========================================================
   Светлая тема: читаемость подписей-меток на светлом фоне.

   В исходном шаблоне метки набраны основным цветом текста с прозрачностью
   0.5–0.6. На тёмном фоне это даёт нормальный контраст, а на светлом
   (#ededed / #f7f8fa) — всего 2.5–3:1: подписи «Актёры:», «Сезон», «Серия»,
   «Год выхода:», время комментария почти сливались с фоном.
   Здесь тот же вторичный оттенок, что у подписи «N серий», но без прозрачности
   (контраст ~4.6:1 на светлых панелях).
   ========================================================= */

.ahs-skin-light .ahs-props li span,
.ahs-skin-light .ahs-nav-label,
.ahs-skin-light .ahs-nav-title span,
.ahs-skin-light .ahs-meta li,
.ahs-skin-light .ahs-ep-page .comm-one > span:last-child {
	opacity: 1;
	color: #5b6570;
}

/* подписи-метки делаем чуть темнее — контраст на панелях ~5:1 */
.ahs-skin-light .ahs-nav-label,
.ahs-skin-light .ahs-nav-title span {
	color: #4f5b66;
}

/* меню шапки и оригинальное название: на белом фоне без приглушения */
.ahs-skin-light .hmenu > li > a,
.ahs-skin-light .ahs-original {
	opacity: 1;
}

/* «Сейчас играет» — зелёный на светлой плашке тоже тёмнее */
.ahs-skin-light .ahs-now-play,
.ahs-skin-light .ahs-now-link {
	color: #38600f;
}

/* Логотип подвала: в обеих темах фон подвала тёмный (#222 в тёмной, #1e1e1e в светлой),
   а PNG непрозрачный (белый фон) — поэтому CSS-инверсия не нужна: она превращала
   логотип в белую плашку. Цвет логотипа задаёт сам файл скина. */

@media (max-width: 600px) {

.ahs-footer {
		gap: 14px;
		text-align: left;
	}

	.ahs-footer .ft-logo {
		-ms-flex: 0 0 140px; flex: 0 0 140px;
	}

	.ahs-ft-logo {
		width: 130px;
		width: auto;
		min-width: 0;
		margin: 0;
	}

.ahs-ep-page .fplayer .ahs-episode-player {
margin: 0 0 14px;
padding: 14px;
}

.ahs-ep-page .fcols > .fctrl {
margin: 0 0 14px;
gap: 8px;
}
}

/* =========================================================
   Мобильная шапка: бургер в правом углу, кнопка темы слева рядом
   ========================================================= */

@media screen and (max-width: 1220px) {

	.header-in .btn-theme {
		-ms-flex-order: 2; order: 2;
		margin-left: auto;
	}

	.header-in .btn-menu {
		-ms-flex-order: 3; order: 3;
		margin-left: 10px;
	}
}

/* =========================================================
   Лайтбокс постера: маленький файл на странице, полный — по клику
   ========================================================= */

.ahs-lightbox {
	position: fixed;
	left: 0; top: 0; right: 0; bottom: 0;
	z-index: 100000;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	padding: 24px;
	background-color: rgba(0, 0, 0, 0.88);
	cursor: -webkit-zoom-out; cursor: zoom-out;
}

.ahs-lightbox[hidden] {
	display: none !important;
}

.ahs-lightbox-img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	border-radius: 6px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
	cursor: default;
}

.ahs-lightbox-close {
	position: absolute;
	top: 14px;
	right: 18px;
	width: 40px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.12);
	color: #fff;
	font-size: 26px;
	cursor: pointer;
	-webkit-user-select: none; -ms-user-select: none; user-select: none;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.ahs-lightbox-close:hover {
	background-color: rgba(121, 193, 66, 0.85);
}

/* постер кликабелен только если есть полный размер */
.ahs-poster-img[data-full]:not([data-full=""]) {
	cursor: -webkit-zoom-in; cursor: zoom-in;
}

html.ahs-lightbox-open,
html.ahs-lightbox-open body {
	overflow: hidden;
}

/* =========================================================
   Блок «Как тебе серия?»: заголовок, список, форма-панель
   ========================================================= */

/* заголовок блока с разделительной линией */
.ahs-ep-page .fcomms .sect-header {
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	gap: 10px;
	margin-bottom: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.ahs-ep-page .fcomms .frels-title {
	font-size: 16px;
}

/* форма не «прилипает» и не перекрывает комментарии */
.ahs-ep-page .fcomms .add-comms > form,
.ahs-ep-page .fcomms .add-comms {
	position: static;
	top: auto;
}

/* список комментариев — отдельным блоком */
.ahs-ep-page .fcomms .full-comms {
	margin-bottom: 18px;
}

/* форма — аккуратная панель в тон карточкам */
.ahs-ep-page .fcomms .add-comms {
	margin-top: 0;
	padding: 16px;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 12px;
	background-color: rgba(255, 255, 255, 0.02);
}

/* поля ввода — в стиле карточек комментариев */
.ahs-ep-page .fcomms .ac-textarea textarea {
	-webkit-box-sizing: border-box; box-sizing: border-box;
	width: 100%;
	min-height: 110px;
	padding: 10px 12px !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 8px !important;
	background-color: rgba(255, 255, 255, 0.05) !important;
	color: inherit !important;
	resize: vertical;
}

.ahs-ep-page .fcomms .ac-inputs input {
	padding: 9px 12px !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 8px !important;
	background-color: rgba(255, 255, 255, 0.05) !important;
	color: inherit !important;
}

.ahs-ep-page .fcomms .ac-textarea textarea:focus,
.ahs-ep-page .fcomms .ac-inputs input:focus {
	border-color: rgba(121, 193, 66, 0.55) !important;
	outline: none;
}

.ahs-ep-page .fcomms .ac-submit button {
	min-height: 38px;
	border-radius: 8px;
}

/* светлая тема */
.ahs-skin-light .ahs-ep-page .fcomms .sect-header {
	border-bottom-color: rgba(0, 0, 0, 0.08);
}

.ahs-skin-light .ahs-ep-page .fcomms .add-comms {
	background-color: #fafbfc;
	border-color: rgba(0, 0, 0, 0.08);
}

.ahs-skin-light .ahs-ep-page .fcomms .ac-textarea textarea,
.ahs-skin-light .ahs-ep-page .fcomms .ac-inputs input {
	background-color: #fff !important;
	border-color: rgba(0, 0, 0, 0.14) !important;
	color: #22252b !important;
}

/* =========================================================
   Форма ответа на комментарий (вставляется движком inline)
   ========================================================= */

.ahs-ep-page #dlefastreplycomments {
	margin-top: 10px;
	padding: 14px;
	border: 1px solid rgba(121, 193, 66, 0.3);
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.03);
	font-size: 13.5px;
	line-height: 1.5;
}

.ahs-ep-page #dlefastreplycomments > b {
	color: #79c142;
}

/* редактор и поле ввода — в тон карточкам комментариев */
.ahs-ep-page #dlefastreplycomments .bb-editor,
.ahs-ep-page #dlefastreplycomments .bb-editor.dle_theme_dark {
	padding: 0 !important;
	border: 0 none !important;
	border-width: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

.ahs-ep-page #dlefastreplycomments .bb-editor textarea {
	-webkit-box-sizing: border-box; box-sizing: border-box;
	width: 100% !important;
	min-height: 90px;
	padding: 10px 12px !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 8px !important;
	background-color: rgba(255, 255, 255, 0.05) !important;
	color: inherit !important;
	resize: vertical;
}

.ahs-ep-page #dlefastreplycomments .bb-editor textarea:focus {
	border-color: rgba(121, 193, 66, 0.55) !important;
	outline: none;
}

.ahs-ep-page #dlefastreplycomments .form-check-label {
	display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	gap: 7px;
	margin-top: 8px;
	font-size: 12.5px;
	opacity: 0.8;
	cursor: pointer;
}

/* кнопки формы */
.ahs-ep-page #dlefastreplycomments .save-buttons {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	gap: 10px;
	margin-top: 12px;
}

.ahs-ep-page #dlefastreplycomments .save-buttons input {
	height: auto !important;
	min-height: 36px;
	margin: 0 !important;
	padding: 0 18px !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	font-size: 13px;
	line-height: 36px;
	text-transform: none;
	cursor: pointer;
}

.ahs-ep-page #dlefastreplycomments .save-buttons .cancelchanges {
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	background-color: transparent !important;
	color: inherit !important;
	opacity: 0.85;
}

.ahs-ep-page #dlefastreplycomments .save-buttons .cancelchanges:hover {
	border-color: rgba(255, 255, 255, 0.3) !important;
	opacity: 1;
}

.ahs-ep-page #dlefastreplycomments .save-buttons .applychanges {
	border: 0 !important;
	background-color: #79c142 !important;
	color: #10160c !important;
	font-weight: 600;
}

.ahs-ep-page #dlefastreplycomments .save-buttons .applychanges:hover {
	background-color: #8ad24f !important;
}

/* светлая тема */
.ahs-skin-light .ahs-ep-page #dlefastreplycomments {
	background-color: #f7f8fa;
	border-color: rgba(121, 193, 66, 0.45);
}

.ahs-skin-light .ahs-ep-page #dlefastreplycomments .bb-editor textarea {
	background-color: #fff !important;
	border-color: rgba(0, 0, 0, 0.14) !important;
	color: #22252b !important;
}

.ahs-skin-light .ahs-ep-page #dlefastreplycomments .save-buttons .cancelchanges {
	border-color: rgba(0, 0, 0, 0.18) !important;
	color: #3c4048 !important;
}

/* =========================================================
   Форма редактирования комментария (автор и админ)
   ========================================================= */

.ahs-ep-page .comments-edit-area {
	margin-top: 10px;
	padding: 14px;
	border: 1px solid rgba(121, 193, 66, 0.3);
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.03);
}

.ahs-ep-page .comments-edit-area .bb-editor,
.ahs-ep-page .comments-edit-area .bb-editor.dle_theme_dark {
	padding: 0 !important;
	border: 0 none !important;
	border-width: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

.ahs-ep-page .comments-edit-area textarea {
	-webkit-box-sizing: border-box; box-sizing: border-box;
	width: 100% !important;
	min-height: 90px;
	padding: 10px 12px !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 8px !important;
	background-color: rgba(255, 255, 255, 0.05) !important;
	color: inherit !important;
	resize: vertical;
}

.ahs-ep-page .comments-edit-area textarea:focus {
	border-color: rgba(121, 193, 66, 0.55) !important;
	outline: none;
}

.ahs-ep-page .comments-edit-area .save-buttons {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	gap: 10px;
	width: auto !important;
	margin-top: 12px;
	padding: 0 !important;
	text-align: right;
}

.ahs-ep-page .comments-edit-area .save-buttons input {
	height: auto !important;
	min-height: 36px;
	margin: 0 !important;
	padding: 0 18px !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	font-size: 13px;
	line-height: 36px;
	text-transform: none;
	cursor: pointer;
}

.ahs-ep-page .comments-edit-area .save-buttons .cancelchanges {
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	background-color: transparent !important;
	color: inherit !important;
	opacity: 0.85;
}

.ahs-ep-page .comments-edit-area .save-buttons .applychanges {
	border: 0 !important;
	background-color: #79c142 !important;
	color: #10160c !important;
	font-weight: 600;
}

.ahs-skin-light .ahs-ep-page .comments-edit-area {
	background-color: #f7f8fa;
	border-color: rgba(121, 193, 66, 0.45);
}

.ahs-skin-light .ahs-ep-page .comments-edit-area textarea {
	background-color: #fff !important;
	border-color: rgba(0, 0, 0, 0.14) !important;
	color: #22252b !important;
}

.ahs-skin-light .ahs-ep-page .comments-edit-area .save-buttons .cancelchanges {
	border-color: rgba(0, 0, 0, 0.18) !important;
	color: #3c4048 !important;
}

/* =========================================================
   Дерево комментариев на странице серии — карточки и ветки
   ========================================================= */

.ahs-ep-page .fcomms #dle-comments-list {
	font-size: 13.5px;
}

.ahs-ep-page .comments-tree-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* вложенная ветка: отступ и зелёная линия связи */
.ahs-ep-page .comments-tree-list .comments-tree-list {
	margin: 10px 0 0 20px;
	padding-left: 18px;
	border-left: 2px solid rgba(121, 193, 66, 0.28);
}

.ahs-ep-page .comments-tree-item + .comments-tree-item {
	margin-top: 10px;
}

.ahs-ep-page .comm-item {
	position: relative;
	box-sizing: border-box;
	margin: 0;
	padding: 12px 14px 10px 54px;
	min-height: 0;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.03);
	-webkit-transition: border-color 0.2s, background-color 0.2s;
	transition: border-color 0.2s, background-color 0.2s;
}

.ahs-ep-page .comm-item:hover {
	border-color: rgba(121, 193, 66, 0.35);
	background-color: rgba(255, 255, 255, 0.05);
}

/* кружок с первой буквой автора */
.ahs-ep-page .comm-letter {
	position: absolute;
	left: 14px;
	top: 12px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

/* шапка комментария: автор, группа, время */
.ahs-ep-page .comm-one {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	gap: 8px;
	white-space: normal;
}

.ahs-ep-page .comm-one > span {
	margin: 0;
	opacity: 1;
}

.ahs-ep-page .comm-author a {
	color: #79c142;
	font-weight: 600;
	text-decoration: none;
}

.ahs-ep-page .comm-author a:hover {
	text-decoration: underline;
}

.ahs-ep-page .comm-one > span:last-child {
	font-size: 11px;
	opacity: 0.5;
}

/* текст комментария */
.ahs-ep-page .comm-two {
	margin: 7px 0 9px;
	line-height: 1.55;
	opacity: 0.92;
}

.ahs-ep-page .comm-two p:last-child {
	margin-bottom: 0;
}

/* действия: рейтинг и «Ответить» */
.ahs-ep-page .comm-three {
	margin-top: 2px;
}

.ahs-ep-page .comm-three-left {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	gap: 14px;
}

.ahs-ep-page .comm-three-left > a {
	display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	gap: 6px;
	padding: 3px 12px;
	border: 1px solid rgba(121, 193, 66, 0.4);
	border-radius: 20px;
	color: #79c142;
	font-size: 12px;
	text-decoration: none;
	-webkit-transition: background-color 0.2s, color 0.2s;
	transition: background-color 0.2s, color 0.2s;
}

.ahs-ep-page .comm-three-left > a:hover {
	background-color: #79c142;
	color: #10160c;
}

.ahs-ep-page .comm-rate3 {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	gap: 6px;
	margin: 0;
	height: auto;
	font-size: 13px;
}

.ahs-ep-page .comm-rate3 a,
.ahs-ep-page .comm-three-right li a {
	color: #8a93a0;
}

.ahs-ep-page .comm-rate3 a:hover,
.ahs-ep-page .comm-three-right li a:hover {
	color: #79c142;
}

/* управление комментарием (для админа и автора): изменить, удалить, спам, IP */
.ahs-ep-page .comm-three {
	gap: 10px;
}

.ahs-ep-page .comm-three-right {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	gap: 10px;
	margin-left: auto;
	font-size: 12px;
}

.ahs-ep-page .comm-three-right .form-check-label {
	display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	margin: 0;
	cursor: pointer;
}

.ahs-ep-page .comm-three-right .form-check-input {
	margin: 0;
	cursor: pointer;
}

.ahs-ep-page .comm-three-right > a,
.ahs-ep-page .comm-three-right .ahs-comm-act {
	display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	gap: 6px;
	padding: 3px 10px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 20px;
	color: #a8b1bd;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: color 0.2s, border-color 0.2s, background-color 0.2s;
	transition: color 0.2s, border-color 0.2s, background-color 0.2s;
}

/* текст внутри ссылки-кнопки не рисуем второй рамкой */
.ahs-ep-page .comm-three-right > a .ahs-comm-act {
	padding: 0;
	border: 0 none;
	color: inherit;
	font-size: inherit;
}

.ahs-ep-page .comm-three-right > a:hover,
.ahs-ep-page .comm-three-right .ahs-comm-act:hover {
	border-color: rgba(121, 193, 66, 0.5);
	color: #79c142;
}

.ahs-ep-page .comm-three-right .ahs-comm-act-del:hover,
.ahs-ep-page .comm-three-right a[href*="DeleteComments"]:hover {
	border-color: rgba(221, 77, 27, 0.6);
	color: #ff6a45;
}

.ahs-ep-page .ahs-comm-ip,
.ahs-ep-page .comm-three-right > .ahs-comm-ip {
	border: 0;
	padding: 0;
	font-size: 11px;
	opacity: 0.45;
}

.ahs-ep-page .ahs-comm-ip a {
	color: inherit;
	text-decoration: none;
}

/* светлая тема */
.ahs-skin-light .ahs-ep-page .comm-three-right > a,
.ahs-skin-light .ahs-ep-page .comm-three-right .ahs-comm-act {
	border-color: rgba(0, 0, 0, 0.14);
	color: #5c6470;
}

/* светлая тема */
.ahs-skin-light .ahs-ep-page .comm-item {
	background-color: #f7f8fa;
	border-color: rgba(0, 0, 0, 0.08);
}

.ahs-skin-light .ahs-ep-page .comm-item:hover {
	background-color: #fff;
	border-color: rgba(121, 193, 66, 0.5);
}

/* мобильные: компактнее и с меньшим отступом ветки */
@media (max-width: 600px) {

	.ahs-ep-page .comm-item {
		padding: 10px 12px 8px 46px;
	}

	.ahs-ep-page .comm-letter {
		left: 10px;
		top: 10px;
		width: 26px;
		height: 26px;
		line-height: 26px;
		font-size: 12px;
	}

	.ahs-ep-page .comments-tree-list .comments-tree-list {
		margin-left: 8px;
		padding-left: 10px !important;
	}
}

/* =========================================================
   Форма отзыва «Как тебе серия?» — адаптив под любые экраны
   ========================================================= */

/* блок отзыва занимает всю ширину (тема делит его на 48% + 48%) */
.ahs-ep-page .fcomms .sect-cont.fx-row {
	display: block;
}

.ahs-ep-page .fcomms .full-comms,
.ahs-ep-page .fcomms .add-comms,
.ahs-ep-page .fcomms .add-comms > form,
.ahs-ep-page .fcomms .add-comm-form {
	width: 100%;
	max-width: 100%;
}

.add-comm-form .ac-inputs {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	gap: 10px;
}

.add-comm-form .ac-inputs input {
	-webkit-box-sizing: border-box; box-sizing: border-box;
	-ms-flex: 1 1 220px; flex: 1 1 220px;
	width: auto;
	min-width: 0;
	margin: 0;
}

.add-comm-form .ac-textarea textarea {
	-webkit-box-sizing: border-box; box-sizing: border-box;
	width: 100%;
	max-width: 100%;
}

.add-comm-form .ac-protect .form-item label {
	display: block;
	margin-bottom: 6px;
}

.add-comm-form .ac-protect .form-secur {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	gap: 8px;
}

.add-comm-form .ac-protect .form-secur input {
	-ms-flex: 1 1 160px; flex: 1 1 160px;
	min-width: 0;
}

.add-comm-form .ac-protect .form-secur img {
	max-width: 100%;
	height: auto;
}

.add-comm-form .ac-submit button {
	max-width: 100%;
}

/* планшеты и телефоны: поля в одну колонку, кнопка во всю ширину */
@media (max-width: 760px) {

	.add-comm-form .ac-inputs {
		gap: 8px;
	}

	.add-comm-form .ac-inputs input {
		-ms-flex: 1 1 100%; flex: 1 1 100%;
		width: 100%;
	}

	.add-comm-form .ac-submit button {
		display: block;
		width: 100%;
	}
}

/* очень узкие экраны: капча и её поле — друг под другом */
@media (max-width: 470px) {

	.add-comm-form .ac-protect .form-secur {
		gap: 6px;
	}

	.add-comm-form .ac-protect .form-secur input {
		-ms-flex: 1 1 100%; flex: 1 1 100%;
		width: 100%;
	}

	.add-comm-form .ac-protect .form-secur img {
		width: 100%;
	}
}

/* =========================================================
   Читаемость мелких меток в обеих темах.

   Дата комментария, подписи «Сезон»/«Серия» и «N серий» набраны с прозрачностью
   0.5–0.55: на тёмном фоне это давало 3.7–4:1, на светлом — 2.5–3:1. Поднимаем
   до 0.7 (тёмная) и убираем прозрачность с заменой цвета (светлая, см. выше).
   Правило стоит в конце файла, чтобы перебить исходные значения шаблона.
   ========================================================= */

.ahs-ep-page .comm-one > span:last-child {
	opacity: 0.7;
}