/* BASIC LAYOUT
----------------------------------------------- */
.wrapper {min-width: 320px; position: relative; padding-top: 110px;}
.wrapper__container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;}
.wrapper__main {padding: 0 var(--indent);}
.header {position: fixed; z-index: 100; left: 0; top: 0; width: 100%; background-color: var(--bg);}
.header .wrapper__container {height: 110px; padding: 0 var(--indent);}
.header.sticky {background-color: var(--bg-darkest);}
.header.sticky .wrapper__container {height: 50px;}
.content {
	/* min-height: 80vh; */
	padding-top: 40px;}
.footer {border-top: 1px solid var(--bdc); padding: 30px 0;}
.header.sticky .header__logo {height: 30px;}
.wrapper--main-page .page__main {
	background: url(../images/bg.webp) no-repeat right bottom / cover; 
	padding-bottom: 70px;
	background-color: var(--bg-colored); --tt: var(--tt-on-colored); color: var(--tt-on-colored); 
	--bdc: rgba(255,255,255,0.3); --bg: var(--bg-colored); margin-top: -150px; padding-top: 90px;
	--bg-darker: rgba(0,0,0,0.1); --bg-darkest: rgba(0,0,0,0.3); --tt-fade: var(--tt-on-colored); 
	box-shadow: inset 0 1500px var(--bsh-colored);}
.wrapper--main-page .header:not(.sticky) {background: none; --tt: var(--tt-on-colored); color: var(--tt-on-colored);}
.wrapper--main-page .header.sticky .header__logo {
    filter: drop-shadow(0 0 10px #вашЦветСвечения); /* Добавляем свечение */
    transition: filter 0.3s ease-in-out; /* Плавный переход */
}

/* Уберем свечение, когда шапка не прикреплена (чтобы не было по умолчанию) */
.wrapper--main-page .header:not(.sticky) .header__logo {
  filter: drop-shadow(0 0 0px transparent); /* Убираем тень, делая её прозрачной */
  transition: filter 0.3s ease-in-out; /* Плавный переход, чтобы убрать свечение плавно */
}
.wrapper--main-page .page__prev-next-link {--bg: var(--bg);}

.scrolltop, .theme-toggle {position: fixed; width: 40px; height: 40px; right: -60px; bottom: 60px;
	z-index: 990; border-radius: 50%; font-size: 20px; opacity: 0; transition: right 0.2s, opacity 0.2s; 
	background-color: #000; color: #fff; padding: 0;}
.scrolltop.is-active {right: 10px; opacity: 1;}
.theme-toggle {background-color: #fff; color: #000; border: 2px solid #000; bottom: 10px; right: 10px; opacity: 1;}
.dt-is-active .theme-toggle::before {content:"\f185";}


/* HEADER
----------------------------------------------- */
.header__logo {display: block; position: relative; height: 50px; min-width: 150px;}
.header__logo img {display: block; position: absolute; left: 0; top: 50%; 
	transform: translateY(-50%); max-height: 100%; max-width: 300px;}

.header__menu {gap: 0 40px; position: relative;}
.header__menu > li > a, .header__menu > li > span {font-weight: 600; height: 50px; 
	display: flex; align-items: center; gap: 10px; cursor: pointer;}
.header__menu-submenu {position: absolute; top: 100%; right: -13px; z-index: 100; border-radius: var(--bdrs);
	background-color: var(--bg-menu); border: 1px solid var(--bdc-menu); --tt: var(--tt-menu);
	width: 160px; padding: 15px 21px; white-space: nowrap; 
	opacity: 0; visibility: hidden; transform: translateY(30px);}
.header__menu-submenu a {display: block;   padding: 8px 0; font-weight: 600;}
.header__menu span::after {content:"\f0d7"; font-weight: 900; font-family:'Font Awesome 5 Pro';}
.header__menu-submenu::before {content: " "; display: block; width: 15px; height: 15px;
	background: var(--bg-menu); border: 1px solid var(--bdc-menu); border-right: 0; border-bottom: 0;
	border-radius: 2px; transform: rotate(45deg); position: absolute; top: -9px; right: 12px;}
.header__menu > li > a.is-active, .header__menu > li > span.is-active {color: var(--accent);}
.header__menu-submenu a.is-active {color: #fff;}


/* SECTION, TABS, MAIN PAGE DESCRIPTION, SPEEDBAR
----------------------------------------------- */
.sect {margin-bottom: 60px;}
.sect__header {margin-bottom: 41px; gap: 10px;}
.sect__title {font-size: 42px; font-weight: 700; line-height: 1.1;}
.sect__title span {color: var(--accent);}
.sect__link {text-transform: uppercase; color: var(--accent); text-decoration: underline; 
	font-size: 18px; font-weight: 600;}
.sect--border-top {padding-top: 60px; border-top: 1px solid var(--bdc);}
.sect--bg {background-color: var(--bg-darker); padding-top: 60px; padding-bottom: 60px;}
.sect__title--smaller {font-size: 32px;}

.tabs__select {border-bottom: 1px solid var(--bdc); margin-bottom: 40px; gap: 10px;}
.tabs__select button, .tabs__select a {height: 44px; align-items: flex-start; border-radius: 0; position: relative; bottom: -2px;
	background-color: transparent; color: var(--tt); padding: 0 16px; font-weight: 600; font-size: 18px; text-transform: none;}
.tabs__select button.is-active, .tabs__select a.is-active {box-shadow: inset 0 -3px var(--accent);}
.tabs__btn-hidden {gap: 10px 40px; padding-bottom: 40px; padding-bottom: 0;}
.tabs__btn-hidden::before, .tabs__btn-hidden::after {content: ''; height: 1px; flex-grow: 1; background-color: var(--bdc-darker);}
.tabs__btn-hidden button {height: 62px; border-radius: var(--bdrs); padding: 0 22px; color: var(--tt-fade); 
	border: 2px solid var(--bdc-darker); font-size: 18px; font-weight: 700; text-transform: uppercase; background: none;}

.descr-list111 {padding-top: 60px;}
.descr-list__img {width: 280px; height: 414px; margin-right: 40px; display: block;border-radius: var(--bdrs);}
.descr-list__list {border-bottom: 1px solid var(--bdc); padding-bottom: 12px;}
.descr-list__list li {position: relative; padding: 8px 0; padding-left: 230px;}
.descr-list__list li > span:first-child {color: var(--tt-fade); position: absolute; left: 0; top: 8px;}
.descr-list__list li a {color: var(--accent); text-decoration: underline;}
.descr-list__list li > span:not(:first-child) {color: var(--accent);}

.speedbar {color: var(--tt-fade); font-weight: 600; margin-bottom: 30px; word-wrap: break-word;}
.speedbar a {color: var(--tt); white-space: nowrap;}
.speedbar a::after {content:"\f054"; font-weight: 900; font-family:'Font Awesome 5 Pro'; 
	color: var(--tt-fade); margin: 0 10px; font-size: 14px;}
.descr {display: grid; gap: 12px; color: var(--tt-fade);}
.descr--bigger {font-size: 18px;}
.descr h1, .descr h2, .descr h3 {color: var(--tt);}
.descr a {text-decoration: underline; color: var(--accent);}
.descr ul li {position: relative; padding-left: 25px; margin-left: 25px;}
.descr ul li::before {content:"\f00c"; font-weight: 900; font-family:'Font Awesome 5 Pro'; 
	color: var(--accent); position: absolute; left: 0; top: 0;}


/* EPISODE SHORT STORY
----------------------------------------------- */
.ep__img {border-radius: var(--bdrs); margin-bottom: 18px;}
.ep__title {font-size: 18px; font-weight: 600; line-height: 1.2;}
.ep__meta {margin-top: 6px; color: var(--tt-fade); line-height: 1.2;}
.has-overlay-on-img__trg {position: absolute; inset: 0; z-index: 1; border-radius: var(--bdrs);
	background: rgba(7,6,6,.7); backdrop-filter: blur(12px); opacity: 0; font-size: 80px; color: #fff;}
.has-overlay-on-img__trg.fa-play::before {width: 60px; height: 60px; border-radius: 50%; box-sizing: border-box;
	background-color: #fff; color: var(--accent); font-size: 18px; padding-left: 3px;}
.ep--news {grid-column: span 2;}
.ep--news .ep__img {height: 200px; padding: 0;}
.ep__text {-webkit-line-clamp: 6; margin-top: 12px;}
.ep--news .ep__meta {font-size: 12px; margin-top: 10px;}
.ep--actor .ep__img {padding-top: 100%;}
.d-grid-actors {display: grid; gap: 20px; grid-template-columns: repeat(6,minmax(0,1fr));}


/* PAGINATION
----------------------------------------------- */
.pagination {gap: 20px 60px;}
.pagination a, .pagination span {display: grid; place-items: center; 
	height: 40px; min-width: 40px; padding: 0 10px; border-radius: var(--bdrs); border: 1px solid var(--bdc);}
.pagination__pages {gap: 10px 10px; font-size: 18px;}
.pagination__pages span:not(.nav_ext) {background-color: var(--accent); color: #fff; border-color: var(--accent);}


/* INNER PAGE
----------------------------------------------- */
.page__header-img {width: 176px; height: 260px; margin-right: 40px; border-radius: var(--bdrs);}
.page__header-descr h1 {font-size: 32px; line-height: 1.1; font-weight: 700; padding-top: 20px; padding-bottom: 10px;}
.page__header-meta {color: var(--tt-fade); border-bottom: 1px solid var(--bdc); padding-bottom: 16px; margin-bottom: 24px;}
.page__rating {--p: 100%;}
.page__rating-score {width: 48px; height: 48px; margin-right: 12px; border-radius: 50%; font-size: 18px; 
	position: relative; isolation: isolate;}
.page__rating-score::before {content: ''; position: absolute; z-index: -2; inset: 0; border-radius: 50%; 
	background: conic-gradient(from 0deg, var(--accent-green) 0%, var(--accent-green) var(--p), var(--bg-darkest)  var(--p));}
.page__rating-score::after {content: ''; position: absolute; z-index: -1; 
	background-color: var(--bg); inset: 3px; border-radius: 50%; box-shadow: inset 0 100px var(--bsh-colored);}
.page__rating-votes {margin-top: 3px; opacity: 0.7;}
.page__rating-stars > span {height: 17px; padding: 0 5px; border: 1px solid #e0e0e0; color: var(--tt-fade);
	border-radius: var(--bdrs); font-weight: 600; font-size: 14px; display: flex; align-items: center; margin-left: 10px;}

.page__schedule {padding: 20px 0 30px 0;}
.schedule-item {background-color: var(--bg-darker); padding: 30px 40px; gap: 10px 40px; font-size: 18px;}
.schedule-item + .schedule-item {border-top: 1px solid var(--bdc);}
.schedule-item__number {font-weight: 700; width: 280px;}
.schedule-item__descr {font-size: 16px; color: var(--tt-fade);}
.schedule-item__descr b {display: block; color: var(--tt); font-size: 18px;}
.schedule-item__date {color: var(--tt-fade);}
.schedule-item__status {color: var(--accent); font-size: 24px;}

.page__player-bottom {margin-top: 10px; gap: 10px; padding: 0 20px;}
.page__rating.sect {margin: -20px 0 35px 0;}
.video-inside {background-color: #000;}
.page__player.nld .tabs__content, .page__player .tabs__content {display: none;}
.page__player.nld .tabs__select + .tabs__content, .page__player .tabs__content.is-active {display: block;}
.page__prev-next-link {display: flex; align-items: center; gap: 10px; justify-content: center; border-radius: var(--bdrs); 
	background-color: var(--bg-btn-select); color: var(--tt-btn-select); height: 62px; position: relative;
	text-transform: uppercase; font-size: 18px; font-weight: 700; width: calc((100% - 20px)/3);}
.page__prev-next-link .fas {color: var(--accent); font-size: 24px; position: relative; z-index: 10;}
.page__next::before {content: ""; position: absolute; right: -53px; top: 0; z-index: 1;
	border: 31px solid transparent; border-left: 24px solid var(--bg-btn-select);}
.page__next::after {content: ""; position: absolute; right: -49px; top: 2px;
	z-index: 3; border: 29px solid transparent; border-left: 23px solid var(--bg);}
.page__next > span:not(.fas):after {content: ""; position: absolute; right: -44px; top: 4px; z-index: 5;
	border: 27px solid transparent; border-left: 21px solid var(--bg-btn-select);}
.page__prev::before {content: ""; position: absolute; left: -53px; top: 0; z-index: 1;
	border: 31px solid transparent; border-right: 24px solid var(--bg-btn-select);}
.page__prev::after {content: ""; position: absolute; left: -49px; top: 2px;
	z-index: 3; border: 29px solid transparent; border-right: 23px solid var(--bg);}
.page__prev > span:not(.fas):after {content: ""; position: absolute; left: -44px; top: 4px; z-index: 5;
	border: 27px solid transparent; border-right: 21px solid var(--bg-btn-select);}
.page__player-bottom:has(.page__next:first-child) {justify-content: flex-end;}
@media screen and (min-width: 1220px) {
	.page__main h1 span {font-size: 24px;}
	.page__main h1 {font-size: 48px;}
    .page__main h2 span {font-size: 24px;}
}
.page__player-bottom .page__rating {margin-left: -20px;}


/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.page__title {margin-bottom: 30px; font-size: 24px;}
.full-text {line-height: 1.5; font-size: 16px; word-wrap: break-word; color: var(--tt-fade);}
.full-text a {text-decoration: underline; color: var(--accent);}
.full-text img:not(.emoji), .full-text p, .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5, 
.full-text > ul, .full-text > ol, .full-text table {margin-bottom: 25px;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text > ul li, .full-text > ol li {padding-left: 60px; position: relative;}
.full-text > ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; 
	border: 3px solid var(--accent); position: absolute; top: 6px; left: 34px;}
.full-text > ol {counter-reset: num;}
.full-text > ol li:before {content: counter(num); counter-increment: num; background-color: var(--accent); color: #000; 
	position: absolute; top: -3px; left: 17px; width: 24px; height: 30px; font-size: 14px; font-weight: 600;
	display: flex; justify-content: flex-end; align-items: center; padding-right: 6px; box-sizing: border-box;}
.full-text > ol li:after {content: ''; border: 10px solid transparent; border-left-color: var(--accent); 
	position: absolute; left: 41px; top: -3px; transform: scale(0.66,1.5); transform-origin: 0 0;}
.full-text > ul li + li, .full-text > ol li + li {margin-top: 10px;}
.full-text table, .video-inside > * {width:100%;}
.full-text > *:last-child {margin-bottom: 0;}
.video-responsive {padding-top: 45%; position: relative;}
.video-responsive > iframe, .video-responsive > video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 21px; margin-bottom: 20px;}


/* COMMENTS
----------------------------------------------- */
.page__comments {margin-top: 0px;}
.ac-form .message-info {gap: 10px; margin-bottom: 10px;}
.ac-form__btn {padding: 0 30px; height: 62px; gap: 15px;}
.ac-form__bottom {gap: 20px 40px; margin-top: 20px;}
.ac-form__text {opacity: 0.5;}
.ac-form__header {margin-right: 40px; gap: 20px; width: 385px;}
.ac-form__input {height: 70px; line-height: 70px; padding: 0 35px; border-radius: var(--bdrs);  box-shadow: none;}
.ac-form__editor textarea {height: 160px; box-shadow: none; border-radius: var(--bdrs); padding: 35px;}
.comments_subscribe + br, .ac-form .bb-editor + br, .comments_subscribe, .mass_comments_action {display: none;}
.ac-form .message-info {margin-top: 20px;}
.form__row--protect input {box-shadow: none;}
#dle-comments-list > .comments-tree-list > li:last-child > div > .comm {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}

.comm {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--bdc-darker); position: relative;}
.comm__img {width: 64px; height: 64px; border-radius: 50%; margin-right: 20px;}
.comm__author {margin-right: 12px; font-weight: 700;}
.comm__date {color: var(--tt-fade);}
.comm__main {margin: 12px 0 24px 0;}
.comm__action-reply a {color: var(--accent); font-weight: 600; text-decoration: underline;}
.comm__rating {gap: 13px; margin-right: 30px;}
.comm__rating > * {display: flex; gap: 13px; height: 44px; align-items: center; border-radius: var(--bdrs);
	padding: 0 20px; border: 2px solid var(--bdc-darker); font-weight: 700;}
.comm__rating > * .fas {color: var(--tt-fade);}


/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
	opacity: 0.6; background-color: #000; cursor: pointer; display: none;}
.mobile-menu {width: 280px; height: 100%; overflow-x: hidden; overflow-y: auto;
	z-index: 999; position: fixed; left: -360px; top: 0; transition: left 0.4s; background-color: var(--bg);}
.mobile-menu.is-active {left: 0;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mobile-menu__header {padding: 15px 20px; gap: 10px; background-color: var(--bg-darker);}
.mobile-menu__btn-close {font-size: 24px; width: 40px; height: 40px; margin-right: -10px;}
.mobile-menu__content .header__menu {margin: 0; display: block;}
.mobile-menu__content .header__menu > li > a, .mobile-menu__content .header__menu > li > span {height: 60px; 
	padding: 0 20px; border-bottom: 1px solid var(--bdc);}
	.mobile-menu__content .header__menu-submenu::before {display: none;}
.mobile-menu__content .header__menu-submenu {width: 100%; height: auto; position: static;
	border-radius: 0; padding: 10px 20px; opacity: 1; visibility: visible; transform: none; box-shadow: none;}

@media screen and (max-width: 1220px) {
	:root {--indent-negative: -20px; --indent: 20px;}
	body {background-image: none;}
	.wrapper {padding: 0; background-image: none; overflow: hidden; padding-top: 50px;}
	.wrapper__container {max-width:1000px;}
	.header .header__menu {display: none;}
	.header__btn-menu {display: flex; color: var(--accent); font-size: 32px; padding: 0; margin-right: -5px;}
	.header .wrapper__container {height: 50px;}
	.wrapper--main-page .page__main {margin-top: -90px; padding-top: 90px; 
		background-image: url(../images/bg-mob.webp);
		background-position: center bottom;
		padding-bottom: 0;
	}
	.header__logo {height: 30px;}
	.d-grid-items,.d-grid-actors {gap: 40px 20px;}
	.speedbar {margin-bottom: 20px;}
	.tabs__btn-hidden {gap: 20px;}
	.tabs__btn-hidden button {height: 42px; font-size: 14px;}
	.descr-list__img {margin-right: 20px; width: 240px; height: 360px;}
	.descr-list__list li {padding-top: 5px; padding-bottom: 5px; padding-left: 200px;}
	.descr-list__list li > span:first-child {top: 5px;}
	.descr-list__list {padding-bottom: 15px;}

	.page__header-img, .ac-form__header {margin-right: 20px;}
	.page__header-descr h1 {padding-top: 0;}
	.tabs__select {border: 0; margin-bottom: 20px;}
	.tabs__select button {white-space: nowrap; flex-grow: 1; background-color: var(--bg-darker); 
		height: 40px; padding: 0 20px; align-items: center; bottom: 0;}
	.tabs__select button.is-active {box-shadow: none; background-color: var(--accent); color: #fff;}
	.comm__rating > * {height: 30px; padding: 0 10px; font-size: 12px; gap: 10px;}
	.comm {padding-bottom: 20px; margin-bottom: 20px;}
	.comm__main {margin-bottom: 15px;}
	.comm__rating > * .fas {font-size: 16px;}
	.schedule-item {padding: 10px 20px; gap: 10px 20px; margin: 0 var(--indent-negative);}
	.schedule-item__number {width: 140px;}
}

@media screen and (max-width: 950px) {
	.wrapper__container {max-width:768px;}
	.pagination {gap: 10px; padding-top: 20px;}
	.pagination__btn-loader a, .pagination__btn-loader span {width: 100%;}
	.pagination > a, .pagination > span {flex-grow: 1; order: 10;}
	.pagination__pages {width: 100%;}
	.pagination__pages a, .pagination__pages span {flex-grow: 1;}
	
	.d-grid-items {grid-template-columns: repeat(2,minmax(0,1fr));}
	.d-grid-actors {grid-template-columns: repeat(3,minmax(0,1fr));}

	.page__prev-next-link {font-size: 14px;}
	.page__player-bottom .page__rating {min-width: calc(100% + 40px); order: 20; margin-right: -20px;}

	.ac-form__header {width: 100%; margin: 0; margin-bottom: 20px;}
	.ac-form__btn {padding: 0 20px; height: 42px; width: 100%;}
	.ac-form__input {height: 42px; line-height: 42px; padding: 0 20px;}
	.ac-form__editor textarea {padding: 20px; height: 140px;}
}

@media screen and (max-width: 760px) {
	.wrapper__container {max-width:640px;}
	.descr-list {display: block;}
	.descr-list__img {margin: 0 auto; margin-bottom: 20px;}
	.descr-list__list li {padding-left: 0;}
	.descr-list__list li > span:first-child {position: static; margin-right: 10px;}

	.sect__title, .page__header-descr h1 {font-size: 24px;}
	.d-grid-items,.d-grid-actors {gap: 20px 10px;}
	.sect {margin-bottom: 40px;}
	.sect__header {margin-bottom: 20px;}
	.sect__link {font-size: 14px;}
	.sect--border-top {padding-top: 40px;}
	.sect--bg {padding-top: 40px; padding-bottom: 40px;}
	.page__header {display: block;}
	.page__header-img {height: 300px; width: 200px;  margin: 0 auto; margin-bottom: 20px;}
	.comm__img {width: 40px; height: 40px; margin: 0; position: absolute; left: 0; top: 5px;}
	.comm__action {flex-grow: 1; justify-content: flex-end;}
	.comm__meta {display: block; padding-left: 50px;}
	.comm__rating, .comm__author {margin: 0;}
	.schedule-item {gap: 0 10px;}
	.schedule-item__number {width: 100px; text-align: right;}
	.schedule-item__descr {min-width: calc(100%	- 130px); order: -1;}
	.page__prev-next-link > span:not(.fas) {width: 0; font-size: 0;}
	.page__prev-next-link {width: 60px;}
	.page__all {width: calc(100% - 140px); white-space: nowrap;}
	.page__rating.sect {margin: -20px 0 20px 0;}

	.page__title {font-size: 24px;}
	.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 20px;}
	.page__intro, .page__text .quote {margin-left: var(--indent-negative); margin-right: var(--indent-negative); padding-right: var(--indent);}
	.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 18px;}
}

@media screen and (max-width: 590px) {
	.wrapper__container {max-width:480px;}
}

@media screen and (max-width: 470px) {
	.wrapper__container123 {max-width:360px;}
	.ep__img {margin-bottom: 10px;}
	.ep__title {font-size: 15px;}
	.ep__meta, .ep__text {font-size: 14px;}
	.tabs__hidden {padding-top: 20px;}
	
	.page__prev-next-link {width: 30px; height: 48px; font-size: 16px; justify-content: flex-start; padding-left: 5px;}
	.page__next {justify-content: flex-end; padding-right: 5px;}
	.page__all {width: calc(100% - 80px); justify-content: center; padding: 0;}
	.page__next::before {right: -42px; border-width: 24px; border-left-width: 20px;}
	.page__next::after {right: -38px; border-width: 22px; border-left-width: 19px;}
	.page__next > span:not(.fas):after {right: -33px; border-width: 20px; border-left-width: 17px;}
	.page__prev::before {left: -42px; border-width: 24px; border-right-width: 20px;}
	.page__prev::after {left: -38px; border-width: 22px; border-right-width: 19px;}
	.page__prev > span:not(.fas):after {left: -33px; border-width: 20px; border-right-width: 17px;}
	.video-responsive {padding-top: 70%;}
	.full-text iframe {width: calc(100% + 40px); max-width: calc(100% + 40px); height: 260px; margin-left: -20px; margin-right: -20px;}
}

/*========================================== ДОРАБОТКИ ========================================================= */

.hero {
	/* display: flex;
  justify-content: start;
  align-items: flex-end; */
	position: relative;
	/* min-height: 65vw; */
	z-index: 1;
  top: 0;
  left: 0;
  /* height: 100%; */
}
.hero__video {
	display: none;
}
.hero-play,
.hero-fullscreen,
.hero-volume {
	display: none;
}
.hero__video {
	opacity: 0;
}
.hero__text {
	padding-bottom: 20px;
}
.hero__content {
	position: relative;
	text-align: center;
	width: 100%;
	display: flex;
	flex-direction: column;
  justify-content: start;
	position: relative;
	min-height: 100vh;
}
.hero__header {
	flex: 1 1 auto;
}
.hero__footer {
	display: flex;
	justify-content: center;
	flex-direction: column-reverse;
	align-items: center;
	gap: 20px;
	position: relative;
}
.hero__footer::before {
	content: "";
	position: absolute;
	top: -20px;
	right: -100%;
	bottom: 0;
	left: -100%;
	background: linear-gradient(#773a0800, #bc0d1542, #ffffffb3);  /* меняем градиент для мобилы  тема*/
	z-index: -1;
}
.dt-is-active .hero__footer::before {
	background: linear-gradient(#4b192500, #480a0ca1, #0c0a07);
}   
/* меняем градиент для мобилы  */

.hero__btns {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}
.hero-btn {
	background-color: transparent;
	background-image: -webkit-linear-gradient(-225deg, #d2a07b, #52514e);
	background-image: linear-gradient(-225deg, #d2a07b, #52514e);
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: .4px;
	padding: 16px 40px 14px;
	position: relative;
	border-image: linear-gradient(-225deg, #c96e10, #f3a200);
	border-style: inset;
	border-width: 0;
	line-height: 16px;
	min-height: 14px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	border-radius: 25px;
    
}
/**меняем кнопку при наведении**/
.hero-btn:before {
	background-color: transparent;
	background-image: -webkit-linear-gradient(45deg, #704fa4, #b4b8e3);
	background-image: linear-gradient(-225deg, #272a2d, #d2a07b);
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
	border-radius: 25px;
}
.hero-btn:hover::before {
	opacity: 1;
}
.hero-btn__text {
	position: relative;
	z-index: 2;
}
.description-mob {
	color: var(--tt-fade);
}
.carousel-wrapper {
	position: relative;
	padding: 0 10px;
}
.siema > div > div {
	padding-right: 20px;
}
.siema-nav {
	display: flex;
	justify-content: space-between;
	width: calc(100% + 36px);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}
.siema-nav__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border-radius: 50%;
	flex: 0 0 20px;
	height: 30px;
	padding: 0;
	cursor: pointer;
	pointer-events: visible;
	font-size: 1.1rem;
	color: var(--tt);
}
.ep--actor {
  position: relative;
  cursor: pointer;
}
.actor-popup {
	border-radius: var(--bdrs);
  position: absolute;
	z-index: 10;
  width: 150px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 10px;
  font-size: 14px;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  top: 0;
}
.actor-popup h4 {
	line-height: 1;
	margin-bottom: 7px;
}
.ep--actor:hover .actor-popup,
.ep--actor.active .actor-popup {
  display: block;
  opacity: 1;
}
.run-line {
  font-size: 0;
  transform: translateZ(0);
  white-space: nowrap;
	padding-bottom: 30px;
	overflow: hidden;
	margin: 0 calc((100% - 100vw) / 2);
}
.run-line .run-line__item {
  -webkit-animation-play-state: running;
  animation-play-state: running
}
.run-line__item {
  -webkit-animation: railStatic 3s linear infinite;
  animation: railStatic 3s linear infinite;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  display: inline-block
}
.run-line__item-label {
  display: inline-block;
  /* font-size: 2.375rem; */
  padding-right: 5rem
}

/*=================================================================================================== */
@media (min-width: 768px) {
  .actor-popup {
    width: 200px;
  }
}
/*=================================================================================================== */
@media screen and (min-width: 1220px) {
	.hero {
		display: flex;
		align-items: center;
		background: #241e18c9;
		min-height: 600px;
	}

	.description-mob {
		display: none;
	}

	.hero__video {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		object-fit: cover;
		mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxOTIwIDEwODAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMS44ODIwNSwwLDAsMS43MDg2MywtNDQ4LjgzNSwxMjIuOTgyKSI+PGcgc3R5bGU9ImZpbHRlcjp1cmwoI19FZmZlY3QxKTsiPjxwYXRoIGQ9Ik0xMjg2LjgxLDEyMy42NTdDMTI4Ni44MSw1Ny4yMDIgMTIzNy44MywzLjI0OCAxMTc3LjQ5LDMuMjQ4TDYyMi40MjIsMy4yNDhDNTYyLjA5LDMuMjQ4IDUxMy4xMDgsNTcuMjAyIDUxMy4xMDgsMTIzLjY1N0w1MTMuMTA4LDM2NC40NzRDNTEzLjEwOCw0MzAuOTMgNTYyLjA5LDQ4NC44ODMgNjIyLjQyMiw0ODQuODgzTDExNzcuNDksNDg0Ljg4M0MxMjM3LjgzLDQ4NC44ODMgMTI4Ni44MSw0MzAuOTMgMTI4Ni44MSwzNjQuNDc0TDEyODYuODEsMTIzLjY1N1oiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PC9nPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJfRWZmZWN0MSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSItMTI0LjQ5NCIgeT0iLTY5OS4wNjgiIHdpZHRoPSIyMDQ4LjkiIGhlaWdodD0iMTg4Ni4yNyI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VHcmFwaGljIiBzdGREZXZpYXRpb249IjExMS4yNyIvPjwvZmlsdGVyPjwvZGVmcz48L3N2Zz4=);
		mask-position: left bottom;
		mask-size: 100%;
		width: 85%;
	}

	.hero__content {
		padding: 40px 40px 20px;
		position: relative;
		text-align: left;
		width: 46%;
		min-height: auto;
	}

	.hero__footer {
		display: block;
	}

	.hero__footer::before {
		display: none;
	}

	.hero__text {
		margin-bottom: 20px;
		padding: 0;
	}

	.hero__video {
		opacity: 1;
	}

	.hero__buttons {
		display: flex;
		gap: 15px;

		position: absolute;
		bottom: 30px;
		right: 60px;
	}
	.hero__btns {
		justify-content: start;
		margin-bottom: 35px;
	}
	
	/* Общие стили для кнопок */
	.hero-play,
	.hero-fullscreen,
	.hero-volume {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: transparent;
		border: 2px solid #fff;
		opacity: 0.8;
		border-radius: 50%;
		width: 35px;
		height: 35px;
		cursor: pointer;
		z-index: 2000;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 25px;
		padding: 0;
		position: relative;
	}

	.hero-play {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 5v14l11-7z' fill='%23fff'/%3E%3C/svg%3E");
	}

	.hero-play.playing {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 5h4v14H6zM14 5h4v14h-4z' fill='%23fff'/%3E%3C/svg%3E");
	}

	.hero-fullscreen {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 96 96' fill='none'%3E%3Cpath d='M30,60H6A6,6,0,0,0,6,72H24V90a6,6,0,0,0,12,0V66A5.9966,5.9966,0,0,0,30,60Z' fill='%23fff'/%3E%3Cpath d='M90,60H66a5.9966,5.9966,0,0,0-6,6V90a6,6,0,0,0,12,0V72H90a6,6,0,0,0,0-12Z' fill='%23fff'/%3E%3Cpath d='M66,36H90a6,6,0,0,0,0-12H72V6A6,6,0,0,0,60,6V30A5.9966,5.9966,0,0,0,66,36Z' fill='%23fff'/%3E%3Cpath d='M30,0a5.9966,5.9966,0,0,0-6,6V24H6A6,6,0,0,0,6,36H30a5.9966,5.9966,0,0,0,6-6V6A5.9966,5.9966,0,0,0,30,0Z' fill='%23fff'/%3E%3C/svg%3E");
		background-size: 19px;
	}

	.hero-volume {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zM16.5 12a3.5 3.5 0 00-3.5-3.5v7a3.5 3.5 0 003.5-3.5z' fill='%23fff'/%3E%3C/svg%3E");
	}

	.hero-volume.muted::after {
		content: "";
		position: absolute;
		width: 2px;
		height: 100%;
		background-color: #fff;
		transform: rotate(323deg);
	}

}
/*=================================================================================================== */
@media (min-width: 1400px){
	.carousel-wrapper {
		padding: 0;
	}
	.siema-nav {
		width: calc(100% + 150px);
	}

	.siema-nav__btn {
	border: 2px solid var(--tt);
	flex: 0 0 35px;
	height: 35px;
	}
}
/*=================================================================================================== */
@media screen and (min-width: 1500px) {
	.hero {
		margin: 0 -100px;
	}
}
/*=================================================================================================== */
@media screen and (min-width: 1650px) {
	.hero {
		margin: 0 -200px;
	}
}
/*=================================================================================================== */

@-webkit-keyframes railStatic {
  0% {
      transform: translateZ(0)
  }

  to {
      transform: translate3d(-100%,0,0)
  }
}

@keyframes railStatic {
  0% {
      transform: translateZ(0)
  }

  to {
      transform: translate3d(-100%,0,0)
  }
}

/*=================================================================================================== */

/*======================= comments =========================== */
.comments__scroll-wrapper {
  max-height: 400px;
  overflow-y: auto;
  background: linear-gradient(to bottom, #d2a07b, #0c0a07); /* Цвет как на скрине */
  padding: 20px;
  border-radius: 10px;
}
.comm {
  background-color: rgba(255, 255, 255, 0.05); /* полупрозрачный фон */
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 15px;
  color: #fff;
}

.comm__author {
  font-weight: bold;
  color: #ffffff;
}

.comm__date {
  margin-left: 10px;
  color: #bbb;
}

.comm__main {
  margin-top: 5px;
  line-height: 1.5;
}

@media screen and (max-width: 760px) {
	.comm_main .comm__img {
		position: relative;
	}

}
/*======================= /comments =========================== */