/* BASIC LAYOUT
----------------------------------------------- */
@charset "UTF-8"; /* для исправления отображения символов в псевдоэлементах */

.wrapper {min-width: 320px; position: relative; background: url(../decoration/bg.png); background-color: #1f3855; padding-top: 40px; padding-bottom: 40px;}
/* wrapper:
	default: background: url(../decoration/bg.png); background-color: #1f3855;
	spring: background: url(../decoration/spring/spring_bg.png); background-color: #316f64 / #1f6e5b;
*/

.nv .wrapper {
    background-color: #111f2f;
}
/* .nv .wrapper:
	default: #111f2f;
	spring: background: #08312e;
*/


.wrapper-container {max-width: var(--max-width); margin: 0 auto; position: relative; /*z-index: 20; не нужно | 12.07 */}
.wrapper-main {min-height: 100vh; background-color: var(--bg-2); box-shadow: 0 30px 60px rgba(0,0,0,0.9); border-radius: 10px;}
.header_container {padding: 40px 20px;/* было 0 var(--indent) | 02.03 */ background-color: var(--bg); position: relative; /*z-index: 100; не нужно | 12.07 */
	border-radius: 10px 10px 0 0; /*border-bottom: 1px solid var(--bdc); не нужно | 05.03 */
	justify-content: space-between; gap: 7px; /* строку добавил | 02.03 */}
.content {padding: 20px var(--indent); padding-bottom: 60px; min-height: 80vh;}
.line {display: grid; gap: 20px; grid-template-columns: minmax(0,1fr) 360px;} /* было gap: 40px; | 02.03 */
/*.footer {padding: 20px var(--indent); background-color: var(--bg-dark); color: var(--tt-dark); border-radius: 0 0 10px 10px;}
.footer__bottom {margin-top: 16px; gap: 20px;}*/

#scrolltop, .modalThemeToggle {position: fixed; width: 50px; height: 50px; line-height: 50px; right: 10px; bottom: 100px; /* width, height, line-height были по 60px, bottom - 10px */
	z-index: 100; display: block; background-color: var(--bg); color: var(--tt); /* z-index был 990, display - none, color - var(--tt-2) */
	cursor: pointer; font-size: 24px; border-radius: 50%; text-align: center; box-shadow: 0 5px 10px rgba(0,0,0,0.1);
	opacity: 0; visibility: hidden; transition: all 0.3s ease;} /* эту строку добавил | 16.04 + добавил ", .modalThemeToggle" | 13.10 */
#scrolltop.show {opacity: .8; visibility: visible; display: block;} /* эту строку добавил | 16.04 */
#scrolltop:hover {opacity: 1;} /* эту строку добавил | 16.04 */

.modalThemeToggle {opacity: .8; visibility: visible; display: block; bottom: 40px;}
.modalThemeToggle:hover {opacity: 1;}


/* HEADER, NAV
----------------------------------------------- */
.logo_img {/*display: block; новые стили ниже | 12.04 */ /*text-transform: uppercase;*/ /*font-weight: 700; font-size: 22px; новые стили ниже | 12.04 */
	/*margin-right: 40px; не нужно | 02.03 */ /*color: var(--tt-3) !important; новые стили ниже | 12.04 */
	height: 50px; width: 171px; background: url(../images/logo_dark.png); background-size: contain; background-repeat: no-repeat;}
.nv .logo_img {background: url(../images/logo_light.png); background-size: contain; background-repeat: no-repeat;}
.header__btn-login {height: 35px; /* было 30px | 12.07 */ border-radius: 4px; font-size: 12px; /*margin-left: 10px; не нужно | 12.07 */ font-weight: 500; padding: 0 15px; /* было 0 10px | 12.07 */}
/*.theme-toggle {margin-left: 10px; font-size: 16px; display: grid; place-items: center; height: 30px; width: 30px; 
	border-radius: 4px; box-shadow: 0 0 0 1px var(--bdc); padding: 0; color: var(--tt); background-color: var(--bg);} строкой ниже теперь | 03.03 */
.header_control, .footer_comm a {
    font-size: 16px;
    display: grid;
    place-items: center;
    height: 35px;
    width: 35px;
    border-radius: 4px;
    /*box-shadow: 0 0 0 1px var(--bdc); не нужно | 17.07 */
    border: 1px solid var(--bdc); /* добавил | 17.07 */
    padding: 0;
    color: var(--tt);
    background-color: var(--bg);
    position: relative;
}
.nv .theme-toggle .fal::before {content:"\f186";}

.header__menu {gap: 20px; position: relative; padding: 0 20px;} /* добавил padding | 05.03 */
.header__menu > li {position: relative;}
.header__menu > li > a, .header__menu > li > span {font-weight: 600; color: var(--tt-3); height: 45px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .3s;} /* height был 100px + добавил justify-content | 03.03 + добавил , .header__menu > li > span, transition и cursor | 14.10 */
.header__menu > li.active > a:before { /* добавил | 05.03 */
    content: "";
    display: block;
    background: radial-gradient(circle, rgba(42,153,217,1) 30%, rgba(0,212,255,0) 100%);
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 9px;
    left: 0;
}
.header__menu > li.header__menu--fw400 > a {font-weight: 400;}
.header__menu-hidden {position: absolute; top: 90%; left: 0; z-index: 100; border-radius: 6px;
	background-color: var(--bg); box-shadow: 0 30px 60px rgba(0,0,0,0.2); max-width: 400px; padding: 15px 20px; 
	display: grid; gap: 5px 20px; grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); display: none;} /* top был 80%,  + поменял wigth: 100% на max-width: 400px | 05.03 */
.header__menu-hidden a {display: block; padding: 5px 10px; border-radius: 4px;}
.header__menu > li:hover .header__menu-hidden {display: grid;}
/*.header__menu > li:nth-last-child(-n+3):hover .header__menu-hidden {left: unset; right: 0;}*/ /* добавил | 14.10 | Афиша, Ещё */
.header__menu > li:hover > a, .header__menu > li:hover > span {color: var(--accent-red);} /* добавил , .header__menu > li:hover > span | 14.10 */
.header__menu-hidden a:hover, .header_control:not(.header_social):not(.shortstory_view.active):hover {background-color: var(--accent-red); color: #fff; border-color: var(--accent-red);} /* .theme-toggle поменял на .header_button | 03.03 + добавил border-color | 17.07 */

/* header__search заменен на header__center | 03.03 */
.header__center {flex-grow: 1; display: flex; justify-content: center; gap: 7px;} /* добавил | 02.03 */
.header__center form {width: 400px; position: relative;} /* было без form, width был 210 | 02.03 */
.header__center input, .header__center input:focus {padding: 0 35px 0 10px; border-radius: 4px; 
	background: var(--bg); box-shadow: none; border: 1px solid var(--bdc); color: var(--tt); height: 35px; line-height: 35px; transition: all 0.3s ease;} /* height и line-height были по 30px + добавил transition | 03.03 + box-shadow был 0 0 0 1px var(--bdc) + добавил border | 17.07 */
.header__center input:focus {box-shadow: 0 0 0 1px var(--tt-accent);} /* добавил | 05.03 */
.header__center input:not(:focus)::placeholder {color: var(--tt-3); opacity: 1; font-size: 12px;} 
.header__center button {position:absolute; right: 0; top: 0; padding: 0; width: 35px; height: 35px; /* height и width были 30px | 03.03 */
	background: none; color: var(--tt-3); font-size: 12px;}
.header__center button:hover {
    background-color: var(--accent-red);
    color: #fff;
}

.header_social i { /* добавил | 03.03 */
    width: 20px;
    height: 20px;
    display: inline-block;
    content: '';
    background-color: #242424ab;
    transition: all 0.3s ease;
}
.header_social:hover i { /* добавил | 06.10 */
    opacity: .7;
}
.header_social i.vk { /* добавил | 03.03 */
    background: url(/templates/LuxNova/images/svg/vk.svg) no-repeat;
    background-size: cover;
}
.header_social i.ok { /* добавил | 03.03 */
    background: url(/templates/LuxNova/images/svg/ok.svg) no-repeat;
    background-size: cover;
}
.header_social i.telegram { /* добавил | 03.03 */
    background: url(/templates/LuxNova/images/svg/telegram.svg) no-repeat;
    background-size: cover;
}

.header_info_btns { /* Кнопка контактов в шапке */
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 100;
}
.header_info_btns a { /* Кнопка контактов в шапке */
    color: var(--tt);
    background-color: var(--bg-darker);
    border: 1px solid var(--bdc);
    border-radius: 3px;
    margin: 0px 2px;
    padding: 3px 7px;
    font-size: 12px;
    transition: all 0.3s ease;
} 
.header_info_btns a:hover { /* Кнопка контактов в шапке */
    background-color: var(--ui-bg-btn-hover);
    border-color: var(--ui-bg-btn-hover);
    color: var(--ui-tt-btn);
}
.header_info_btns span {margin-right: 5px;} /* Кнопка контактов в шапке */



/* CAROU TOP ITEM, COLLECTION ITEM
----------------------------------------------- */
.slide_block {background-color: var(--bg); padding: 20px 60px;}
.slide_items:not(.owl-carousel) {display: flex; overflow: hidden;}
.slide_items > .poster {width: calc((100% - 120px)/7); flex-shrink: 0; margin-right: 20px;}
.slide_block .poster__title {font-size: 12px; display: block; white-space: nowrap; text-overflow: ellipsis;}
.slide_block .poster__subtitle {font-size: 10px; font-weight: 400;}
.slide_block .has-overlay__icon {padding: 0;}
.slide_block .poster__fav {top: 140px;}
.slide_block .poster__label {background-color: var(--bg); color: var(--tt-3);}
.slide_block .poster__series {left: 5px; bottom: 5px; border-radius: 3px; height: 20px; 
	padding: 0 6px; font-size: 10px; display: flex; align-items: center;}
	.slide_block .poster__series div {display: inline; margin-left: 6px;}

.grid-collectons {display: grid; grid-template-columns: repeat(2,1fr); gap: 20px 0;}
.coll {display: block; padding-top: 0; height: 160px; text-align: center;}
.coll__title {position: absolute; inset: 0; color: #fff; background-color: rgba(0,0,0,0.5); 
	padding: 20px; text-transform: uppercase; font-weight: 700; font-size: 15px; z-index: 5;}
.coll__title:hover {background-color: var(--accent-red); color: #fff;}
.grid-items > .coll, #dle-content > .coll {grid-column: span 2;}


/* COMP
----------------------------------------------- */
.comp:not(:last-child) {margin-bottom: 40px;}
.comp_header {margin-bottom: 20px; gap: 10px;}
.comp_title {font-size: 19px; font-weight: 700;} /* было 17px 15.04 */
.sect__title__2 {font-size: 24px; font-weight: 700;}
.sect__title__3 {font-size: 17px; font-weight: 700;}
.sect__ctrl {margin-top: -6px; gap: 10px;}
.sect__ctrl-menu {gap: 20px 20px; font-size: 13px;}
.sect__ctrl-menu--main {font-weight: 600;}
.sect__ctrl-menu label {position: relative; display: block;}
.sect__ctrl-menu label input {display: block; appearance: none; -webkit-appearance: none; 
	position: absolute; inset: 0; opacity: 0; cursor: pointer;}
.sect__ctrl-menu a, .sect__ctrl-menu label div {height: 30px; display: flex; align-items: center;}
.sect__ctrl-menu a.is-active, .sect__ctrl-menu label input:checked + div {background-color: var(--bg-dark); color: var(--tt-dark); border-radius: 4px; padding: 0 10px;}
.sect__ctrl-menu a:not(.is-active):hover, .sect__ctrl-menu label div:hover {color: var(--accent-red);}
.sect__link {display: flex; align-items: center; height: 30px; border-radius: 4px; padding: 0 10px; 
	font-size: 12px; background-color: var(--bg); color: var(--tt-2); gap: 10px;}
.comp_content_slide:not(.owl-carousel), .related__content--carousel:not(.owl-carousel) {display: flex; overflow: hidden;}
.comp_content_slide:not(.owl-carousel) > .poster {flex-shrink: 0; margin-right: 20px; width: calc((100% - 100px)/6);} 
.related__content--carousel:not(.owl-carousel) > .poster {flex-shrink: 0; margin-right: 20px; width: calc((100% - 100px)/5);}
.comp_slide .comp_header {padding-right: 80px;}

.title_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.view_toggle {
    display: flex;
    border: 1px solid var(--bdc);
    border-radius: 4px;
    overflow: hidden;
    flex-shrink: 0;
}

.view_toggle button {
    border-radius: 0;
    /*box-shadow: none; не нужно | 17.07 */
    border: none; /* добавил | 17.07 */
}

.view_toggle button.active {
    background-color: var(--bg-dark);
    color: var(--tt-dark);
    cursor: default;
}

/* Раскрывающийся текст */
.hide_text_container {
    position: relative;
    margin-top: 5px;
    padding-bottom: 10px;
}
.ml_container .hide_text_container {
    margin-bottom: 20px;
}
.hide_text_container .hide_text_body {
    color: var(--tt-3);
    overflow: hidden;
    position: relative;
    line-clamp: 2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}
.hide_text_container.comp_descr.active .hide_text_body {
    cursor: pointer;
}
.hide_text_container.comp_descr.open .hide_text_body {
    max-height: 35px;
    display: block;
}
.hide_text_container .hide_text_button {
    display: none;
    position: absolute;
    font-size: .9em;
    bottom: -7px;
    color: var(--tt-2);
    white-space: nowrap;
    opacity: .7;
    transition: all 0.3s ease;
}
.hide_text_container.active .hide_text_button {
    display: block;
}
.hide_text_container .hide_text_button_container:hover .hide_text_button {
    opacity: 1;
}
.hide_text_container.comp_descr .hide_text_button:before {
    content: 'Читать полностью';
}
.hide_text_container.comp_descr.open .hide_text_button:before {
    content: 'Свернуть';
}
/* ------- */

/*.descr {display: grid; grid-gap: 20px; line-height: 1.7; color: var(--tt); padding-top: 60px;} Описание внизу главной, не нужно т.к. добавил новое ниже | 19.04
.descr h1, .descr h2, .descr h3 {font-weight: 500; font-size: 18px; color: var(--tt); line-height: 1.3;}
.descr a {text-decoration: underline; color: var(--tt-accent);}
.descr ul li {position: relative; padding-left: 25px; margin-left: 25px;}
.descr ul li::before {content:"\f00c"; font-weight: 300; font-family:'Font Awesome 5 Pro'; 
	color: var(--tt-accent); position: absolute; left: 0; top: 0;}*/

.main_descr {
    display: grid;
    row-gap: 15px;
    color: var(--tt-2);
}

.descr_section span.descr_accent {
    margin-bottom: 3px;
    display: block;
}

.descr_section:first-child span.descr_accent {
    font-size: 16px;
}

.descr_section span {
    font-weight: bold;
    position: relative;
    color: var(--tt);
}

.speedbar {font-size: 13px; color: var(--tt-2); /*margin-top: 15px; margin-bottom: 15px; добавил другой | 21.03 */ margin: 20px var(--indent) 0 var(--indent); background: var(--bg); /* background был #dddddd | 21.03 */ padding: 10px 10px;}

/*.speedbar {font-size: 13px; color: var(--tt-2); margin-top: 20px; margin-bottom: -20px;}*/
.speedbar .fal {margin-right: 8px; color: var(--tt-accent);}
.speedbar a:hover {text-decoration: underline;}

/* Информационные блоки на главной
----------------------------------------------- */
.main_inf_container {margin-bottom: 20px;}
.main_inf_container:not(.owl-carousel) {
    display: flex;
    overflow: hidden;
}
.main_inf_container:not(.owl-carousel) .main_inf_msg {
    min-width: 100%;
}

.main_inf_msg  {
    padding: 20px;
    border-radius: 4px;
    display: flex;
    gap: 20px;
    background-color: var(--bg);
}
.msg_left {
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.msg_left img {
    min-width: 120px;
    max-width: 125px;
}

.msg_center_title {
    display: block;
    margin-bottom: 3px;
    font-weight: bold;
    line-height: 1;
    font-size: 14px;
}
.msg_center_body {
    color: var(--tt-2);
    display: block;
}

.msg_btns {
    display: flex;
    gap: 5px;
    justify-content: flex-end;
    flex-direction: column;
}
.msg_btns .msg_btn:nth-child(odd):last-child {
    grid-column: span 2;
}
.msg_btn {
    padding: 4px 10px;
    border-radius: 4px;
    background-color: #afafaf;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
}
.msg_btn:hover,
.msg_btn:focus {
    color: #ffffffd1;
    opacity: 0.9;
}

.main_inf_msg.info_message {
    border: 2px solid #8ae0f3;
    -webkit-box-shadow: inset 0px 0px 10px 0px #8ae0f399;
    -moz-box-shadow: inset 0px 0px 10px 0px #8ae0f399;
    box-shadow: inset 0px 0px 10px 0px #8ae0f399;
}
.main_inf_msg.caution {
    border: 2px solid #ef5b5b;
    -webkit-box-shadow: inset 0px 0px 10px 0px #ef5b5b9c;
    -moz-box-shadow: inset 0px 0px 10px 0px #ef5b5b9c;
    box-shadow: inset 0px 0px 10px 0px #ef5b5b9c;
}
.main_inf_msg.notice {
    border: 2px solid #efc05b;
    -webkit-box-shadow: inset 0px 0px 10px 0px #efc05ba3;
    -moz-box-shadow: inset 0px 0px 10px 0px #efc05ba3;
    box-shadow: inset 0px 0px 10px 0px #efc05ba3;
}
.main_inf_msg.orange {
    border: 2px solid #ffcb00;
    -webkit-box-shadow: inset 0px 0px 10px 0px #ffcb0085;
    -moz-box-shadow: inset 0px 0px 10px 0px #ffcb0085;
    box-shadow: inset 0px 0px 10px 0px #ffcb0085;
}

.main_inf_msg.info_message .msg_left {
    color: #8ae0f3;
}
.main_inf_msg.caution .msg_left {
    color: #ef5b5b;
}
.main_inf_msg.notice .msg_left {
    color: #efc05b;
}
.msg_btn.info_message {
    background-color: #8ae0f3;
}
.msg_btn.caution {
    background-color: #5baaef;
}
.msg_btn.notice {
    background-color: #efc05b;
}
.msg_btn.orange {
    background-color: #ffcb00;
}

.msg_btn.vk {
    background-color: #0077FF;
}
.msg_btn.ok {
    background-color: #EE8208;
}
.msg_btn.telegram {
    background-color: #24A1DE;
}
.msg_btn.zen {
    background-color: #000;
}

/* Афиша и каталог
----------------------------------------------- */
.cat_card_container {
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr;
    grid-gap: 12px; /* было 19px | 31.10 */
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(270px,1fr)); /* было repeat(2, 1fr) | 01.11 */
    grid-template-rows: auto;
    margin-top: 20px;
}
.cat_card {
    border-radius: 7px; /* было 12px | 31.10 */
    width: 100%;
    height: 100%;
    overflow: hidden;
    aspect-ratio: 137 / 78;
    /*-webkit-transition: all .2s ease 0s; не нужно | 31.10
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;*/
    background-color: var(--bg); /* добавил | 31.10 */
}
/*.cat_card.cat_card_extended { не нужно | 01.11
    grid-column: span 2;
    aspect-ratio: 560/216;
}*/
/*.cat_card:hover { не нужно | 31.10
    -webkit-box-shadow: 0 12px 40px rgba(0,0,0,0.3);
    box-shadow: 0 12px 40px rgba(0,0,0,0.3);
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}*/
.cat_card.item:hover img {
    transform: scale(1.1);
}
.cat_card_link {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    /*text-decoration: none; не нужно | 31.10
    border-radius: 12px;
    overflow: hidden;*/
}
.cat_card_link::before { /* добавил | 31.10 */
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(100deg, var(--bg-dark) 35%, transparent 80%);
    z-index: 1;
}
.cat_card_link img {
    /*width: 100%; не нужно | 31.10 */
    height: 100%;
    position: absolute; /* было relative | 31.10 */
    right: 0; /* добавил | 31.10 */
    /*border-radius: 12px; не нужно | 31.10 */
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    /*z-index: 3; не нужно | 31.10 */
    opacity: 0;
    transform: scale(1.07); /* добавил | 31.10 */
}
.cat_card_link img.lazy-loaded {opacity: 1; transform: scale(1.01);} /* добавил transform | 31.10 */
.cat_card:hover .cat_card_link img {transform: scale(1.01) translateX(5px);} /* добавил | 31.10 */

.cat_card_text {
    /*height: auto; не нужно | 31.10
    left: 18px;*/
    position: relative; /* было absolute | 31.10 */
    /*top: 18px; не нужно | 31.10 */
    z-index: 2;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
    color: #fff;
    font-size: 22px; /* было 18px | 31.10 */
    align-items: center; /* добавил | 31.10 */
    height: 100%; /* добавил | 31.10 */
    margin-left: 15px; /* добавил | 31.10 */
}

.cat_card_btn { /* добавил | 31.10 */
    position: absolute;
    left: 15px;
    bottom: 15px;
    z-index: 2;
    padding: 3px 7px;
    background-color: #00a0b0;
    font-size: 12px;
    color: #ffffff;
    border-radius: 4px;
    transition: all 0.3s;
}
.cat_card_btn::before {content: "Смотреть все"; margin-right: 10px;} /* добавил | 31.10 */
.cat_card:hover .cat_card_btn { /* добавил | 31.10 */
    box-shadow: 0px 0px 7px 1px #00a0b0;
}

.cat_card_icon {
    /*width: 100%; не нужно | 31.10 */
    height: 100%;
    position: absolute;
    top: 0;
    right: 20%; /* было left: 0; | 31.10 */
    display: flex;
    justify-content: center;
    align-items: center;
    /*background-color: #2d303b; пока не надо | 20.10
    border-radius: 12px; */
    transition: all .3s;
}
/*.cat_card:hover .cat_card_icon { не нужно | 31.10
    -webkit-box-shadow: 0 12px 40px rgba(0,0,0,0.3);
    box-shadow: 0 12px 40px rgba(0,0,0,0.3);
}*/
.wide .cat_card_icon {
    width: 100%;
    right: 0;
}
.cat_card_icon i {
    animation: posterLoading 1.5s ease infinite;
    font-size: 30px;
    color: var(--tt);
}
.wide .cat_card_icon i {color: #fff;}
.cat_card_link img.lazy-loaded + .cat_card_icon { /* добавил | 31.10 */
    opacity: 0;
}
@keyframes posterLoading { 
  100%{transform: rotate(1turn)}
}
/* ------- */

/* ТВ каналы
----------------------------------------------- */
.cat_channels_container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-template-rows: auto;
    margin-top: 20px;
    gap: 15px;
}
.cat_channel {
    background: #4b6cb7;
    background: -webkit-linear-gradient(38deg, #182848, #4b6cb7);
    background: linear-gradient(38deg, #182848, #4b6cb7);
    overflow: hidden;
    border-radius: 7px;
}
.channels .cat_channel {
	background: #2069c9;
    background: -webkit-linear-gradient(38deg, #3f8960, #2069c9);
    background: linear-gradient(38deg, #3f8960, #2069c9);
}
.studios .cat_channel {
    background: #1e3e57;
    background: -webkit-linear-gradient(to left, #151b2b, #274d6b, #0c1829);
    background: linear-gradient(to left, #151b2b, #274d6b, #0c1829);
}
.platforms .cat_channel {
    background: #16222A;
    background: -webkit-linear-gradient(345deg, #345a6d, #132431);
    background: linear-gradient(345deg, #345a6d, #132431);
}
.cat_channel .cat_channel_image {
    width: 100%;
    aspect-ratio: 2 / 1;
    overflow: hidden;
    position: relative;
    padding: 14px 20px;
    transition: all 0.3s ease;
}
.cat_channel:hover .cat_channel_image { 
    opacity: .6;
}
.cat_channel img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transition: all 0.3s linear;
    z-index: 1;
    position: relative;
    transform: translateY(-20px);
    opacity: 0;
}

.cat_channel img.lazy-loaded {opacity: 1; transform: unset;}
.cat_channel img.lazy-loaded + .cat_card_icon {opacity: 0;}
.cat_channel img.lazy-loaded + .cat_card_icon .cat_channel_title {transform: translateY(110%);}

.cat_channel_title {
    position: absolute;
    bottom: 5px;
    transition: all .3s;
    color: #fff;
    text-align: center;
    padding: 0 5px;
}
.cat_channel_title h2 {
    font-size: 16px;
}
/* ------- */


/* POSTER ITEM
----------------------------------------------- */
.poster {position: relative;}
.poster__img {border-radius: 5px; margin-bottom: 5px; cursor: pointer; grid-area: cimg; transition: none;} /* margin-bottom был 15px + добавил cursor | 07.03 + grid-area | 28.04 */
.poster__img > img {transition: all 0.3s ease;} /* добавил | 11.03 */
.poster__label {position: absolute; left: 5px; top: 5px; border-radius: 3px; height: 20px; display: flex; 
	align-items: center; padding: 0 6px; font-size: 10px; background-color: var(--bg-dark); color: var(--tt-dark); 
	z-index: 10; pointer-events: none;}
.poster__label--white {background-color: var(--bg); color: var(--tt-3);}
.poster__series {position: absolute; bottom: 0; left: 0; background-color: var(--bg); 
	padding: 5px 8px; font-size: 10px; font-weight: 500; border-top-right-radius: 5px;}
/*.has-overlay__icon {position: absolute; z-index: 3; inset: 0; display: flex; flex-direction: column; padding-bottom: 50px; теперь ниже | 08.03
	background-color: rgba(0,0,0,0.5); opacity: 0; justify-content: center; align-items: center; gap: 20px;}
.has-overlay__icon::before {display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; 
	background: #fff url(../images/play.svg) center center / 14px no-repeat; content: '';}*/
.has-overlay__icon { /* добавил | 08.03 */
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    color: #fff;
    pointer-events: none;
}
.shrt_poster_loading {
    width: 100%;
    height: 100%;
    background-color: var(--bg);
    position: absolute;
    display: flex;
    font-size: 30px;
    top: 0;
    left: 0;
    color: var(--tt-2);
    justify-content: center;
    align-items: center;
}

.shrt_poster_loading i {
    animation: posterLoading 1.5s ease infinite;
}
@keyframes posterLoading { 
  100%{transform: rotate(1turn)}
}

.poster__ratings {color: #fff; font-size: 11px; text-align: center; line-height: 1.6; 
	position: absolute; left: 0; right: 0; bottom: 20px;}
.poster__btn-info, .poster__fav a {padding: 0 10px; display: flex; align-items: center; justify-content: center; height: 24px; 
	border-radius: 3px; background-color: var(--accent-red); color: #fff; gap: 5px; font-size: 12px; white-space: nowrap;}
.poster__fav a {background-color: #fff; color: #000;}
.poster__btn-info, .poster__fav {position: absolute; left: 50%; top: 50px; z-index: 11; cursor: pointer;
	opacity: 0; visibility: hidden; transform: translate(-50%,-30px); transition: all 0.2s ease-in-out;}
.poster__fav {display:none; /*top: 146px; transform: translate(-50%,30px); не нужно + добавил display | 28.04 */ }
/*.poster:hover .poster__fav, не нужно | 28.04 */.poster:hover .poster__btn-info {opacity: 1; visibility: visible; transform: translate(-50%,0px);}
.poster:hover .poster__btn-info {transition-delay: 0.2s;}
.poster__fav a::before {content: ''; background: url(../images/heart.svg) 0 0 / contain no-repeat; width: 16px; height: 16px;}
.has-overlay:hover .has-overlay__icon {opacity: 1;}
.poster:hover .poster__series {opacity: 0;}
.poster__fav a:hover {background-color: var(--bg-dark); color: #fff;}
.poster__btn-info:hover {background-color: var(--bg-dark);}
.poster__link {display: block;}
.poster__link::before {content: ''; position: absolute; inset: 0; z-index: 5;}
.poster__title {font-size: 13px; font-weight: 600; /*color: var(--tt-accent);*/
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; transition: color 0.3s ease;} /* вторую строку добавил + color убрал | 06.03 */
body:not(.card_view) .poster:hover .poster__title, .owl-item .poster:hover .poster__title {color: var(--tt-accent);} /* добавил | 07.03 */
.card_view .poster__title:hover {color: var(--tt-accent);}
.poster__subtitle {color: var(--tt-2); font-size: 11px; font-weight: 500; margin-top: 2px;} /* margin-top был 6px | 07.03 */
/*.poster__subtitle:before {content: var(--add-info);} удалить */

.shrt_labels_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 5px;
    flex-direction: column;
    justify-content: space-between;
    z-index: 10;
    pointer-events: none;
}
.shrt_labels_top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    z-index: 2;
}
.shrt_labels_bottom {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    gap: 2px;
    transition: all 0.3s ease;
}
.shrt_label {
    display: inline-block;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
    padding: 2px 4px;
    text-transform: uppercase;
    color: #fff;
}
.shrt_label.green {
    background: -o-linear-gradient(186.73deg, #0ad525, #009b05 58.72%, #099700 90.93%);
    background: linear-gradient(263.27deg, #0ad525, #009b05 58.72%, #099700 90.93%);
}
.shrt_label.orange {
	background: -o-linear-gradient(186.73deg, #f37e3c, #e95400 58.72%, #d54d00 90.93%);
	background: linear-gradient(263.27deg, #f37e3c, #e95400 58.72%, #d54d00 90.93%)
}
.shrt_label.blue {
	background: -o-linear-gradient(186.73deg, #2f9fff 0, #0089ff 58.72%, #006fce 90.93%);
	background: linear-gradient(263.27deg, #2f9fff, #0089ff 58.72%, #006fce 90.93%)
}
.shrt_label.red {
	background: -o-linear-gradient(186.73deg, #f33c69 0, #e9003a 58.72%, #d5002c 90.93%);
	background: linear-gradient(263.27deg, #f33c69, #e9003a 58.72%, #d5002c 90.93%)
}
.shrt_label.violet {
	background: -o-linear-gradient(186.73deg, #d50acc 0, #9b0094 58.72%, #970090 90.93%);
	background: linear-gradient(263.27deg, #d50acc, #9b0094 58.72%, #970090 90.93%)
}

.slide_block .shrt_labels_container {
    z-index: 1;
}
.slide_block .shrt_labels_container .shrt_label,
.recommend .shrt_labels_container .shrt_label{
    font-size: 8px;
    line-height: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.not_available .shrt_labels_container:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f2f6f88c;
    z-index: 4;
}
.nv .not_available .shrt_labels_container:after {
    background-color: #2a2d34cc;
}

.not_available .shrt_labels_top {
    z-index: 5;
}

.cat_license:before {
    content: "Лицензия";
}
.cat29:before {
    content: "Бесплатно";
}
.cat30:before {
    content: "Подписка";
}
/*.cat31:before {
    content: "На паузе";
}*/
.cat32:before {
    content: "Недоступно";
}
.cat11:before {
    content: "В кино";
}
.cat12:before {
    content: "В эфире";
}
.cat13:before {
    content: "Новинка";
}
.cat14:before {
    content: "Скоро";
}
.cat15:before {
    content: "В производстве";
}


.shrt_btn_trailer {
    color: #fff;
    background-color: rgb(255 255 255 / 50%);
    position: absolute;
    padding: 5px 8px;
    font-size: 12px;
    transition: all 0.3s ease;
    left: 5px;
    bottom: 5px;
    height: unset;
    text-transform: uppercase;
    white-space: nowrap;
    border-radius: 3px;
    pointer-events: all;
}
.shrt_btn_trailer:after {
    content: "Трейлер";
}
.shrt_btn_trailer i {
    margin-right: 5px;
}
.shrt_btn_trailer:hover {
    background-color: var(--tt-accent);
}
.shrt_btn_trailer.load {
    cursor: no-drop;
    opacity: .7;
}

.th-active {z-index: 100;}
.th-text {display: none; background-color: var(--bg); cursor: auto; 
	padding: 20px; text-align: left; position: absolute; z-index: 1000; left: 100%; top: 0; 
	width: 460px; box-shadow: 0 0 30px rgba(0,0,0,0.2); border-radius: 4px; min-height: 100px;}
.th-text::after {content: ""; border: 10px solid var(--bg); position: absolute; top: 24px; right: 100%;
	border-left-color: transparent; border-bottom-color: transparent; }
.pop-left .th-text::after {border: 10px solid var(--bg); border-right-color: transparent; 
	border-bottom-color: transparent; left: 100%; right: auto;}
.pop-left .th-text {left: auto; right: 100%;}
.th-text-loader {text-align: center; font-size: 18px; color: var(--tt-accent); padding-top: 20px;}
.th-text-header {display: block; text-decoration: underline; font-weight: 500; font-size: 18px; color: var(--tt-accent);}
.th-text .not-shown-ajax, .th-text .pmovie__header h1 a {display: none;}
.th-text .pmovie__text {font-size: 13px; line-height: 1.4; margin: 15px 0;
	display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;}
.th-text .pmovie__list {background: none; padding: 0; font-size: 13px;}
.th-text .pmovie__list li + li {margin-top: 5px;}
.th-text button {width: 100%; margin-top: 15px; gap: 10px;}


/* CARD SHORTSTORY, TOP SHORTSTORY
----------------------------------------------- */
/*.card {padding: 20px; border-radius: 5px; background-color: var(--bg); display: grid; gap: 15px 20px; НОВЫЕ СТИЛИ ДЛЯ КОРОТКОЙ НОВОСТИ В ВИДЕ КАРТОЧЕК - ЧУТЬ НИЖЕ
	grid-template-columns: 200px minmax(0,1fr); grid-template-rows: min-content 1fr min-content; 
	grid-template-areas: "cimg ctitle" "cimg cdesc" "cimg cbtm"; position: relative;} 
.card__img {display: block; height: 300px; border-radius: 5px; grid-area: cimg; border: 1px solid var(--bdc);}
.card .has-overlay__icon {padding: 0;}
.card .poster__fav {left: auto; right: 20px; top: 20px; opacity: 1; visibility: visible; transform: none;}
.card .poster__fav a:not(:hover) {background-color: var(--bg-2);}
.card__title {display: block; grid-area: ctitle; margin-right: 130px;}
a.card__title:hover {text-decoration: underline;}
.card__title h3 {font-size: 18px; font-weight: 600;}
.card__desc {grid-area: cdesc;}
.card__list {display: grid; grid-gap: 6px 0; font-size: 13px;}
.card__list li > span:first-child {font-weight: 500; margin-right: 3px;}
.card__list a {text-decoration: underline; color: var(--tt-accent);}
.card__text {margin-top: 15px; -webkit-line-clamp: 4; line-height: 1.5;}
.card__bottom {font-size: 12px; grid-area: cbtm; gap: 10px 20px;}
.card__meta .fal {margin-right: 5px; opacity: 0.66;}
.card__btn {height: 30px; padding: 0 10px;}
.card__fav {position: absolute; right: 0; top: 0; width: 60px; height: 60px; cursor: pointer; 
	font-size: 18px; overflow: hidden; color: var(--tt-lighter);}
.card__fav .fas {position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer;
	display: flex !important; justify-content: center; align-items: center; padding: 0 0 25px 25px;}
.card__fav .fas::after {content: ''; background: var(--gradient); box-shadow: var(--bsh-2); z-index: -1;
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: skew(45deg); transform-origin: 0 0;}
.card__fav .fas.added::after {background: var(--gradient-accent);}
.card__rating-ext {font-size: 14px; font-weight: 500; color: var(--tt); gap: 3px;
	position: relative; display: flex; align-items: center; line-height: 1; white-space: nowrap;}
.card__rating-ext > span {font-size: 11px; font-weight: 400;}
.card__rating-ext::before {content: attr(data-text); display: inline-flex; height: 24px; align-items: center; 
	border-radius: 3px; padding: 0 5px; font-size: 11px; margin-right: 3px;}
.card__rating-ext.kp::before {background-color: #ff6600; color: #fff;}
.card__rating-ext.imdb::before {background-color: #ffc107; color: #000;}
.card__meta.flex-grow-1 {align-self: center; text-align: right; margin-right: -10px;}*/

.card_view div.comp > .comp_content > div.poster {
    padding: 20px;
    border-radius: 5px;
    background-color: var(--bg);
    display: grid;
    gap: 15px 20px;
    grid-template-columns: 200px minmax(0, 1fr);
    grid-template-rows: min-content 1fr min-content;
    grid-template-areas:
        "cimg ctitle"
        "cimg cdesc"
        "cimg cbtm";
    position: relative;
    grid-column: 1 / -1;
}
.poster__info, .poster__btns {display: none;}

.poster__desc {grid-area: ctitle;}
.card_view div.comp > .comp_content > div.poster .poster__info {grid-area: cdesc; display: unset;}
.card_view div.comp > .comp_content > div.poster .poster__btns {grid-area: cbtm; display: flex; justify-content: space-between; align-items: center;}
/*.card_view .comp_content.grid-items .poster__btns button {z-index: 5;}*/
.card_view div.comp > .comp_content > div.poster .poster__link::before {display: none;}
.card_view div.comp > .comp_content > div.poster .poster__fav {display: unset; left: auto; right: 20px; top: 20px; opacity: 1; visibility: visible; transform: none;}
.card_view div.comp > .comp_content > div.poster .poster__fav a:not(:hover) {background-color: var(--bg-2); color: var(--tt-2);}
.card_view div.comp > .comp_content > div.poster .poster__subtitle {display: none;}
.card__text {margin-top: 15px; -webkit-line-clamp: 4; line-height: 1.5;}
.card__list {display: grid; grid-gap: 6px 0; font-size: 13px;}
.card__list li > span:first-child {font-weight: 500; margin-right: 3px;}
/*.card__list li:after {content: var(--add-info);} удалить */
.card_view div.comp > .comp_content > div.poster .poster__title {font-size: 16px; padding-right: 130px; line-height: 24px;}
.card_view div.comp > .comp_content > div.poster .card_stats_container {display: flex;}

.linek {background-color: var(--bg); border-radius: 5px; padding: 10px 20px; gap: 0 !important;
	margin-bottom: 10px; position: relative; overflow: hidden; display: flex !important;}
.linek__img {width: 80px; height: 120px; margin: -10px -20px; margin-right: 20px;}
.linek__title {color: var(--tt-accent); font-weight: 500; font-size: 15px; padding-right: 120px;}
.linek__meta {margin-top: 10px; color: var(--tt-2); font-size: 12px;}
.linek .card__bottom {margin-top: 10px;}
.linek .poster__fav {right: 5px; top: 5px;}
.count-items {counter-reset: num;}
.count-items .linek::before {content: counter(num); counter-increment: num; color: var(--tt-2); opacity: 0.3; 
	position: absolute; right: 20px; top: 50%; margin-top: -10px; transform: translateY(-50%); font-size: 40px; font-weight: 700;}


/* TRAILER
----------------------------------------------- */
.trl {background-color: rgba(0,0,0,0.9); position: fixed; z-index: 990; left: 0; top: 0; 
	width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; backdrop-filter: blur(10px);}
.trl__close {position: absolute; right: 20px; top: 20px; font-size: 40px; color: #fff; background: none; box-shadow: none; padding: 0; aspect-ratio: 1 / 1;}
.trl__close:hover {background-color: var(--accent-red); color: #fff;}
.trl__inner {width: 100%; max-width: 700px; margin: 0 auto; color: #fff; padding: 80px 20px 60px 20px;}
.trl__inner.full {height: 100vh; display: grid; align-content: center; padding-top: 0;}
.trl__btn {height: 40px; padding: 0 40px; margin: 15px 0; width: 100%;}
.trl__content i {margin-right: 5px;}
.trl h1 {margin-bottom: 15px; margin-top: 20px; font-size: 24px;}
.trl .page__text, .trl .full-text {color: #ccc; margin: 0px; padding: 0; background: none;}
.trl-is-opened {overflow: hidden;}

/* SIDEBAR
----------------------------------------------- */
.right_block {background-color: var(--bg);}
.right_block_title {font-weight: 600; font-size: 16px; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center;} /* display и следующие добавил | 23.10 */
.right_block_title .sect__link {background-color: var(--bg-2); height: unset; padding: 5px 10px;} /* добавил | 23.10 */
.right_block_nav {background-color: var(--bg-dark-lighter); padding: 16px 20px; border-top: 1px solid var(--bdc);
	display: grid; gap: 0 20px; grid-template-columns: repeat(2,minmax(0,1fr));}
.right_block_nav a {display: block; padding: 4px 0; font-size: 14px; 
	overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.right_block_nav a:hover {text-decoration: underline; color: var(--accent-red);}
.right_block:not(:first-child) { /* добавил | 18.05 */
    margin-top: 20px;
}
.right_block:not(:first-child) .right_block_title { /* добавил | 18.05 */
    border-bottom: 1px solid var(--bdc);
}
/* Обновления были, теперь ниже | 22.03
.upd__date {background-color: var(--bg-dark); color: var(--tt-dark); 
	padding: 10px 20px; font-weight: 500; font-size: 13px; cursor: pointer;}
.updli {position: relative;}
.updli__link {padding: 10px 20px; border-bottom: 1px solid var(--bdc);}
.updli__img {width: 50px; height: 50px; border-radius: 3px; margin-right: 10px;}
.updli__title {font-weight: 500; font-size: 13px;}
.updli__season {margin-top: 6px; border-radius: 3px; background-color: var(--bg-2); 
	padding: 3px 6px; font-size: 11px; display: inline-block;}
.updli__meta {border-radius: 3px; background-color: var(--bg-2); margin-left: 10px;
	padding: 6px 10px; font-size: 11px; text-align: center; width: 80px; font-weight: 500;}
.updli__voice {font-weight: 400; color: var(--tt-2); margin-top: 3px;}
.upd.is-active .upd__items {display: grid; grid-template-columns: repeat(auto-fill,minmax(280px,1fr));}
.upd:not(.is-active) + .upd {margin-top: 5px;}
.updli__fav {width: 50px; height: 50px; border-radius: 3px; inset: 10px auto auto 20px; 
	color: #fff; font-size: 10px; z-index: 10; white-space: nowrap;}
.updli__fav a {color: #fff; width: 100%; height: 100%; display: block; text-align: center;}
.updli__fav a::before {content: ''; background: #fff url(../images/heart.svg) center center / 12px no-repeat; 
	width: 20px; height: 20px; border-radius: 50%; display: block; margin: 0 auto; margin-bottom: 2px;}
.nu_item:hover .updli__meta, .nu_item:hover .updli__voice, .upd__date:hover {background-color: var(--accent-red); color: #fff;}
.upd__items {max-height: 460px; overflow-x: hidden; overflow-y: auto;}*/

/* Обновления */
.right_block.meth_upds {
    border-top: 1px solid var(--bdc);
    border-bottom: 1px solid var(--bdc);
}
.nu_container {
    margin-bottom: 5px; /* было margin: 5px 0; | 23.10 */
}
.meth_upd_date {
    background-color: var(--bg-2);
    padding: 12px 15px;
    line-height: 1;
    color: var(--tt-2);
    transition: all 0.3s ease;
    cursor: pointer;
}
.meth_upd_date:hover {
    background-color: var(--bg-btn-hover);
    color: #fff;
}
.nu_container.is-active .meth_upd_date {
    color: #fff;
    background-color: var(--bg-dark);
}
.meth_upd_date i {
    margin-right: 10px;
    display: inline-block;
    line-height: 1;
    transition: all 0.3s ease;
}
.nu_container.is-active .meth_upd_date i {
    transform: rotate(180deg);
}
.nu_list {
    max-height: 805px; /* 540px; */
    overflow-x: hidden;
    overflow-y: auto;
}
.nu_list {
  scrollbar-width: thin;
  scrollbar-color: var(--bg-2) var(--bg);
}
.nu_list::-webkit-scrollbar {
  width: 4px;
}
.nu_list::-webkit-scrollbar-track {
  background: var(--bg-2);
}
.nu_list::-webkit-scrollbar-thumb {
  background-color: var(--bg);
  border-radius: 20px; 
}

.nu_item a:hover {
    color: var(--tt-accent);
    background-color: var(--bg-2);
}
.nu_link {
    padding: 10px;
    border-bottom: 1px solid var(--bdc);
    display: flex;
    flex-direction: row;
    align-items: center;
}
.nu_image {
    width: 45px;
    height: 60px;
    border-radius: 3px;
    margin-right: 10px;
}
.nu_image img {
    width: 100%;
    height: 100%;
    /*object-fit: cover; Размытие для блока с обновлением серий/выпусков | 24.09.2025*/
}

.nu_desc {
    flex: 1 1 0;
    max-width: 100%;
    min-width: 50px;
    margin-right: 10px;
}
.nu_title {
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nu_info {
    padding: 0 7px;
    border-radius: 4px;
    background-color: var(--bg-btn);
    font-size: 12px;
    margin-top: 3px;
    display: inline-block;
    line-height: 1.6;
    color: #ffffff;
}

.nu_right {
    padding: 2px 7px;
    border-radius: 4px;
    background-color: var(--bg-2);
}

.nu_time {
    font-size: 11px;
}
/* ------- */

.right_block + .right_block {border-top: 1px solid var(--bdc);}
.sblogin {padding: 20px;}
.sblogin__img {width: 64px; height: 64px; border-radius: 50%; margin-right: 10px; background-color: #000;}
.sblogin__name {font-weight: 600;}
.sblogin__name div:last-child {font-weight: 400; color: var(--tt-2); font-size: 11px; margin-top: 2px;}
.sblogin__ctrl {gap: 10px; font-weight: 500; font-size: 11px; margin-left: 10px;}
.sblogin__desc-btm {gap: 6px; margin-top: 6px;}
.sblogin__desc-btm a, .sblogin__desc-btm a span {border-radius: 3px; background-color: var(--bg-2); display: flex; align-items: center; 
	padding: 0 6px; font-size: 11px; height: 20px; overflow: hidden;}
.sblogin__desc-btm a span {margin-right: -6px; margin-left: 6px; 
	background-color: var(--accent-red); color: #fff; border-radius: 0; font-size: 10px;}
.sblogin a:hover {text-decoration: underline;}


/* FOOTER, PAGINATION
----------------------------------------------- */
/*.footer__menu {gap: 20px 40px; font-weight: 400;}
.footer__menu a {color: var(--tt-dark);}
.footer__menu--fw600 {font-weight: 600;}
.footer__text, .footer__copyright {font-size: 13px;}
.footer__soc {gap: 20px 15px;}
.footer__soc img {display: block; height: 16px; opacity: 0.5;}
.footer__menu a:hover {text-decoration: underline;}
.footer__soc a:hover img {opacity: 1;}*/

.footer_container{padding: 40px 20px; color: var(--tt-dark)}
.footer_main {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
.footer_image {
    color: #fff !important;
    margin: 0 !important;
}
.footer_links {
    border-top: 1px solid var(--tt-dark);
    padding: 20px 35px 0 35px;
    margin-top: 20px;
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    justify-content: space-evenly;
    position: relative;
}
.footer_registry {
    text-align: center;
    margin-top: 8px;
    font-size: 0.85em;
    color: #c2c2c2;
    letter-spacing: .14em;
}
.footer_registry a {
    border-bottom: 1px solid #c2c2c2;
    font-weight: bold;
}
.footer_registry a:hover {
    color: var(--tt-accent);
    border-color: var(--tt-accent);
}
.footer_content {
    border-left: 1px solid var(--tt-dark);
    padding-left: 10px;
    font-size: 11px;
    line-height: 1.6;
    flex: 1;
}

.footer_content > .footer_mail:first-child {
    display: block;
}

.footer_container a {
    position: relative;
    color: inherit;
}

.footer_content a:hover,
.footer_links a:hover {
    color: var(--tt-accent);
}

.footer_content a:before,
.footer_links a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: var(--tt-accent);
    transition: all 0.3s ease;
}

.footer_content a:hover:before,
.footer_links a:hover:before {
    width: 100%;
}

.footer_comm a {
    box-shadow: none;
    display: inline-flex;
    justify-content: center;
    border: 1px solid var(--bg-dark);
}
.footer_comm a i {
    font-size: 20px;
    color: var(--tt-dark);
    transition: all 0.3s ease;
}
.footer_comm a:hover i {
    color: var(--tt-accent);
}

body:not(.nv) .footer_comm a {
    background-color: unset;
    border: 1px solid var(--tt-dark);
}

.footer_age_info {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #00ca63;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: calc(50% - 7px);
    right: 0;
}

.footer_statistics {
    position: absolute;
    top: 19px;
    left: 0px;
    width: 20px;
    height: 20px;
    opacity: 0.2;
}
.footer_statistics img {
    border: 0;
    width: 100%;
    height: 100%;
}

.pagination {gap: 20px 10px; padding-top: 20px; margin: 0 auto; width: 100%; display: flex; justify-content: center;} /* добавил | 05.03 */
.pagination__pages {text-align: center; /*padding-top: 40px;*/ gap: 10px; list-style: none;} /* padding-top не нужен, gap был 20px | 05.03 + добавил list-style | 08.07 */

.pagination__pages a, .pagination__pages span, .pagination > a, .pagination > span {height: 36px; font-weight: 600; color: var(--tt-3);
	font-size: 14px; border-radius: 5px; display: flex; align-items: center; justify-content: center;min-width: 36px; padding: 0 10px;background-color: var(--bg);}
/* .pagination__pages > a, .pagination__pages > span, .pagination__pages-btn > a, 
.pagination__pages-btn > span было выше | 05.03 */

.pagination__pages-btn {font-size: 30px;}
.pagination__pages span:not(.nav_ext) {background: var(--bg-dark); color: #fff; min-width: 36px; padding: 0 10px; opacity: .9;} /* добавил opacity | 06.03 + было .pagination__pages > span:not(.nav_ext) | 08.07 */
.pagination a:hover {background-color: var(--bg-dark); color: #fff; opacity: .6;}/* было для .pagination__pages a:hover + color был var(--accent-red) | 06.03 */



/* INNER PAGE
----------------------------------------------- */
.pmovie {background-color: var(--bg); border-radius: 5px; padding: 20px;}
.pmovie__main {display: grid; gap: 20px; margin-bottom: 80px; grid-template-columns: 220px minmax(0,1fr); /* добавил margin-bottom: 80px; | 30.10.2025 */
	grid-template-areas: "pimg plist"; /*margin-bottom: 20px; grid-template-rows: min-content 1fr;*/} /* было 200px minmax(0,1fr); | 09.03 */ /*grid-template-areas был: "pimg pheader" "pimg plist"; + grid-template-rows и margin-bottom не нужен | 13.03 */
.pmovie__img {height: 330px; width: 220px; border-radius: 5px; border: 1px solid var(--bdc);} /* было height: 300px; width: 200px; | 09.03 */
.pmovie__poster {grid-area: pimg; position: relative;}
.pmovie__header {position: relative; margin-bottom: 20px; padding-right: 130px; /*grid-area: pheader; не нужно | 13.03 */}
.pmovie__list_container {grid-area: plist; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; row-gap: 20px; /* test */ position:relative;} /* было для pmovie__list + добавил все, что после grid-area | 14.03 */
.pmovie__header h1 {font-weight: 600; font-size: 17px;}
.pmovie__header h1 a {font-size: 17px; margin-left: 10px; color: var(--tt-2);}
.pmovie__main-info {font-weight: 500; font-size: 12px; color: var(--tt-2); margin-top: 4px;}
/*.pmovie__header .poster__fav {left: auto; right: 0px; top: 0px; opacity: 1; visibility: visible; transform: none; display: block;} Теперь новые стили ниже | 25.09
.pmovie__header .poster__fav a:not(:hover) {background-color: var(--bg-2);}*/
.fs_header_fav {
    position: absolute;
    left: auto;
    right: 0px;
    top: 0px;
    opacity: 1;
    visibility: visible;
    transform: none;
    display: block;
}
.fs_header_fav > a > div {
    padding: 4px 7px;
    border-radius: 5px;
    border: 1px solid var(--tt-2);
    color: var(--tt-2);
    transition: all 0.3s;
}
.fs_header_fav > a > div > span {
    margin-right: 5px;
}
.fs_header_fav > a:hover > div {
    background-color: var(--bg-2);
    border-color: var(--bg-2);
    color: var(--tt);
}
.fs_header_fav > a > div.active {
    color: #fff;
    border-color: #ef1956;
    background-color: #ef1956;
}
.fs_header_fav > a:hover > div.active {
    border-color: #ef1956b3;
    background-color: #ef1956b3;
}

.pmovie__descr {margin: 40px 0 20px 0;} /* добавил | 14.03 */
.pmovie__subtitle {font-weight: 600; font-size: 16px; margin-bottom: 10px;} /* font-size был 18px | 14.03 */
.pmovie__descr + .pmovie__subtitle {margin-bottom: 20px; margin-top: 20px;}

.fs_trailer_btn {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    z-index: 2;
}
.fs_trailer_btn span {
    padding: 3px 10px;
    border-radius: 20px;
    background-color: var(--tt-accent);
    color: #fff;
    cursor: pointer;
    font-size: 12px;
}

/*.pmovie__list {line-height: 1.5; font-size: 13px; word-wrap: break-word;} не нужно, добавил ниже новые | 13.03
.pmovie__list li {position: relative; padding-left: 160px;}
.pmovie__list li + li {margin-top: 6px;}
.pmovie__list li > span:first-child {font-weight: 600; position: absolute; left: 0; top: 0;}*/

.pmovie__list {display: flex; flex-direction: column; flex-wrap: nowrap; line-height: 1.5; font-size: 13px; row-gap: 5px;}
.pmovie__list .badge_contailer {display: flex; flex-wrap: wrap; gap: 5px; font-size: 12px; }
.pmovie__list .badge {background: #ef1956; border-radius: 5px; color: #fff; padding: 3px 7px; }
.pmovie__list .fs_stats_ratings:not(:has(label)) {display: none;}
.pmovie__list .fs_stats_ratings label:not(:last-child):after {content: ",";}
.pmovie__list .fs_stats_ratings label {white-space: nowrap;}
.pmovie__list .fs_stats_line > span:first-child {font-weight: 600; display: inline-block; float: left; width: 160px; white-space: nowrap; }
.pmovie__list .fs_stats_line.fs_quality_options label:not(:last-child)::after {content: ",";}
.pmovie__list .fs_line_content {display: block; overflow: hidden; }
.pmovie__list .fs_line_content.fs_actors_list {display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-clamp: 4; box-orient: vertical;}
.pmovie__list .fs_line_content.fs_director_list {display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical;}
.pmovie__list .fs_line_content.fs_links_list {font-size: 0;}
.pmovie__list .fs_line_content.fs_links_list a {display: block; margin-bottom: 3px; font-size: 13px;}
.fs_line_content.fs_prod span:not(:first-child):not(:empty)::before {content: ", ";}

.pmovie__list a {color: var(--tt-accent); text-decoration: underline;} /* перед a было li | 13.03 */
.pmovie__list a:hover {text-decoration: none;} /* перед a было li | 13.03 */

.news_stats {
    display: flex;
    /*justify-content: flex-end; test */
    position: absolute;
    bottom: -2em;
    right: 0;
}
.news-bottom_stats {
    color: var(--tt-2);
    margin: 0 7px;
    font-size: 14px;
}
.news-bottom_stats span {
    margin-left: 5px;
}

.fs_subscr {
    width: 100%;
    font-size: 12px;
    text-transform: unset;
    overflow: hidden;
}
.fs_subscr[data-show=""] {
    display: none;
}

.fs_under_poster .double {
    display: flex;
    gap: 5px;
    overflow: hidden;
}

/*.pmovie__rating {position: relative; margin-top: 16px; font-size: 13px;} не нужно | 14.03
.pmovie__rating-caption {font-weight: 600; margin-bottom: 6px;}
.pmovie__rating-votes {font-size: 12px; color: var(--tt-2); position: absolute; right: 0; top: 1px;}
.pmovie__rating-score {position: absolute; right: 0; top: 25px; height: 28px; width: 28px; border-radius: 3px; 
	font-size: 12px; font-weight: 500; background-color: var(--bg-dark); color: #fff; display: grid; place-items: center;}*/

.pmovie__player {position: relative; margin-bottom: 20px;}
.tabs-block__select {gap: 10px; margin-bottom: 10px;}
.tabs-block__select button {height: 30px; padding: 0 10px; border-radius: 3px; gap: 10px;
	background-color: var(--bg-2); color: var(--tt-2); font-weight: 500;}
.tabs-block__select button.is-active, .tabs-block__select button:hover {background: var(--bg-dark); color: #fff;}
.pmovie__player-bottom {background-color: var(--bg-2); padding-left: 20px;}
.ya-share2 {height: 24px; margin-left: 10px;}
/*.ya-share2 a:not(:hover) {filter: grayscale(1); opacity: 0.66;} не нужно | 25.09 */
.pmovie__complaint a {display: grid; place-items: center; width: 50px; height: 50px; 
	font-size: 24px; background: var(--accent-red); color: #fff;}
	
.pmovie__related {padding: 0 !important; background: none;}
@media screen and (min-width: 760px) {
	.pmovie__related .grid-items {grid-template-columns: repeat(5,minmax(0,1fr)); gap: 16px;} /* было {grid-template-columns: repeat(6,minmax(0,1fr)); gap: 16px;} */
	.pmovie__related .poster__img {margin-bottom: 8px;}
	.pmovie__related .has-overlay__icon {padding-bottom: 0; /*padding-top: 55px; не нужно | 19.03 */}
	.pmovie__related .poster__btn-info {top: 32px; padding: 0 7px;}
}
.pactor .pmovie__header .poster__fav {position: static;}
.pactor .pmovie__header .pmovie__btn-scroll {margin: 0; height: 40px; padding: 0 20px; margin-top: 20px; font-size: 16px; gap: 20px;}
.pactor .poster .poster__ratings, .pactor .poster .poster__fav {display: none;}
.pactor .card, .pactor .linek {padding: 0; background: none;}

.related__content--carousel .poster.is-active .poster__img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border: 3px solid var(--tt-accent);
    display: block;
    z-index: 10;
    margin: 0;
}
.related__content--carousel .poster.is-active .poster__link {
    color: var(--tt-accent);
}

.diff_origins_container {
    background: var(--bg-2);
    padding: 10px;
    position: relative;
    border-radius: 4px;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
    gap: 10px;
    margin-top: 40px;
}
.diff_origins_container:not(:has(a)) {
    display: none;
}

.diff_origins_container .pmovie__subtitle {
    margin: 0;
    grid-column: 1 / -1;
}

.diff_origin {
    background: #4b6cb7;
    background: -webkit-linear-gradient(38deg, #182848, #4b6cb7);
    background: linear-gradient(38deg, #182848, #4b6cb7);
    padding: 14px 20px;
    border-radius: 7px;
    display: flex;
    aspect-ratio: 2 / 1;
}
.diff_origin:hover {
    opacity: .7;
}
.diff_origin img {
    opacity: 0;
    width: 100%;
    object-fit: contain;
}
.diff_origin img.lazy-loaded {
    opacity: 1;
}

/* MYLISTS
----------------------------------------------- */
.fs_mylists_select {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}
.fs_mylists_select button {
    width: 100%;
    font-size: 12px;
    text-transform: unset;
}
.fs_mylists_select .dropdown-menu {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    width: 100%;
    background: var(--bg-2);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
    z-index: 100;
}
.dropdown-menu .mylists-item {
    padding: 10px 7px;
    cursor: pointer;
    font-size: .9rem;
    display: flex;
    transition: all 0.3s ease;
    align-items: center;
    color: var(--tt);
}
.mylists-item.active {
    background-color: #dddddd;
    color: var(--tt-3);
}
.nv .mylists-item.active {
    background-color: var(--bg-dark);
    color: var(--tt);
}
.mylists-item:hover {
    background-color: #e8e8e8;
    color: var(--tt-2);
    opacity: .8;
}
.nv .mylists-item:hover {
    background-color: #243747;
}
.mylists-item[data-type="0"].active {
    display: none;
}
.mylists-item:before {
    content: "";
    background-size: cover;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 7px;
}
.mylists-item[data-type="0"]:before {
    background-image: url(../images/close.svg);
    width: 15px;
    height: 15px;
    margin-left: 2.5px;
}

.mylists-item[data-type="1"]:before {background-image: url(../images/watching.svg);}
.mylists-item[data-type="2"]:before {background-image: url(../images/will_watch.svg);}
.mylists-item[data-type="3"]:before {background-image: url(../images/watched.svg);}
.mylists-item[data-type="4"]:before {background-image: url(../images/wait_release.svg);}
.nv .mylists-item[data-type="0"]:before {background-image: url(../images/dt_close.svg);}
.nv .mylists-item[data-type="1"]:before {background-image: url(../images/dt_watching.svg);}
.nv .mylists-item[data-type="2"]:before {background-image: url(../images/dt_will_watch.svg);}
.nv .mylists-item[data-type="3"]:before {background-image: url(../images/dt_watched.svg);}
.nv .mylists-item[data-type="4"]:before {background-image: url(../images/dt_wait_release.svg);}

.ml_container {
    margin-bottom: 1.5rem !important;
}
.ml_container .titles p {
    max-width: 805px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.ml_container ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.ml_container ul li {
    background-color: var(--bg);
    padding: 7px 15px;
    border-radius: 5px;
    cursor: pointer;
    color: var(--tt);
    transition: all 0.3s ease;
}
.ml_container ul li .item_count {
    margin-left: 5px;
    color: var(--tt-accent);
    font-weight: bold;
}
.ml_container ul li:hover {
    box-shadow: 0 0 0 2px var(--bg-btn-hover);
}
/*.dt .ml_container ul li:hover {
    box-shadow: 0 0 0 2px #6d90a8a8;
}*/
.ml_container ul li.active {
    box-shadow: 0 0 0px 2px var(--tt-accent);
}
#myTabContent > div {
    transition: opacity .15s linear;
    display: none;
}

#myTabContent > div.show {
    display: block;
}

/* IN_LISTS
----------------------------------------------- */
.fs_mylists_stats {
    margin-top: 20px; /* 10px | 14.10.2025 */
    position: relative;
}
.fs_mylists_title {
    font-weight: bold;
}
.fs_mylists_item:nth-child(2) > * {
    display: none;
}
.fs_mylists_item:nth-child(2):before {
    content: "("attr(data-count)")";
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    opacity: .7;
}
.fs_mylists_item:last-child {
    margin-bottom: 0;
}
.fs_mylists_data {
    display: flex;
    justify-content: space-between;
}
.fs_mylists_data span:nth-child(2) {
    font-size: 11px;
    opacity: .7;
}
.fs_mylists_line {
    display: block;
    width: 100%;
    height: 4px;
    background-color: var(--bg-2);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}
.fs_mylists_item {
    margin: 12px 0; /* 9px | 14.10.2025 */
}
.fs_mylists_line > div {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: block;
    background-color: var(--tt-accent);
    border-radius: 20px;
    transition: all 0.3s ease;
}
.fs_mylists_item[data-type="1"] .fs_mylists_line > div { background-color: #67bb6d }
.fs_mylists_item[data-type="2"] .fs_mylists_line > div { background-color: #b467b9 }
.fs_mylists_item[data-type="3"] .fs_mylists_line > div { background-color: #5a6bc7 }
.fs_mylists_item[data-type="4"] .fs_mylists_line > div { background-color: #aaaa21 }
.fs_mylists_item[data-type="5"] .fs_mylists_line > div { background-color: #e45654 }

/* INTERESTING - Информационный блок в полной новости
----------------------------------------------- */
.practical_container {
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.practical_container.visible {
    display: block;
}
.practical_container > div {
    height: 100%;
}
.practical_content {
    width: 100%;
    height: 100%;
    display: flex;
    border-radius: 4px;
    position: relative;
    padding: 10px;
    overflow: hidden;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid transparent;
}
.practical_content:hover {
    border-color: var(--bg-btn);
}

.practical_img {
    height: 25%;
    max-height: 33px;
    z-index: 1;
    object-fit: contain;
}

.practical_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.practical_bg:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(200deg, rgb(255 255 255 / 0%) 30%, #000000 70%);
    display: block;
}

.practical_bg > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 25%; /* было center | 30.10 */
}

.practical_text {
    z-index: 1;
    color: #d2d2d2;
    font-size: 11px;
    line-height: 1;
    max-width: 70%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.big .practical_text {
    font-size: 13px;
    justify-content: flex-end;
}

.practical_text label {
    display: block;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.practical_text span {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.practical_btn {
    background-color: var(--tt-accent);
    color: #ffffff;
    border-radius: 50px;
    padding: 3px 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    z-index: 1;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.full-text {line-height: 1.7; font-size: 14px; word-wrap: break-word;}
.indent_text {margin-bottom: 10px;}
.full-text a {text-decoration: underline; color: #5278b1;}
.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, .page__title {margin-bottom: 20px;}
.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(--tt-accent); position: absolute; top: 5px; left: 34px;}
.full-text > ol {counter-reset: num;}
.full-text > ol li:before {content: counter(num); counter-increment: num; background-color: var(--accent); color: #fff; 
	position: absolute; top: -2px; left: 17px; width: 24px; height: 30px; font-size: 14px; font-weight: 500;
	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: -2px; 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 table tr td {padding:10px; border:2px solid #fff;}
.full-text table tr:nth-child(2n+1) {background-color:#f2f6f9;} 
.full-text table tr:nth-child(1) {background-color:#cee0ed;}
.full-text table img:not(.emoji) {margin:0; max-width:350px}
.full-text > *:last-child {margin-bottom: 0px;}
.video-responsive {padding-top: 60%; position: relative; background-color: #000;}
.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;}
.full-text iframe {width: 100%; height: 400px; margin-bottom: 20px;}


/* Информер новостей
----------------------------------------------- */
.announcement_container {
    position: relative;
    overflow: auto;
    margin-bottom: 20px;
}
.announcement_container.under {margin-bottom: 40px;}

.announcement {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 5px 0;
    padding: 7px 10px;
    border-radius: 4px;
    background-color: var(--bg-2);
    transition: all 0.3s ease;
}
.announcement:hover {
    background-color: #dadada;
}
.nv .announcement:hover {
    background-color: #30343a;
}

.announcement_image {
    /*min-width: 110px;*/
    width: 100%;
    max-width: 110px;
    height: 75px;
    border-radius: 3px;
    /*margin-right: 10px;*/
    overflow: hidden;
    position: relative;
}

.announcement_image img {
    display: block;
    width: 100%;
    height: 100%;
    /*object-fit: cover; Размытие для блока с новостями в fullstory | 24.09.2025*/
    position: inherit;
    z-index: 2;
    opacity: 0;
    transition: all 0.3s ease;
}
.announcement_image img.lazy-loaded {opacity: 1;}


.announcement_data {
    color: var(--tt-2);
}

.announcement_title {
    font-weight: bold;
    color: var(--tt);
    margin-bottom: 10px;
    min-height: 2rem;
    line-height: 1rem;
    line-clamp: 2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.announcement:hover .announcement_title {color: var(--tt-accent);}

.announcement_data span i {
    margin-right: 3px;
}

.announcement_data span:not(:last-child) {
    margin-right: 5px;
}

.announcement_tag {
    padding: 3px 5px;
    border-radius: 4px;
    background-color: var(--bg);
    white-space: nowrap;
}


/* Список серий и сезонов
----------------------------------------------- */
.intro_schedule_container {
    margin-top: 0px;
    margin-bottom: 40px;
}
.intro_title {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 20px;
}
.intro_title span {
    color: var(--tt-2);
}
.episodes-list {
     width: 100%;
     border: 1px solid #ccc;
}
.episodes-list thead {
    background: var(--bg);
    color: var(--tt-3);
}
.episodes-list th, .episodes-list td {
    padding: 10px;
    border: 1px solid var(--bg-dark);
    text-align: center;
}
.episodes-list tbody {
    background: transparent;
    color: var(--tt-2);
}
.episodes-list tbody tr {
    cursor: default;
    transition: all 0.3s ease;
}
.episodes-list tbody tr:hover {
    background-color: var(--bg);
    color: var(--tt-3);
    opacity: .7;
}
.block__item {
    margin-bottom: 10px;
    background-color: var(--bg-2);
    font-size: 13px;
    color: var(--tt);
    padding: 10px 10px 0 10px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}
.block__title {
    position: relative;
    padding: 0px 0px 0px 30px;
    font-size: 16px;
    letter-spacing: 3px;
    cursor: pointer;
	user-select: none;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.block__title:before,
.block__title:after {
    content: '';
    width: 10px;
    height: 1px;
    background-color: var(--tt-accent);
    position: absolute;
    top: 10px;
    transition: all 0.3s ease 0s;
}
.block__title:before {
    transform: rotate(40deg);
    left: 0;
}
.block__title:after {
    transform: rotate(-40deg);
    left: 8px;
}
.block__item.active .block__title:before {
    transform: rotate(-40deg);
}
.block__item.active .block__title:after {
    transform: rotate(40deg);
}     
.block__title span {
    font-size: 11px;
    opacity: .7;
    letter-spacing: 1px;
    line-height: 1;
    position: relative;
}
.block__title span:before {
    content: "раскрыть";
    display: block;
    transition: all 0.3s ease;
}
.block__title span:after {
    content: "скрыть";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-100%);
    opacity: 0;
    transition: all 0.3s ease;
}
.block__item.active .block__title span:before {
    transform: translateY(100%);
    opacity: 0;
}
.block__item.active .block__title span:after {
    transform: translateY(0);
    opacity: 1;
}

.block__text {
    padding: 10px 0px 0px 0px;
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}
.block__text.actual {
    height: 240px;
}
.block__text.actual:after {
    content: '';
    width: 100%;
    height: 100%;
    max-height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
    transition: all 0.3s ease;
    background: linear-gradient(180deg, rgb(242 242 242 / 0%) 0%, var(--bg) 100%);
}
.block__item.active .block__text.actual:after {
    height: 0;
}

/* ---------------------- */

/* BLOG
----------------------------------------------- */
.journal_options_container {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.journal_option_items {
    flex: 1;
    padding: 40px 7px 7px 7px;
    border: 2px solid var(--bdc);
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    position: relative;
    align-content: flex-start;
}

 .journal_option_items label {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 14px;
    font-weight: bold;
}
.journal_option_items label i {
    margin-right: 5px;
}

.journal_option_items a {
    padding: 3px 6px;
    border: 2px solid var(--bdc);
    border-radius: 4px;
    line-height: 1.5;
    font-size: 13px;
}
.journal_option_items a.active {
    border-color: var(--bg-btn);
}

.both .journal_option_items a:nth-child(2):before {content: "Главный раздел \0022";}
.both .journal_option_items a:nth-child(2):after {content: "\0022";}
.both .journal_option_items a:nth-child(2) span {font-size: 0;}

.journal_option_items a span {
    color: var(--tt-2);
    transition: inherit;
}

.journal_option_items a:hover {
    color: #fff;
    background-color: var(--tt-accent);
    border-color: var(--tt-accent);
}

.journal_option_items a:hover span {
    color: inherit;
}

.blog .pmovie__header {padding-right: 0;}
.blog .pmovie__header h1 {display: inline-block; -webkit-line-clamp: unset;}
.blog .pmovie__descr {margin-top: 30px; margin-bottom: 20px;}

.blog_info_container {
    display: flex;
    gap: 12px;
}
.blog_info {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 12px;
    color: var(--tt-2);
    font-size: 13px;
    margin-top: 5px;
}
.blog_info i {margin-right: 3px;}
.blog_info a {color: var(--tt-accent);}
.blog_info a:hover {color: var(--tt);}

.blog .image img {
    margin-bottom: 0;
}
.blog .image figcaption {
    padding: 10px;
    font-size: 0.7rem;
    margin-top: -7px;
    margin-bottom: 10px;
    caption-side: bottom;
    word-break: break-word;
    text-align: center;
    background-color: var(--bg-2);
}

.blog .full-text iframe {
    margin-bottom: 0;
}

.blog .quote {
    background-color: var(--bg-2);
    color: var(--tt);
    margin-bottom: 20px;
}

.nv .blog b {
    color: var(--tt);
}
.blog .full-text a {color: var(--tt-accent);}
.blog .full-text a:hover {
    text-decoration: none;
}

.alternative_block {
    padding: 10px 0px;
    border-bottom: 1px solid var(--bg-2);
    border-top: 1px solid var(--bg-2);
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.alternative_rating {
    display: flex;
    gap: 7px;
}

.alternative_rating_item a {
    padding: 5px 10px;
    border: 1px solid var(--bg-2);
    color: var(--tt);
    border-radius: 3px;
    display: flex;
    transition: all 0.3s ease;
    height: 33px;
    align-items: center;
}

.alternative_rating_item .fal {
    margin-right: 7px;
    font-size: 16px;
    transition: all 0.3s ease;
}

.alternative_rating_item.like .fal {
    color: #00ca63;
}

.alternative_rating_item.dislike .fal {
    color: #e85319;
}

.alternative_rating_item.like:hover a {
    background-color: #00ca63;
    border: 1px solid #00ca63;
    color: #fff;
}
.alternative_rating_item.dislike:hover a {
    background-color: #e85319;
    border: 1px solid #e85319;
    color: #fff;
}
.alternative_rating_item.like:hover .fal,
.alternative_rating_item.dislike:hover .fal {
    color: #fff;
}

.alternative_container:nth-child(2)  {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
    margin: 0 7px;
}

.alternative_container .alternative_comments {
    padding: 5px 10px;
    border: 1px solid var(--bg-2);
    border-radius: 3px;
    font-size: 12px;
    display: flex;
    align-items: center;
    height: 33px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.alternative_container .alternative_comments span {
    margin-right: 7px;
}

.alternative_container .alternative_comments:hover {
    color: #fff;
    background-color: var(--tt-accent);
    border: 1px solid var(--tt-accent);
}

.alternative_container .alternative_social .ya-share2__icon {height: 32px !important; width: 32px !important; background-size: 32px !important;}
.alternative_container .alternative_social .ya-share2__item {margin-right: 7px !important;}
.alternative_container .alternative_social .ya-share2 {margin-left: 0 !important;}

.read_also_block {
    margin-bottom: 40px;
}
.read_also_container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    grid-gap: 20px 20px;
    grid-auto-flow: row dense;
}
.similar_img {
    overflow: hidden;
    position: relative;
    aspect-ratio: 25 / 17;
    margin-bottom: 5px;
    border-radius: 6px;
    transition: all 0.3s ease;
}
.similar_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    z-index: 2;
    position: inherit;
    transition: all .4s ease;
}
.similar_img img.lazy-loaded {opacity: 1;}
.similar_link:hover .similar_img {
    transform: translateY(-5px);
}
.similar_title {
    font-size: 14px;
    transition: all 0.3s ease;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.similar_link:hover .similar_title {
    color: var(--tt-accent);
}

/* BLOG SHORTSTORY
----------------------------------------------- */
.blog_section .view_toggle {display: none;}
.blog_section .comp_content {
    /*display: grid;
    gap: 20px;*/
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
}
.comp_content.blog {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.comp_content.blog .story_item_title {
    font-size: 14px;
}
.story_item {
    position: relative;
}
.story_item_img {
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    padding-top: 65%;
}
.story_item_img:before {
    z-index: 2;
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
    height: 70%;
    -webkit-transition: all .35s;
    transition: all .35s;
}
.story_item_img img {
    border-radius: 6px;
    overflow: hidden;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.25, 0.04, 0, 0.93), -webkit-opacity 0.3s ease;
    transition: transform 1s cubic-bezier(0.25, 0.04, 0, 0.93), opacity 0.3s ease;
    -webkit-transform: translate3d(0, 0, 0) scale(1.06);
    transform: translate3d(0, 0, 0) scale(1.06);
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    display: block;
    position: absolute !important;
    left: 0;
    top: 0;
    object-fit: cover;
    z-index: 1;
    opacity: 0;
}
.story_item_img img.lazy-loaded {
    opacity: 1;
}
.story_item:hover img {
    -webkit-transform: translate3d(3%, 0, 0) scale(1.06);
    transform: translate3d(3%, 0, 0) scale(1.06);
}
.story_item_tag {
    font-size: 11px;
    text-transform: uppercase;
    padding: 7px 15px;
    font-weight: 600;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}
.story_item_info {
    margin-top: 5px;
    color: var(--tt-2);
}
.story_item_title {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 5px;
    color: var(--tt);
    display: inline-block;
}
.story_item_title span {
    display: inline;
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 95%, currentColor 1px);
    background-repeat: no-repeat;
    background-size: 0 100%;
    background-position: 0 -1px;
    -webkit-transition: all 0.6s cubic-bezier(0.45, 0, 0.14, 1.03);
    transition: all 0.6s cubic-bezier(0.45, 0, 0.14, 1.03);
}
.story_item:hover .story_item_title span {
    color: var(--tt-accent);
    background-size: 100% 100%;
}
.story_item_data {
    display: flex;
    gap: 15px;
    margin-bottom: 5px;
}
.story_item_data i {
    margin-right: 5px;
}
.story_item_info p {
    color: var(--tt-2);
}

.story_item_tag.red {background: #dc3545;}
.story_item_tag.blue {background: #0d6efd;}
.story_item_tag.yellow {background: #ffc107;}
.story_item_tag.pink {background: #d63384;}
.story_item_tag.orange {background: #fd7e14;}
.story_item_tag.purple {background: #6610f2;}
.story_item_tag.skyblue {background: #0dcaf0;}
.story_item_tag.primary {background: #30c96a;}
.story_item_tag.green {background: #5d9711;}

/* Коллекции */
.lib_block > p {
    margin: 5px 0px 15px 0px;
}
.lib_block .hide_text_container {
    margin-bottom: 20px;
}
.lib_container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    grid-gap: 15px;
    grid-auto-flow: row dense;
    margin-top: 20px; /* было 10px | 17.04 */
}
.lib_item {
    display: block;
    position: relative;
    grid-column: span 1;
    border-radius: 7px;
    overflow: hidden;
    padding: 1px;
}
.lib_content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    background-color: #041f42;
    position: absolute;
    will-change: transform;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease;
}
.lib_content img.lazy-loaded {
    opacity: 1;
}
.lib_content {
    height: 230px;
    border-radius: 7px;
    background-color: #041f42;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    transition: all 0.3s ease;
}
.lib_content .shrt_poster_loading {
    background-color: transparent;
    color: #fff;
}
.lib_desc {
    width: 100%;
    z-index: 3;
    padding: 10px;
}
.lib_title {
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px;
}
.lib_label {
    background-color: #30c96a;
    color: #fff;
    display: inline-block;
    padding: 1px 7px;
    border-radius: 3px;
    font-weight: bold;
    margin-bottom: 5px;
}
.lib_label i {
    margin-right: 5px;
}
.lib_content:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    opacity: 1;
    z-index: 2;
    background: linear-gradient(10deg, #000000 20%, transparent 70%);
    transition: all 0.3s ease;
}
.lib_text {
    color: #b0b5bf;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px;
}
.lib_item:hover .lib_content img {
    scale: 1.1;
}
.lib_item:hover .lib_content {
    -webkit-box-shadow: 0 20px 25px -15px #0f1321;
    box-shadow: 0px 3px 17px -3px #0f1321;
}
.lib_item:hover .lib_content:before {
    height: 70%;
    opacity: .7;
}
.lib_container .pagination, .d-grid-posters-custom .pagination {
    margin: 0 auto;
    grid-column: 1 / -1;
}
/* ------- */

[data-add-info]:after {content: var(--add-info);}


/* COMMENTS
----------------------------------------------- */
/* Ниже новые
.cmnt_container {margin: 0; border: 2px solid var(--bg-2);}
.cmnt_form_block {padding: 15px; background-color: var(--bg-2);}
.cmnt_form_title {font-weight: 600; font-size: 13px; margin-bottom: 15px;}
.cmnt_form_btn {background-color: var(--bg); cursor: pointer; color: var(--tt-2); font-size: 13px; padding: 15px;}
.cmnt_title {font-size: 13px; color: var(--tt-2); padding: 15px;}
.cmnt_title span {font-weight: 600; color: var(--tt-3);}*/
#dle-comments-list .comments-tree-list:first-child, #dle-comments-list #comment:first-child + .comments-tree-list {margin-top: -15px;}
/*
.cmnt_list {padding: 0;}
.cmnt_list_empty {padding: 0; border: 0;}
.add-comments-form.form {padding: 0; margin-bottom: 0px;}
.add-comments-form .form__input, .add-comments-form__input, .add-comments-form .form__textarea-inside textarea, 
.mass_comments_action select {box-shadow: inset 0 0 0 1px #e3e3e3; border-radius: 0;}
.add-comments-form__input {margin-left: 20px;}
.add-comments-form .d-none, .comments_subscribe + br {display: none;}
.mass_comments_action {display: flex; align-items: center; max-width: 800px; white-space: nowrap; padding: 15px;}
.mass_comments_action select {flex: 1 1 0; margin: 0 -8px 0 20px;}
.mass_comments_action .bbcodes {border-radius: 0; padding: 0 10px;}
.show_all_comments a {padding: 15px; height: 60px; display: flex; justify-content: center; align-items: center; 
	background-color: var(--bg-2); color: var(--tt-3); font-size: 13px;}

.cmt_el_title {font-weight: 500; font-size: 18px; margin-bottom: 20px;}
.cmt_el {border-bottom: 2px solid var(--bdc); padding: 15px; padding-bottom: 10px;}
.cmt_el_header, .comm_el_body {position: relative; padding-left: 60px;}
.cmt_el_image {width: 50px; height: 50px; border-radius: 50%; position: absolute; left: 0; top: -6px;}
.comm_el_letter {width: 100%; height: 100%; text-transform: uppercase; font-weight: 500; 
	position: absolute; left: 0; top: 0; z-index: 5; color: #fff; font-size: 18px;}
.cmt_el_author, .cmt_el_author a {font-weight: 600; font-size: 14px; color: var(--tt-3);}
.cmt_el_date {color: var(--tt-2); font-size: 12px;}
.comm_el_body {margin: 6px 0 13px 0; font-size: 13px;}
.cmt_el_bottom, .comm_el_btns {gap: 10px; font-size: 12px;}
.comm_el_likes a {color: var(--tt-3);}
.comm_el_likes a > span {font-weight: 600;}
.comm_el_likes a::before {content: ''; background: url(../images/heart.svg) 0 0 / contain no-repeat; 
	width: 14px; height: 14px; display: inline-block; vertical-align: top; margin-right: 5px;}
.comm_el_btns a {color: var(--tt-2);}
.cmt_el_bottom a:hover, .comm_el_btns a:hover,.show_all_comments a:hover, .cmnt_form_btn:hover {text-decoration: underline;}
.comm_el_btns .checkbox {transform: scale(0.8,0.8); margin-right: -10px;}*/
.comments-tree-list {display: block;margin: 0;padding: 0;list-style: none;}
.comments-tree-list .comments-tree-list {padding-left: 50px; position:relative;}
.comments-tree-item {display: block; margin: 0; padding: 0;} */

.new_comm_info {margin-top: 5px; color: var(--tt-2); font-size: 0.9em;}
.new_comm_info span {margin-right: 5px; color: var(--tt-accent);}

/*.page__comments {margin-top: 40px;}
.page__comments-info {color: var(--tt-fade); display: block; margin: 5px 0 20px; font-size: 14px; padding-left: 23px; position: relative;}
.page__comments-info::before {color: var(--red); position: absolute; left: 0; top: 2px;}*/


.new_cmt_container {background-color: var(--bg-2); padding: 20px; padding-bottom: 10px; border-radius: 6px; margin: 10px 0 40px;}
.new_cmt_form {position: relative;}
.new_cmt_user_info, .new_cmt_editor, .new_cmt_form .message-info {gap: 10px; margin-bottom: 10px;}
.new_cmt_button {padding: 0 60px;}
.new_cmt_bottom {gap: 15px; flex-wrap: nowrap;} /* 25 было / 28.05 */
.confidential-check {font-size: 14px;}
.new_cmt_user_info > span {margin-left: 15px;}
/*.new_cmt_form .comments_subscribe {margin-top: 0px;}*/

.new_cmt_container:not(:has(.meth_new_cmt)) {padding-bottom: 20px;}
.meth_new_cmt.new_cmt_form {cursor: pointer;}
.new_cmt_user_info input, .new_cmt_editor textarea {background-color: rgba(255,255,255,0.05);}
.meth_new_cmt, .meth_new_cmt .new_cmt_editor {position: relative;}
.meth_new_cmt .new_cmt_bottom button {/*position: absolute; bottom: 20px; right: 10px;*/ z-index: 10; pointer-events: none;}
/*.new_cmt_form .new_cmt_priv {padding-top: 0; position: relative;}*/
/*.new_cmt_form #form_ckbx {top: 10px; left: 5px;}*/
.new_cmt_bottom .priv_agree_block {padding-top: 0;}
.new_cmt_bottom  .form__label {font-size: 12px;}
.new_cmt_form .bb-btn {display: none;}
.new_cmt_form .bb-pane {background: none; box-shadow: none; border: 0; position: absolute; left: 0; bottom: 0; right: 0;}
.new_cmt_form #b_emo, .new_cmt_form #b_leech, .new_cmt_form #b_quote, .new_cmt_form #b_spoiler, 
.new_cmt_form #b_b, .new_cmt_form #b_u, .new_cmt_form #b_s, .new_cmt_form #b_color, .new_cmt_form #b_hide {display: grid;}
.meth_new_cmt .bb-btn {pointer-events: none;}
.meth_new_cmt .new_cmt_editor .bb-editor textarea {height: 120px; resize: none;}
.new_cmt_editor .bb-editor textarea {height: 200px; line-height: 1.4; padding-bottom: 40px;}
/*.comments_subscribe + br, */.new_cmt_form .bb-editor + br {display: none;}
.meth_new_cmt .new_cmt_sub {display: none;}

.new_cmt_form.is-active .chkbox_container {margin-top: 15px;}
.new_cmt_form.is-active .new_cmt_bottom {flex-wrap: wrap; gap: 10px;}

.new_cmt_form:not(.meth_new_cmt) .new_cmt_bottom {flex-wrap: wrap;}

.mass_comments_action {display: none; align-items: center; flex-wrap: wrap; gap: 10px;}
.mass_comments_action select {flex: 1 1 0; margin: 0 -28px 0 0; border-radius: 0; box-shadow: none; min-width: 60%;}
.mass_comments_action .bbcodes {border-radius: 0; padding: 0 10px;}


.cmt_el {margin-bottom: 20px; position: relative; border-radius: 6px; background-color: var(--bg-2); padding: 20px; padding-left: 90px;}

.cmt_el_header {column-gap: 10px;}

.cmt_el_image {width: 50px; height: 50px; border-radius: 4px; position: absolute; left: 20px; top: 20px;}
.cmt_el_image img {width: 100%; height: 100%; object-fit: cover; border-radius: inherit;}
.comm_el_letter {width: 100%; height: 100%; text-transform: uppercase; border-radius: inherit;
    position: absolute; left: 0; top: 0; color: #fff; font-size: 18px; font-weight: 500;}

.cmt_el_meta {flex: 1 1 0; max-width: 100%; min-width: 50px; column-gap: 20px;}

.cmt_el_author, .cmt_el_author a {color: var(--tt); font-weight: 700;}
.cmt_el_author a:hover {color: var(--tt-accent);}

.cmt_el_date {color: var(--tt-2); font-size: 13px;}

.cmt_el .alternative_rating {gap: 5px;}
.cmt_el .alternative_rating_item a {padding: 5px;}

.cmt_el_text {margin: 8px 0;}
.cmt_el_text .quote {margin-bottom: 0;}

.cmt_el_bottom {row-gap: 10px; column-gap: 10px; color: var(--tt-2);}

.cmt_el_action {font-size: 13px; column-gap: 15px; flex: 1 1 0; max-width: 100%; min-width: 50px;}
.cmt_el_action a {margin-right: 5px; color: var(--tt-2); transition: color 0.3s ease;}
.cmt_el_action a span {margin-right: 5px;}
.cmt_el_action li:hover a {color: var(--tt);}

.cmt_el_control_btn {width: 30px; height: unset; line-height: 30px; font-size: 25px; padding: 0; background-color: transparent; color: var(--tt-2);}
.cmt_el_control_btn:hover {background-color: transparent; color: var(--bg-btn-hover);}

.comm_widget {
	background-color: var(--bg);
	color: var(--tt);
	border-radius: 10px;
	overflow: hidden;
	z-index: 999;
	padding: 15px;
	position: fixed;
	left: 20px;
	bottom: 20px;
	right: 20px;
	box-shadow: 0 0 60px rgba(0,0,0,0.5);
}
.comm_widget::before {content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); 
	background-color: rgba(0,0,0,0.2); height: 4px; width: 40px; border-radius: 2px;}
.comm_widget .cmt_el_control_menu {display: flex;margin-bottom: 20px;flex-direction: column;gap: 10px;}
.comm_widget_btn {width: 100%;}
.cmt_el_control_menu > * {cursor: pointer;}
.cmt_el_control_menu * {transition: all 0.15s linear;}
.cmt_el_control_menu > * > span {margin-right: 5px; text-align: center; width: 1em; font-size: 1.3em; display: inline-block;}
.cmt_el_control_menu > *:hover, .cmt_el_control_menu > *:hover a {color: var(--tt-2);}

.cmnt_list .bb-editor textarea {margin-top: 5px; height: 140px !important;}
.cmnt_list .save-buttons {display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; margin-top: 10px;}
.cmnt_list .save-buttons input {flex: 1 1 0;}






/*.comm__title {font-size: 18px; margin-bottom: 20px;}

.comm {margin-bottom: 20px; position: relative; border-radius: 6px; background-color: #e4ebef; padding: 20px; padding-left: 90px;}
.comm__img {width: 50px; height: 50px; border-radius: 4px; position: absolute; left: 20px; top: 20px;}
.comm__letter {width: 100%; height: 100%; text-transform: uppercase; border-radius: inherit;
	position: absolute; left: 0; top: 0; color: #fff; font-size: 18px; font-weight: 500;}
.comm__author, .comm__author a {color: var(--tt); font-weight: 500;}
.comm__date {color: var(--tt-fade); font-size: 13px;}
.comm__rating a {display: grid; place-items: center; width: 20px; height: 20px;; border-radius: 50%; 
	background-color: var(--green); color: #fff; font-size: 12px;}
.comm__rating a:first-child {background-color: var(--red);}
.comm__rating span {font-size: 14px; font-weight: 500;}
.comm__rating span .ratingplus {color: var(--green);}
.comm__rating span .ratingminus {color: var(--red);}
.comm__text {margin: 8px 0;}
.comm__action {font-size: 13px;}
.comm__ctrl {margin: 0 -5px -10px 0;}
.comm__ctrl-btn {font-size: 30px; height: 30px;}
.comm__ctrl-menu li + li {margin-top: 10px;}
body:has(.pwidget) #dropmenudiv {z-index: 1000 !important;}*/



/* LOGIN
----------------------------------------------- */
.login {position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden;
	background-color: var(--ui-bg); border-radius: 4px; width: 400px; 
	box-shadow: 0 0 0 10px rgba(255,255,255,0.2), 0 15px 45px rgba(0,0,0,1);}
.login__header {padding: 20px 40px; background-color: var(--ui-bg-darker);}
.login__title {font-size: 17px; font-weight: 600; padding: 1px 0; text-transform: capitalize;}
.login__close {cursor: pointer; font-size: 24px; opacity: 0.6; margin-left: 20px;}
.login__title a {border-bottom: 1px dotted var(--tt-2); margin-left: 10px; font-weight: 400; color: var(--tt-2);}
.login__content {padding: 20px 40px;}
.login__row {margin-bottom: 20px; position: relative; display: block; font-size: 14px; color: var(--tt-2);}
.login__caption {font-size: 14px; color: var(--tt); margin-bottom: 10px;}
.login__caption a {text-decoration: underline; margin-left: 6px; color: var(--tt-accent);}
.login__input input {padding-left: 40px;}
.login__row .fal {opacity: 0.5; position: absolute; left: 0; bottom: 0; line-height: 40px; width: 40px; text-align: center;}
.login__row button {width: 100%;}
.login__social {background-color: var(--ui-bg-darker); padding: 20px 40px; text-align: center;}
.login__social-caption {font-size: 11px; text-transform: uppercase; margin-bottom: 10px;}
.login__social-btns a {display:inline-block; margin: 0 3px; vertical-align:top;}
.login__social-btns img {display:block; width:30px; height: 30px; border-radius: 50%;}
.login__avatar {width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;}
.login__menu {padding-left: 35px; padding-right: 35px; margin-bottom: -10px;}
.login__menu li {flex: 1 1 0; min-width: auto; max-width: 100%; margin: 0 5px 10px 5px;}
.login__menu a {display: block; border-radius: 6px; padding: 10px; text-align: center; white-space: nowrap;
	background-color: var(--ui-bg-darker); box-shadow: inset 0 0 10px rgba(0,0,0,0.1); font-size: 13px;}
.login__menu .fal {display: block; height: 30px; font-size: 24px; opacity: 0.3;}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
 .owl-carousel {width: 100%; position: relative; z-index: 1;}
 .owl-carousel .owl-stage {position: relative; display:flex; justify-content:flex-start; /*touch-action: pan-y;*/} /* добавили touch-action: pan-y; */
 .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px);}
 .owl-carousel .owl-item {position: relative; min-height: 10px;}
 .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled, .owl-carousel.owl-refresh .owl-item {display: none;}
 .owl-carousel.owl-loaded, .owl-carousel.owl-loading, .no-js .owl-carousel {display: block; opacity: 1;}
 .owl-carousel.owl-drag .owl-item {user-select: none;}
 .owl-carousel.owl-grab {cursor: move; cursor: grab;}
 .owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both;}
 .owl-carousel .owl-animated-in {z-index: 0;}
 .owl-carousel .owl-animated-out {z-index: 1;}
 .owl-carousel .fadeOut {animation-name: fadeOut;}
 @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }
 .owl-height {transition: height 500ms ease-in-out;}
 .owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity 400ms ease;}
 .owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d;}
 .owl-nav {position: absolute; left: 0; right: 0; top: 50%;}
 .owl-prev, .owl-next {display: flex; cursor: pointer; box-shadow: none; width: 40px; height: 40px; border-radius: 5px; 
	background: none; color: var(--tt); position: absolute; top: 0; font-size: 28px; margin-top: -40px;}
 .owl-prev {left: -50px;}
 .owl-next {right: -50px;}
 .owl-prev:hover, .owl-next:hover {background: var(--bg-dark) !important; color: #fff !important;}

.related__content--carousel .owl-prev,
.related__content--carousel .owl-next {
    background-color: var(--bg);
    -webkit-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1);
    -moz-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1);
    box-shadow: 0px 0px 7px 0px rgba(66, 68, 90, 1);
}
.related__content--carousel .owl-prev {left: -20px;}
.related__content--carousel .owl-next {right: -20px;}

 .owl-dots {text-align: center; position: absolute; left: 0; right: 0; bottom: -37px;}
 .owl-dot {display: inline-block; width: 16px; height: 16px; border-radius: 50%; 
	cursor: pointer; background: var(--bg); margin: 0 5px; box-shadow: var(--bsh-2);}
.owl-dot.active, .owl-dot:hover {background: var(--accent-green);}
.comp_slide .owl-nav {left: auto; top: -10px; display: flex; gap: 10px;}
.comp_slide .owl-prev, .comp_slide .owl-next {position: static; width: 30px; height: 30px; border-radius: 4px; 
	font-size: 18px; background-color: var(--bg-dark); color: #fff;}

/* UPDATES
----------------------------------------------- */
@media screen and (min-width: 1220px) {
	.no_line {display: block;}
	.no_line .line_right {margin-top: 60px;}
	.no_line .right_block_grid, .no_line .nu_container.is-active .nu_list {grid-template-columns: repeat(auto-fill,minmax(360px,1fr));}
}
.right_block_grid {display: grid; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); counter-reset: num;}
/*.sb--mt {margin-top: 20px;} не нужно, добавил .sb:not(:first-child) | 18.05
.sb--mt .sb__title {border-bottom: 1px solid var(--bdc);}*/
/*.trendy_item .has-overlay__icon {padding: 0;}*/
.trendy_item {border-bottom: 1px solid var(--bdc); padding: 10px; display: flex; align-items: center;}
.trendy_item:hover {color: var(--tt-accent); background-color: var(--bg-2);}
.trendy_item, .trendy_item_desc {position: relative; z-index: 5; overflow: hidden;}
.trendy_item_img {min-width: 70px; width: 70px; height: 98px; border-radius: 4px; margin-right: 15px; z-index: 5;}
.trendy_item::before {content: counter(num); counter-increment: num; color: var(--tt-2); opacity: 0.3; 
	position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 40px; font-weight: 700;}
.trendy_item_title {
    overflow: hidden;
    line-clamp: 2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-weight: bold;
    margin: 3px 0;
}
.trendy_item_cat {
    font-size: 12px;
    color: var(--tt-2);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.trendy_item_stat span {
    color: var(--tt-2);
    font-size: 12px;
    margin-right: 5px;
}
.trendy_item_stat span i {
    margin-right: 2px;
}

.popular_btns {
    display: flex;
    justify-content: space-between;
    margin: 10px 5px 5px 5px;
    padding: 2px;
    border-radius: 4px;
    background-color: var(--bg-2);
    border: 1px solid var(--bdc);
}
.popular_btn {
    position: relative;
    cursor: pointer;
    line-height: 2;
    text-align: center;
    padding: 0 10px;
    border-radius: 3px;
    transition: all 0.3s ease;
}
.popular_btn:hover {
    background-color: var(--bg-btn-hover);
}
.popular_btn.active {
    color: #ffffff;
    background-color: var(--bg-btn);
}

.popular_blocks {
    overflow: hidden;
}
.popular_blocks > div {
    display: none;
    animation: fadeEffect .5s;
}
.popular_blocks > div.active {
    display: block;
    transition: opacity 0.15s ease, transform 0.15s linear;
}
.popular_blocks > div.block_hide {
    opacity: 0;
    transform: translateX(20%);
}

@keyframes fadeEffect {
  from {opacity: 0; transform: translateX(20%);}
  to {opacity: 1; transform: translateX(0);}
}


.lcomm {font-size: 13px; border-bottom: 1px solid var(--bdc); padding: 15px;}
.lcomm__link {display: block; font-size: 12px; color: var(--tt-3); padding-left: 1px; font-weight: 500;}
.lcomm__date {font-size: 12px; color: var(--tt-2); margin-left: 10px;}
.lcomm__text {margin: 8px 0 10px 0; opacity: 0.66; -webkit-line-clamp: 3;}
.lcomm__author {font-weight: 500;}
.lcomm__av {width: 24px; height: 24px; border-radius: 50%; margin-right: 10px;}

.header__login-img {width: 40px; height: 40px; border-radius: 50%; cursor: pointer; /*margin-left: 10px; не нужен | 17.07 */ } /* margin-left был 20px | 03.03 */
/*.header__favlink {font-size: 24px; display: block; position: relative; margin-left: 20px;} не нужно | 03.03 */
.header__favlink span {border-radius: 3px; background-color: var(--accent-red); color: #fff; 
	font-size: 10px; position: absolute; right: -3px; top: -5px; min-width: 20px; text-align: center;} /* right был -10px, top -1px | 03.03 */
.header__login-panel {position: absolute; right: 0; top: 100%; width: 240px; padding-bottom: 10px;
	background-color: var(--bg); box-shadow: 0 10px 20px rgba(0,0,0,0.3); border-radius: 6px; margin-top: 15px;}
.header__login-header {padding: 20px; color: var(--tt); font-weight: 600; gap: 20px; border-bottom: 1px solid var(--bdc);
	background-color: var(--ui-bg-darker); margin-bottom: 10px; border-radius: 6px 6px 0 0;}
.header__login-avatar {width: 40px; height: 40px; border-radius: 50%;}
.header__login-group span {font-size: 12px; font-weight: 400; margin-top: 2px; 
	display: block; color: var(--ui-tt-fade) !important;}
.header__login-menu a {display: flex; align-items: center; min-height: 30px; padding: 0 20px 0 0;}
.header__login-menu a i {width: 40px; text-align: center; color: var(--accent-red);}
.header__login-menu-border {border-top: 1px solid var(--bdc); margin-top: 10px; padding-top: 10px;}
.header__login-menu a span {font-size: 12px; margin-left: auto;}
.header__login-menu a:hover {color: var(--accent-green);}
.header__login-img:hover {opacity: 0.8;}

.pmovie__franchise .comp_title {font-size: 17px; font-weight: 700;}
.fr-list {counter-reset: num; display: flex; flex-direction: column-reverse; margin-bottom: -30px;}
.fr::before {content: counter(num); counter-increment: num; width: 40px; text-align: center; margin-top: -1px; 
	color: var(--tt-accent); font-weight: 600; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.fr {cursor: pointer; position: relative; padding: 6px 10px; padding-left: 40px; border-radius: 4px;}
.fr:nth-child(2n) {background-color: var(--bg-2);}
.fr__title {display: inline-block; max-width: 100%; line-height: 20px; height: 20px; font-weight: 400;}
.fr:hover {box-shadow: 0 0 0 1px var(--bdc); z-index: 3;}
.fr__year {color: var(--tt-2); margin: 0 10px; font-size: 13px;}
.fr__rating {background: var(--accent-gray); color: #fff; font-weight: 700; font-size: 12px; width: 30px; height: 30px; border-radius: 15px;}
.clrrating-1, .clrrating-2, .clrrating-3, .clrrating-4 {background-color: var(--accent-red);}
.clrrating-7, .clrrating-8 {background-color: var(--accent-green);}
.clrrating-9, .clrrating-10 {background-color: var(--accent-gold);}
.is-active .fr__title {font-weight: 600; color: var(--tt-3);}
.fr.is-active::before {content: ""; display: block; left: 13px; 
	background-size: 13px 15px; background-repeat: no-repeat; width: 13px; height: 15px; 
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='13px' height='15px' viewBox='0 0 13 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='sprite' transform='translate(-170.000000, -111.000000)' fill='%23000000' fill-rule='nonzero'%3E%3Cg id='play_black' transform='translate(170.000000, 111.000000)'%3E%3Cpath d='M12.508581,8.36085 L1.50873,14.86076 C1.033253,15.14173 0.420037,14.98404 0.139074,14.50857 C0.048028,14.35449 0,14.1788 0,13.99984 L0,1 C0,0.44772 0.447715,0 1,0 C1.178966,0 1.354653,0.04803 1.50873,0.13908 L12.508581,6.63899 C12.984057,6.91996 13.141741,7.53317 12.860778,8.00865 C12.774963,8.15388 12.653806,8.27503 12.508581,8.36085 Z' id='Triangle'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.nv .fr.is-active::before {filter: invert(0.8);}
.pmovie__btn-scroll {margin-top: 6px; padding: 0 10px; height: 24px; gap: 5px; font-size: 12px; border-radius: 3px;}
.pmovie__rating-likes {gap: 10px; padding-top: 2px;}
.pmovie__rating-likes > * {display: flex; align-items: center; height: 30px; border-radius: 4px; 
	background-color: var(--bg-2); color: var(--tt-3); padding: 0 10px 0 0; border-radius: 4px; overflow: hidden;}
.pmovie__rating-likes > * .fal {font-size: 16px; margin-right: 10px; width: 30px; height: 30px; 
	display: grid; place-items: center; background-color: var(--accent-green); color: #fff;}
.pmovie__rating-likes > * + * .fal {background-color: var(--accent-red);}
.pmovie__rating-likes > a:hover  {background-color: var(--bg-dark); color: #fff;}
[data-actorimg] {position: relative; z-index: 999;}
.actor-preview {position: absolute; left: 50%; bottom: 100%; margin-left: -100px; width: 200px; 
	background-color: var(--bg); border-radius: 6px; padding: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.bottom .actor-preview {top: 100%; bottom: auto;}
@media screen and (max-width: 760px) {
	.pmovie .poster__fav {display: flex; justify-content: space-between; gap: 10px;}
	.pmovie__btn-scroll {margin: 0; flex-grow: 1; padding: 0;}
	.pmovie__btn-scroll span {display: none;}
	.pmovie__btn-scroll::before {content: attr(data-mobtext); display: inline;}
}
@media screen and (max-width: 590px) {
	.fr {margin: 0 var(--indent-negative); padding-right: 20px;}
	/*.header__favlink {margin-left: 10px;} не нужно | 05.03
	.header__login-img {margin-left: 10px;}*/
}
.filter-block-toggle {border-radius: 0; width: 100%; gap: 10px; margin-bottom: 40px;}
.filter-block {margin-bottom: 40px; background-color: var(--bg); padding: 20px;}
.filter-block__form {display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); grid-gap: 10px 20px;}
.filter-block__cell--full-width {grid-column: 1 / -1;}
.filter-block__cell-caption {margin-bottom: 10px;}
.filter-block__cell-content > * {width: 100%; display: block;}
.filter-block__cell-content--two-columns {display: flex; justify-content: space-between;}
.filter-block__cell-content--two-columns > * {width: calc((100% - 10px)/2) !important;}
.filter-block__cell-content select, .filter-block__cell-content input[type="text"], 
.filter-block__cell-content--check-group {height: 36px; line-height: 34px; background-position: right 8px top 50%;
	background-color: var(--bg); color: var(--tt-2); border: 1px solid var(--bdc); border-radius: 4px; 
	box-shadow: none; font-size: 14px;  padding: 0 7px; 
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.filter-block__cell-content select {padding: 0 20px 0 4px;}
.filter-block__cell-content input[type="text"]::placeholder {opacity: 1; color: var(--tt-2); font-size: 14px;}
.filter-block__cell-content input[type="text"]:focus::placeholder {opacity: 0;}
.filter-block__cell-content label {position: relative; padding-left: 50px; cursor: pointer; 
	height: 36px; display: flex; flex-direction: column; justify-content: center; font-size: 14px;}
.filter-block__cell-content label input {display: inline-block; appearance: none; -webkit-appearance: none;
	height: 20px; width: 40px; border-radius: 10px; background-color: var(--bg-2); cursor: pointer; transition: all .2s linear; 
	box-shadow: inset 0 2px 5px rgba(0,0,0,0.1); position: absolute; left: 0; top: 50%; margin-top: -10px;}
.filter-block__cell-content label input::before {content: ''; width: 18px; height: 18px; border-radius: 10px; 
	position: absolute; left: 1px; top: 1px; background-color: var(--bg); transition: all .2s linear;}
.filter-block__cell-content label input:checked {background-color: #6ab04c;}
.filter-block__cell-content label input:checked::before {left: 21px;}
.filter-block__cell-content input[type="button"], .filter-block__cell-content button {cursor: pointer; 
	height: 36px; display: inline-flex; justify-content: center; padding: 0 10px; box-shadow: none; border-radius: 4px;}
.filter-block__cell-content input[type="button"][data-dlefilter="reset"] {background: var(--bg-2); color: var(--tt-2);}
.filter-block__cell-content--check-group label {padding: 0; text-align: center; white-space: nowrap; 
	flex: 1 1 0; min-width: 30px; max-width: 100%;}
.filter-block__cell-content--check-group label input {position: absolute; left: 0; top: 0; 
	width: 100%; height: 100%; opacity: 0; z-index: 5;}
.filter-block__cell-content--check-group {display: flex; justify-content: center; overflow: hidden; padding: 0;}
.filter-block__cell-content--check-group label + label {border-left: 1px solid var(--bg-2);}
.filter-block__cell-content--check-group label span {height: 36px; font-size: 13px; display: block;}
.filter-block__cell-content--check-group label input:checked + span {background-color: var(--bg-2); color: var(--tt);}
@media screen and (max-width: 1220px) {
	.filter-block-toggle {display: flex; margin-bottom: 40px;}
	.filter-block {display: none; margin-top: -40px;}
}

/* Мобильное меню */
.mobile_nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 50px;
    background-color: #1c2925d6;
    /*backdrop-filter: blur(3px);*/
    display: none;
    align-items: center;
    z-index: 999;
    color: #ffffffcc;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}
.mobile_nav .mobile_nav_container {
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    font-size: 12px;
}
.mobile_nav a {
    color: inherit;
    position: relative;
}
.mobile_nav a.active {
    display: flex;
    justify-content: center;
    color: #ffffff;
}
.mobile_nav .mobile_nav_container a.active:after {
    content: "";
    width: 33px;
    height: 33px;
    background: var(--tt-accent);
    border-radius: 100%;
    display: block;
    position: absolute;
    opacity: 0.7;
    filter: blur(10px);
    z-index: 0;
    bottom: -7px;
}
.mobile_nav .mobile_nav_item {
    display: flex;
    cursor: pointer;
    flex-direction: column;
    z-index: 1;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    position: relative;
}
.mobile_nav .mobile_nav_container i {
    font-size: 15px;
}
/* ------- */

/* COOKIE RULES
----------------------------------------------- */
.cookie_rules {
    position: fixed;
    right: 0;
    bottom: 165px;
    max-width: 200px;
    z-index: 101;
    padding: 10px;
    border-radius: 4px 0 0 4px;
    background-color: #11212e;
    color: #b1b1b1;
    font-size: 11px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.cookie_rules.show {
    opacity: 1;
    visibility: visible;
}

.cookie_content a {
    color: inherit;
    font-weight: bold;
    text-decoration: underline;
}
.cookie_content a:hover {
    color: #fff;
    text-decoration: none;
}

.cookie_btns {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 3px;
}

.cookie_btns * {
    background-color: var(--accent-red);
    border-radius: 4px;
    padding: 4px 0;
    color: #fff;
    font-weight: bold;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cookie_btns a {
    background-color: #263b4d;
}

.cookie_btns .agree {
    background-color: var(--accent-green);
}

.cookie_btns *:hover,
.cookie_btns *:active {
    color: #fff;
    opacity: .7;
}


/* 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: 100%; max-width: 500px; height: 100%; overflow-x: hidden; overflow-y: auto;
	padding: 0px 0; z-index: 999; position: fixed; left: -110%; top: 0; transition: left .4s; background: var(--bg);} /* width был 280px, left -320px, max-width добавил | 04.04 */
.mobile-menu.is-active {left: 0;}
.mobile-menu-close {cursor: pointer; display: block; /*left: 280px; не нужно, теперь right | 04.04 */ right: 0; top: -40px; position: fixed; z-index: 999;
	width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; opacity: 0;
	background-color: #e84e36; color: #fff; transition: top .4s, opacity .4s;}
.mobile-menu-close.is-active {top: 0px; opacity: 1;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mobile-menu .header__menu {margin: 0; display: block; padding: 0 20px 20px 20px;} /* добавил padding | 04.04 */

.header_mobile_menu { /* добавил | 04.04 */
    height: 40px;
    line-height: 40px;
    padding: 0 40px 0 20px;
    font-size: 18px;
    font-weight: 700;
    color: var(--tt-3);
    background-color: var(--bg-2);
}
.mobile-menu .mobile-not, .mobile-menu .header__menu > li.active > a:before { /* добавил | 04.04 */
    display: none;
}

.mobile-menu .header__menu > li > a {margin-top: 10px; text-decoration: underline; height: 40px; border-bottom: 1px solid var(--bdc); padding: 0 10px; justify-content: unset;} /* justify-content добавил | 03.03 + height был 50px, padding 0 20px, margin-top и text-decoration добавил | 04.04 */
.mobile-menu .header__menu-hidden a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 5px 0;}
.mobile-menu .header__menu-hidden {background-color: var(--bg-2); position: static; box-shadow: none;
	opacity: 1; visibility: visible; transform: none; border: 0; width: 100%; max-width: unset; display: grid; border-radius: 0;
	gap: 3px 10px; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 10px 20px; font-size: 12px;} /* font-size был 12, grid-template-columns repeat(auto-fill,minmax(100px,1fr)), gap 5px 10px, max-width добавил | 04.04 */

@media screen and (max-width: 1220px) {
	body {background-image: none;}
    .logo_img {height: 40px; width: 120px;} /* было height: 32px; width: 110px; 15.04 */
    .footer_image {flex: unset !important; height: 45px; width: 155px;}
	.wrapper {padding: 0; background-image: none; overflow: hidden;}
	.wrapper-container, .header_container/*, .footer*/ {max-width:1000px; /*border-radius: 0; не нужно | 09.03 */}
	.header_container .header__menu, .has-overlay__icon, /*.poster .poster__fav, перенес на max-width 590 | 28.04 */ .poster__btn-info, 
	.line_right .js-this-in-mobile-menu {display: none;}
	/*.header {padding-top: 20px; padding-bottom: 20px;} не нужно | 05.03 */
	.header_control_menu {display: flex; /*margin-left: 10px; не нужно | 17.07 */ padding: 0; width: 40px; font-size: 18px;}
    .header__btn-login {height: 40px; line-height: 40px; background-color: var(--bg); color: var(--tt-3); border: 1px solid var(--bdc); /*box-shadow: 0 0 0 1px var(--bdc); не нужно | 17.07 */} /* добавил border, height и line-height | 17.07 */
	.header__search {flex: 1 1 0; max-width: 100%; min-width: 50px;}
	#scrolltop, .modalThemeToggle {width: 40px; height: 40px; line-height: 40px; font-size: 18px; bottom: 120px;} /* bottom добавил | 16.04 + добавил ", .modalThemeToggle" | 13.10 */
    .modalThemeToggle {bottom: 70px;}
	.slide_items > .poster, .comp_content_slide:not(.owl-carousel) > .poster {width: calc((100% - 100px)/6);}
    .related__content--carousel:not(.owl-carousel) > .poster {width: calc((100% - 100px)/5);}
	.sect__ctrl-menu {min-width: 100%;}
	.line {display: block;}
	.line_right {margin-top: 60px;}
    .shrt_btn_trailer {
        font-size: 10px;
        padding: 5px 7px;
    }
    
    .footer_links {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: unset;
        justify-items: center;
        padding: 20px 0 0 0;
        line-height: 21px;
    }
}

@media screen and (max-width: 1000px) {
    .header_container {
        /*row-gap: 10px; не нужно | 17.07 */
        padding-bottom: 20px;
    }
    .header_logo_img {
        margin-right: auto;
    }
    .header__center {
        flex: 1 1 0;
        order: 10;
        max-width: 100%;
        min-width: calc(100% - 50px);
    }
    .header__center form {
        width: 100%;
    }
    .theme-toggle {
        order: 11;
        width: 40px;
        height: 40px;
    }
    .header__center button {
        width: 40px;
        height: 40px;
    }
    .header__center input, .header__center input:focus {
        padding: 0 40px 0 10px;
        height: 40px;
        line-height: 40px;
    }
    .header_social {
        display: none;
    }
    .header__menu {
        display: none;
    }
}

@media screen and (max-width: 950px) {
	.wrapper-container {max-width:768px;}
	.slide_items > .poster, .comp_content_slide:not(.owl-carousel) > .poster, .related__content--carousel:not(.owl-carousel) > .poster {width: calc((100% - 80px)/5);}
	.card__bottom .btn {width: 100%;}
	.card__meta.flex-grow-1 {margin: 0;}
	.card__text {-webkit-line-clamp: 5;}
	.linek__img {margin: 0px; margin-right: 10px;}
	.linek {padding: 10px;}
	.count-items .linek::before {right: 10px; margin-top: -20px;}
    
    .footer_container{
        padding-bottom: 70px;
    }
    .footer_main {
        flex-direction: column;
        text-align: center;
    }
    .footer_content {
        border-left: none;
        padding: 0;
        font-size: 12px;
    }
    .footer_age_info {
        top: 5px;
    }
    
    .footer_statistics {
        top: 10px;
    }
    
    .mobile_nav {
        display: flex;
        opacity: 1;
        visibility: visible;
    }
    
    .block__item {font-size: 11px;}
    .block__title {font-size: 14px;}
    .block__title span {font-size: 10px;}
    
    .cookie_rules {
        bottom: 60px;
        right: 10px;
        width: calc(100% - 20px);
        max-width: unset;
        border-radius: 4px;
        flex-direction: row;
        justify-content: space-between;
    }

    .cookie_content {
        max-width: 420px;
    }

    .cookie_btns {
        flex-direction: row;
        align-items: center;
        gap: 5px;
    }

    .cookie_btns * {
        padding: 7px 10px;
    }
    
    .main_inf_msg {
        padding: 10px;
        flex-direction: column;
        gap: 10px;
        text-align: center;
        font-size: 13px;
    }
    .msg_left {
        margin: 15px 0;
    }
    .msg_btns {
        display: grid;
        margin-top: 7px; /* 10px; | 10.06 */
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
    }
    
    .announcement_image {
        /*min-width: 100px;*/
        height: 74.2px;
    }
    .announcement_title {
        font-size: 12px;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        min-height: 3rem;
    }
    .announcement_data {
        font-size: 10px;
    }
    .announcement_data span {
        line-height: 1.2rem;
    }
    .announcement_data span:not(:last-child) {
        margin-right: 4px;
    }
}

@media screen and (max-width: 760px) {
    /*.content {padding-right: 10px; padding-left: 10px;} добавил | 27.03 */
	.wrapper-container {max-width:640px;}
	.slide_items > .poster, .comp_content_slide:not(.owl-carousel) > .poster, .related__content--carousel:not(.owl-carousel) > .poster {width: calc((100% - 40px)/3);}
	.header__search {order: 10; min-width: 100%; margin: 0; margin-top: 20px;}
	.logo_img {flex: 1 1 0; min-width: 50px; max-width: 100%; margin-right: 20px;}
	.sect__ctrl-menu li, .sect__ctrl-menu li a, .sect__ctrl-menu label, 
	.sect__ctrl-menu label div {justify-content: center; flex-grow: 1; text-align: center;}
	/*.footer__top, .footer__bottom, .footer__menu, .footer__text {justify-content: center; min-width: 100%; text-align: center;}
	.footer__menu {gap: 20px; margin-bottom: 20px;}*/
	.sect__ctrl-menu {gap: 10px;}
	.sect__ctrl-menu a, .sect__ctrl-menu label div {background-color: var(--bg); color: var(--tt); border-radius: 4px; padding: 0 10px;}
	.card {grid-template-columns: 120px minmax(0,1fr); grid-template-rows: min-content min-content 1fr; 
		grid-template-areas: "cimg ctitle" "cimg cbtm" "cdesc cdesc"; gap: 15px 10px;}
	.card__img {height: 180px;}
	.card__bottom {align-self: flex-end;}
	.card .poster__fav {right: auto; top: 100px; left: 150px;}
	.card__rating-ext span {display: none;}
	.card__title {padding: 0; margin: 0;}
	.linek {align-items: flex-start;}
	.linek .poster__fav {position: static; margin-top: 10px;}
	.linek__title {padding: 0;}
	.linek__meta {margin-top: 5px;}
	.linek .card__btn {margin-left: -90px; width: calc(100% + 90px);}
	.count-items .linek::before {right: 10px; margin-top: -5px; top: 10px; transform: none;}

    #pmovie .speedbar {margin: 15px 0;}
    .speedbar {margin: 15px 0 -5px 0;}

	.pmovie {border-radius: 0; margin: 0 var(--indent-negative); margin-top: -20px; padding: 10px;} /* добавил padding | 14.03 */
	.pmovie__main {grid-template-areas: "pimg" "plist"; /*было "pimg pheader" "plist plist" | 14.03 */
		grid-template-columns: 1fr; /* было 120px minmax(0,1fr) | 14.03 */ gap: 25px 10px;}
	.pmovie__header h1 {font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
	/*.pmovie__list li {padding-left: 130px;} не нужно | 14.03 */
	.pmovie__img {width: 200px; height: 300px; margin: 0 auto;} /* было width: 120px; height: 180px; + margin добавил | 14.03 */
	.pmovie__rating {position: absolute; left: 100%; bottom: 0; margin: 0 0 0 10px; width: 190px;}
	.pmovie__rating--10-stars {bottom: 13px; width: 200px;}
	.pmovie__rating--4 {min-width: 190px; width: calc(100vw - 170px);}
	.pmovie__header {padding: 0;}
	/*.pmovie__header .poster__fav {position: static; margin-top: 10px; display: inline-flex;} было, теперь строкой ниже | 26.09 */ /* margin-top был 20px | 14.03 */
    .fs_header_fav {position: static; margin-top: 10px; display: inline-flex; font-size: 12px;}
	.tabs-block__select button {flex-grow: 1;}
    
    .news_stats {bottom: -3em;}
	
	.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;}
	
	.comments-tree-list .comments-tree-list {padding-left: 15px;}
	.show_all_comments a {margin: 0 var(--indent); margin-top: 15px; margin-bottom: -5px;}
	/*.cmnt_container {border: 0; margin-left: var(--indent-negative); margin-right: var(--indent-negative);}*/
	.cmnt_form_block, .cmt_el, .cmnt_title {padding-left: var(--indent); padding-right: var(--indent);}
	.add-comments-form__input {min-width: 100%; margin: 0 0 10px 0;}
	.add-comments-form__btn {width: 100%; order: 10;}
	.add-comments-form .form__row--protect .form__caption {width: 100%; margin: 0 0 10px 0;}
	.mass_comments_action, .comm_el_btns {display: none;}
    
    .new_cmt_bottom {flex-wrap: wrap;}
    .new_cmt_button {width: 100%;}
    .cmt_el_image {width: 40px; height: 40px; position: relative; left: 0; top: 0;}
    
    .related__content--carousel .owl-prev, .related__content--carousel .owl-next {
        width: 35px;
        height: 35px;
        font-size: 20px;
    }
    .related__content--carousel .owl-prev {
        left: -5px;
    }
    .related__content--carousel .owl-next {
        right: -5px;
    }
    
    .card_view div.comp > .comp_content > div.poster {grid-template-areas: "ctitle" "cimg" "cdesc" "cbtm"; 
        grid-template-rows: auto auto 1fr auto; grid-template-columns: minmax(0, 1fr); padding: 15px;}
    .card_view div.comp > .comp_content > div.poster .poster__btns {flex-direction: column; gap: 10px;}
    .card_view div.comp > .comp_content > div.poster .poster__btns .shrt_btn {width: 100%;}
    .card_view div.comp > .comp_content > div.poster .poster__img {width: 200px; justify-self: center; aspect-ratio: 2 / 3; padding-top: 0;}
    .card_view div.comp > .comp_content > div.poster .poster__title {padding: 0;}
    .card_view div.comp > .comp_content > div.poster .poster__fav {display: none;}
}

@media screen and (min-width: 760px) {
	.comm_widget {left: 50%;bottom: 50%;right: auto;translate: -50% 50%;width: 310px;}
	.comm_widget::before {display: none;}
}

@media screen and (min-width: 360px) and (max-width: 760px) {
    .fs_under_poster {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 10px;
        row-gap: 10px;
        gap: 10px;
        position: relative;
        margin-top: 20px;
    }
    .fs_under_poster > * {
        margin: 0;
        padding: 0;
    }
    .fs_under_poster > .fs_rating {
        margin: 0 !important;
    }
    .fs_rating_item > div {
        flex-direction: column;
    }

    .rating_value {
        height: unset;
        aspect-ratio: unset;
        padding: 0 5px;
        width: 100%;
        margin-top: 3px;
    }

    .rating_value:before {
        content: "Итого: ";
    }
    .fs_mylists_stats {
        grid-column: 2;
        grid-row: 1 / 4;
        margin: 0;
        font-size: 12px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .fs_mylists_item {
        margin: 0;
    }
}

@media screen and (max-width: 590px) {
	.wrapper-container {max-width:480px;}
	.login {max-width: 90%; max-height: 90%; overflow-x: hidden; overflow-y: auto;}
	.login__header, .login__content, .login__social, .pages-bg {padding-left: 20px; padding-right: 20px;}
	.grid-items, #dle-content {grid-template-columns: repeat(2, minmax(120px,1fr));} /* было repeat(auto-fill,minmax(120px,1fr)) | 08.03 */
	.comp_slide .comp_title {min-width: calc(100% + 80px); margin-right: -80px;}
    
    .story_item {
        width: 100%;
    }
    
    .journal_options_container {flex-direction: column;}
    
    .alternative_block {
        gap: 5px;
    }
    .alternative_rating {
        justify-content: center;
        gap: 5px;
    }
    .alternative_container {
        text-align: center;
    }
    .alternative_container:nth-child(2) {
        gap: 5px;
        margin: 0;
    }
    .alternative_rating_item a {
        padding: 5px 5px;
        font-size: 11px;
    }
    .alternative_rating_item .fal {
        margin-right: 5px;
    }
    .alternative_container .alternative_comments {
        justify-content: center;
        padding: 5px 5px;
        font-size: 11px;
    }
    .alternative_container .alternative_comments span {
        margin-right: 5px;
    }
    .alternative_container .alternative_social .ya-share2__item {
        margin-top: 4px !important;
        margin-right: 3px !important;
    }
    .alternative_container .alternative_social .ya-share2__icon {
        height: 28px !important;
        width: 28px !important;
        background-size: 28px !important;
    }
    
    .sect__title__2 { /* добавил | 04.04 */
        font-size: 19px;
    }
    
    .slide_block .shrt_labels_container {
        padding: 3px;
    }
    .slide_block .shrt_labels_container .shrt_label {
        font-size: 7px;
        line-height: 7px;
    }
    
    .cat_card_icon i {
        font-size: 20px;
    }
	
	.pmovie__subtitle {font-size: 16px;}
	.pmovie__share-caption {display: none;}
	.pmovie__player-bottom, .tabs-block__content {margin-left: var(--indent-negative); margin-right: var(--indent-negative);}
    
    .shrt_label {
        font-size: 8px;
        border-radius: 2px;
        line-height: 12px;
    }
    .shrt_btn_trailer {
        font-size: 9px;
        border-radius: 2px;
    }
    
    .footer_links {
        grid-template-columns: 1fr;
        gap: 5px;
    }
    
    .cookie_rules {
        flex-direction: column;
    }

    .cookie_content {
        max-width: 100%;
    }

    .cookie_btns {
        gap: 10px;
        justify-content: center;
    }

    .cookie_btns * {
        padding: 5px 14px;
    }
}

@media screen and (max-width: 470px) {
	.wrapper-container123 {max-width:360px;}
	.slide_items > .poster, .comp_content_slide:not(.owl-carousel) > .poster, .related__content--carousel:not(.owl-carousel) > .poster {width: calc((100% - 20px)/2);}
	.header_logo_img {font-size: 18px;}
	/*.header {padding-top: 10px; padding-bottom: 10px;}*/
	.header__search {margin-top: 10px;}
	.coll {height: 140px;}
	.line_right {margin: 0 var(--indent-negative); margin-top: 40px;}
	.descr {padding-top: 40px;}
	/*.pagination__pages {padding-top: 20px;}*/
	.card__meta.flex-grow-1 {display: none;}
	.card__title h3 {font-size: 16px; padding: 0;
		display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
	/*.speedbar {margin-bottom: -20px;} не нужно | 21.03 */
	.cmt_el_date {width: 100%;}
    .header_control:not(.theme-toggle):not(.shortstory_view) {
        display: none;
    }
    /*.header__login-img, не нужно | 17.07
    .header_control_menu {
        margin-left: 0;
    }*/
    
    .cat_channels_container {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        gap: 10px;
    }
    
    .main_descr {
        padding-top: 20px;
    }
    
    .comp_content.blog {
        grid-template-columns: 1fr;
    }
    
    .blog .full-text iframe {
        height: 260px;
    }
    
    .announcement {
        padding: 5px;
        align-items: flex-start;
    }
}

@media screen and (max-width: 350px) {
    .shrt_btn_trailer {
        position: unset;
    }
}



















/* Изменения между версиями 17.0 и 17.1 */

.DLEPush {
	z-index: 2001;
	position: fixed;
	right: 20px;
	top: 20px
}

@keyframes DLEPush-show {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.DLEPush-notification.wrapper {
	animation-name: DLEPush-show;
	animation-duration: 1s;
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
	max-width: 400px;
	box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
	background-color: #fff;
	border-radius: 10px;
    padding: 0;
}

.DLEPush-notification .DLEPush-icon {
	grid-column: 1;
	grid-row: 1 / span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 45px;
	height: 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	text-align: center;
}

.DLEPush-notification .DLEPush-icon svg {
	scale: .8;
}

.DLEPush-notification .DLEPush-header {
	font-weight: 500;
	grid-column: 2;
	grid-row: 1;
	font-size: 1rem;
	margin-left: 1rem;
	margin-top: .5rem;
}
.DLEPush-notification .DLEPush-header:empty {
	margin-top: 0;
}

.DLEPush-notification .DLEPush-message {
	grid-column: 2;
	grid-row: 2;
	font-size: .875rem;
	margin: 1rem;
}

.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {
	list-style-type: none;
	padding-left: 0;
}

.DLEPush-notification .DLEPush-close {
	position: absolute;
	top: 8px;
	right: 10px;
	font-weight: 300;
	background: none;
	border: 0;
	font-size: 1.15rem;
	cursor: pointer;
	line-height: 1;
	padding: 0;
	color: inherit;
	outline: 0;
	opacity: 0.75;
}

@media only screen and (min-width: 601px) {
	.DLEPush-notification.wrapper {
		min-width: 400px;
	}
}

.DLEPush-notification .DLEPush-close:hover {
	opacity: 1;
}

.DLEPush-notification.wrapper.push-success {
	background-color: #e0f2f1;
}

.DLEPush-notification.wrapper.push-success .DLEPush-icon {
	background-color: #00897b;
}

.DLEPush-notification.wrapper.push-warning {
	background-color: #FFF3E0;
}

.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
	background-color: #FF9800;
}

.DLEPush-notification.wrapper.push-error {
	background-color: #FBE9E7;
}

.DLEPush-notification.wrapper.push-error .DLEPush-icon {
	background-color: #FF5722;
}

input[type="text"].comments_author_field {
	width: 100%;
	margin-bottom: 10px;
}

/* Изменения между версиями 17.0 и 17.1 */


/* Стили для соглашения и политики конфиденциальности */
.certify_block {
    padding: 10px 0;
}

.certify_item_zero .certify_item_accent {
    position: unset;
    margin-right: 3px;
    font-size: inherit;
    white-space: nowrap;
    line-height: unset;
}

.certify_item_block {
    display: inline-block;
    margin: 10px 0;
    color: var(--tt-2);
    line-height: 18px;
    letter-spacing: 0.07em;
    width: 100%;
    font-size: 14px;
}
.certify_item_accent {
    background-color: var(--tt-accent);
    padding: 0 5px;
    border-radius: 3px;
    color: #fff;
    position: absolute;
    right: 100%;
    top: -2px;
    width: 40px;
    height: 22px;
    text-align: center;
    cursor: default;
    font-size: 12px;
    line-height: 22px;
}

.certify_item_header {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 10px auto;
    max-width: 600px;
    color: var(--tt);
}

.certify_item_title {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: var(--tt);
    margin: 0 auto;
    max-width: 750px;
}

.certify_item {
    display: flex;
    padding-left: 10px;
    margin: 7px 0 7px 40px;
    position: relative;
    align-items: flex-start;
}

.nv .certify_item b {
    color: var(--tt-3);
}

.certify_item_line {
    display: block;
    position: relative;
    margin: 3px 0 3px 5px;
}
.certify_item_line span {
    font-weight: bold;
    /*color: var(--tt-accent);*/
}
.certify_item_line span:before {
    content: "";
    width: 2px;
    height: 1rem;
    display: block;
    background-color: var(--tt-accent);
    position: absolute;
    top: 0;
    left: -5px;
}

.certify_item_zero .certify_item {
    display: block;
    margin: 7px 0;
    padding-left: 0;
}
.certify_item_edited {
    position: unset;
    white-space: nowrap;
}
.certify_item_block.certify_item_att {
    line-height: 23px;
}
/*.certify_item_title.attachment {
    margin-bottom: 7px;
}*/

.certify_card_block {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 5px;
}
.certify_card {
    display: flex;
    flex-direction: column;
    width: 50%;
    background-color: var(--bg);
    border-radius: 5px;
    color: var(--tt-2);
    font-size: 12px;
    line-height: 14px;
    cursor: default;
}
.certify_card_top {
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.certify_card_image {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--tt-accent);
    border-radius: 50px;
    color: #ffffff;
    font-size: 35px;
}
.certify_card_main {
    padding: 0 15px 15px 15px;
    color: var(--tt-2);
}
.certify_card_span {
    display: block;
    text-align: center;
    margin-bottom: 5px;
    color: var(--tt-3);
    font-size: 14px;
    font-weight: bold;
}
.certify_card_main div {
    display: inline-block;
    border: 1px solid var(--tt-2);
    color: var(--tt-2);
    padding: 0px 4px;
    border-radius: 3px;
}
.certify_item_block .certify_link {
    color: var(--tt-3);
    font-weight: bold;
    position: relative;
    display: inline-block;
    text-decoration: none;
}
/*.dt .certify_item_block .certify_link {
    color: var(--tt-fadest);
}*/
.certify_item_block .certify_link:hover {
    color: var(--tt-accent);
}
.certify_item_block .certify_link:before {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--tt-accent);
    transition: all 0.3s ease;
}
.certify_item_block .certify_link:hover:before {
    width: 100%;
}
.certify_card_main .certify_link {
    font-weight: bold;
}
/*.dt .certify_card_main .certify_link {
    color: var(--tt-fadest);
}*/
.certify_item_block li {
    margin: 5px 7px;
}
.certify_item_block ul .certify_link {
    text-decoration: none;
}
.certify_reason {
    display: block;
    margin-top: 5px;
}
.certify_reason .certify_item_line {
    margin-left: 30px;
}
.certify_options {
    margin-top: 7px;
}

.certify_table {
    max-width: 100%;
    overflow-x: auto;
}
.certify_table table {
    background-color: var(--bg);
    max-width: 100%;
    overflow: scroll;
    margin: 5px 0 10px 0;
}
.certify_table th, .certify_table td {padding: 5px; text-align: center;}
.certify_table th {background-color: #e4e4e4;}
.certify_table tbody > tr:nth-of-type(even) {background-color: #efefef;}
.certify_table table tr > th:first-child {position: sticky; left: 0;}

.nv .certify_table th {background-color: #20303d;}
.nv .certify_table tbody > tr:nth-of-type(even) {background-color: #1e3243;}

@media (max-width: 760px) {
    .certify_card_block {
        flex-direction: column;
    }
    .certify_card {
        width: 100%;
    }
}

/* ---------------------- */

/* Для страницы контактов */

.communion_title {
    display: block;
    text-align: center;
    font-size: 18px;
    margin: 10px;
    color: var(--tt);
    font-weight: bold;
}

.communion_suggestions {
    color: var(--tt-2);
    text-align: center;
    display: block;
    font-size: 14px;
    margin: 5px 0;
    line-height: 20px;
}

.communion_suggestions .certify_item_accent {
    cursor: pointer;
}

.communion_suggestions .certify_item_accent:hover,
.communion_suggestions .certify_item_accent:focus {
    color: #fff;
    background-color: var(--bg-btn-hover);
}

.communion_contacts_block {
    padding: 50px 5px 5px 5px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 7px;
}

.communion_contact_card {
    width: 23%;
    min-width: 230px;
    position: relative;
    background-color: var(--bg);
    padding-top: 75px;
    margin: 40px 0;
    border-radius: 5px;
    color: var(--tt-3);
    transition: all ease 0.3s;
    cursor: default;
}

.communion_contact_card:hover {
    box-shadow: 0px 3px 15px -5px rgba(66, 68, 90, 0.75);
}

.communion_contact_img {
    position: absolute;
    top: -50px;
    left: calc(50% - 60px);
    border-radius: 10px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    background-color: var(--bg-dark);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 15px 0px rgb(22 24 34);
}

.communion_contact_img::before {
    content: "\f007";
    font-family: 'Font Awesome 5 Pro';
    font-size: 70px;
    position: absolute;
    color: var(--tt-2);
    transition: all 0.3s ease;
}

.communion_contact_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    transition: all 0.3s ease;
}

.communion_contact_profile {
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--bdc);
}

.communion_contact_name {
    margin: 5px 0;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 4px;
    display: block;
}

.communion_contact_post {
    margin: 5px 0;
    padding: 5px 10px;
    background-color: var(--accent-red);
    border-radius: 5px;
    display: inline-block;
    color: #fff;
}

.communion_contact_info_block {
    padding: 10px;
}

.communion_contact_for_questions {
    text-align: center;
    margin: 12px 0 3px 0;
    color: var(--tt-2);
    font-size: 12px;
}

.communion_contact_info {
    margin: 7px 0;
}
.communion_contact_info:nth-child(3) {
    margin-top: unset;
}

/*.communion_contact_info.first {
    margin-top: unset;
}*/

.communion_contact_title {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.contact_telegram {
    background-image: url("/templates/LuxNova/images/telegram.svg");
    width: 14px;
    height: 14px;
    display: inline-block;
    background-size: cover;
    background-position: center center;
}

.communion_contact_title:hover {
    color: var(--tt-2);
}

.contact_info_image {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-size: cover;
    background-position: center center;
}

.communion_contact_card:hover .communion_contact_img img,
.communion_contact_card:hover .communion_contact_img:before {
    scale: 1.1;
}

/*.contact_telegram {
    background-image: url("/templates/KnowTime/images/telegram.svg");
}

.contact_vk {
    background-image: url("/templates/KnowTime/images/vk.svg");
}

.contact_message {
    background-image: url("/templates/KnowTime/images/message.svg");
}*/

.communion_contact_title a {
    margin-left: 5px;
    color: var(--tt-3);
    transition: all 0.1s ease;
}

.communion_contact_title:hover a {
    color: inherit;
}

/* ---------------------- */

.license {
    padding: 3px 7px;
    background-color: #fd7e14;
    border-radius: 5px;
    color: #fff;
}
.license.not {
    background-color: #e32331;
}