:root { --ui-bg: #181d2d; --accent: #cea649; --btn-bg: #292929; --tt-brighter: #eee; --bdc: rgba(255,255,255,0.13); --bg: #1F1F1F; --accent-text: #111520;
	--btn-bg-hover: #2d2d2d; --tt: #bebebe; --bdc-lighter: rgba(255,255,255,0.6); --white-accent: #fff; --menu-active: #2C2C2C; --black: #161616; --ui-bdc: #0a0c13;
	--max-width: clamp(1221px, 100vw, 1920px); --font-size-base: clamp(9px, 0.5vw + 8px, 20px); --indent: 15px; --indent-negative: -15px; }

/* RESET, BASIC UI SETTINGS ----------------------------------------------- */
* {background: transparent; margin: 0; padding: 0; outline: none; border: 0; box-sizing: border-box;} ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;} img, table, iframe, video, frame, embed, object {max-width: 100%;}
body {font-size: var(--font-size-base); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; line-height: normal; padding: 0; margin: 0; color: var(--tt); background: var(--bg); min-height: 100%; width: 100%; overflow-x: hidden; letter-spacing: 0.06em;} a {color: var(--tt); text-decoration: none;} a:hover, a:focus {color: var(--accent); text-decoration: none; transition: 0.2s;} h1, h2, h3, h4, h5 {font-size: 24px; font-weight: normal;} ::selection {background: #494949; color: #fff;} b, strong, .bolder {font-weight: 700;} button, select, textarea, input[type="text"], input[type="password"], input[type="button"], input[type="submit"] {appearance: none; -webkit-appearance: none; font-size: 16px; font-family: inherit;color: inherit;} button, .btn, input[type="button"], input[type="reset"], input[type="submit"], .pm__links a, .usp__btn a {display: inline-flex; align-items: center; justify-content: center; cursor: pointer; text-align: center; padding: 0 20px; height: 40px; font-size: 16px; white-space: nowrap; background-color: var(--menu-active); color:var(--tt); border-radius: 3px; box-shadow: none;line-height: 1;}

/* SNIPPETS ----------------------------------------------- */
.img-box, .img-wide, .img-responsive, .img-fit-cover {overflow: hidden; position: relative;} .img-responsive {padding-top: 60%;}
.img-responsive--portrait {padding-top: 150%;} .img-mask-short::before {content: ''; position: absolute; z-index: 1; left: -10px; right: -10px; top: -10px; bottom: -10px; background: radial-gradient(circle, transparent 30%, rgba(0,0,0,0.9) 100%); pointer-events: none;} .img-responsive > img {position: absolute; left: 0; top: 0;} .img-wide img, .img-wide > a {width: 100%; display: block;} .img-fit-cover img {width: 100%; height: 100%; object-fit: cover;} .page-title, .h2-title {margin-bottom: 20px;} .clr {clear: both;} .clearfix::after {content: ""; display: table; clear: both;} .ws-nowrap {/*white-space: nowrap;*/ text-overflow: ellipsis;overflow: hidden; display: block;} .vw100 {margin:0 calc((100% - 100vw)/2); padding:0 calc((100vw - 100%)/2);} .img-mask::before {content: ''; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 60%; background: linear-gradient(to top, #000 0%, transparent 100%); opacity: 0.8;} .d-flex, .fx-row, #dle-content {display: flex; flex-wrap: wrap; flex-direction: row;}.fd-column, .fx-col {flex-direction: column; flex-wrap: nowrap;} .jc-space-between, .fx-row {justify-content: space-between;} .jc-flex-start, .fx-start, #dle-content {justify-content: flex-start;} .jc-center, .fx-center {justify-content: center;} .jc-flex-end {justify-content: flex-end;} .ai-flex-start {align-items: flex-start;} .ai-center, .fx-middle {align-items: center;} .ai-flex-end {align-items: flex-end;} .order-first {order: -1;} .order-last {order: 10;} .flex-grow-1, .fx-1, .stretch-free-width {flex: 1 1 0; max-width: 100%; min-width: 50px; gap: 10px 0;} 
.hidden, #dofullsearch, .d-none {display: none;} #header button {background-color: #1f1f1f; order: 1;} .item-poster__meta, .pmovie__meta-list, .pmovie__meta-list a:not(:hover) {color: var(--tt);}.text__margin {margin: 0 5px 15px; font-weight: 600;} .curiously {font-size: 16px; margin: 0 5px} .ln-height {line-height: 1.8;}

/* PRIVATE CSS ----------------------------------------------- */
.a-bx {width: 300px; height: 250px; text-align: center; overflow: hidden; display:none;} @media (min-width: 950px) { .a-bx {display: block; margin-top: 30px;} }
.ads {display: flex; justify-content: center; width: 300px; height: 250px; margin: 20px auto 0;} .margin_30 {height:40px;} .margin_100 {height:100px;}
.ad-160-box {display: flex; justify-content: center; height: 600px; margin-top: 30px; overflow: hidden;}
.ads-ad {display:block; margin:auto;} /* .sidebar-banner{width:300px; height:250px; overflow:hidden; margin-top: 30px;border-radius: 5px;}
#smart-banner-rotator a, #smart-banner-rotator img{display:block; width:100%; height:100%; cursor:pointer;} */

@media (max-width: 1220px) { body {font-size: 17px;} }
button:hover, .btn:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .pm__links a:hover, .usp__btn a:hover {opacity:.8;}
.color-btn, [class*=fr], [class*=plyr], [class*=owl-], [id*=mceu] {padding: 0; margin: 0; line-height: normal; border: 0; box-shadow: none; background: none; border-radius: 0;} input[type="text"], input[type="password"] {height: 40px; line-height: 40px; border-radius: 4px; padding: 0 15px; background-color: var(--menu-active); width: 100%; border: 1px solid #444;} select {height: 40px; padding: 0 15px; display: block;}

/* BASIC LAYOUT ----------------------------------------------- */
.wrapper {min-width: 340px; position: relative;}
.wrapper::before {content: ''; position: absolute; left: 0%; top: 0; z-index: 3; background: #1F1F1F; width: 100%; padding-top: 100%; box-sizing: border-box;} 
.wrapper-container {max-width: var(--max-width);padding: 0 var(--indent);margin: 0 auto; position: relative; z-index: 20;box-sizing: border-box;}
/* .content {min-height: calc(100vw - 200px);} */

/* HEADER, NAV ----------------------------------------------- */
.header.l-theme .header__inner {border-color: transparent;} .header__inner {display: flex; flex-wrap: wrap; padding: 15px 0 20px 0; gap: 20px;}
.logo {display: inline-flex; flex-direction: column; justify-content: center; height: 60px; width: 160px; min-width: 160px; padding-top: 5px;
	margin-right: 25px; line-height: 0; opacity: .7; content-visibility: auto;}
.header__logo {order: 0; margin-right: auto; flex: 0 0 auto; content-visibility: auto;} .icon-container-group {display: flex; gap: 10px; height: 40px;}
.content {overflow: hidden; padding-left: var(--indent); padding-right: var(--indent);
	margin-left: var(--indent-negative); margin-right: var(--indent-negative);}
.icon-container {padding: 8px 10px; background-color: #1f1f1f; border-radius: 4px; display: flex; align-items: center; 
	justify-content: center; min-width: 55px; height: 40px; cursor: pointer; flex: 1 1 auto;}
.icon-container:hover {opacity: 0.8;} .icon-svg {width: 24px; height: 24px; display: block;} .theme-toggle .icon-svg {width: 18px; height: 18px;}
.favorites-item .icon-svg {width: 18px; height: 18px;} .icon {display: flex; padding: 10px 15px;}
.favorites-count {margin-left: 5px; margin-bottom: 3px; color: #cea649;} .screen-reader-text, .page__description, 
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.header__login-btn--not-logged {height: 40px; padding: 0 15px; background-color: #292929; color: var(--accent);}
.header__login-btn--logged {padding: 0; display: block; width: 40px; height: 40px;}

/* TOP MAIN SEARCH - ФИЛМИ, СЕРИАЛИ, АКТЬОРИ, РЕЖИСЬОРИ ----------------------------------------------- */
input.main-xc-search, .custom-select__trigger, .custom-options, .icon-container, #header button, .fz-topnav__menu a {border: 1px solid #444;}
 .movie-search-top {margin: 0;} input.main-xc-search {color: #aaa; background:#1f1f1f;}
.search-select{font-size: 16px; padding:0 15px; border-radius:3px; color: #999; background: #292929; cursor: pointer;
	min-width: 125px; width: auto; box-sizing: border-box;} .search-container {display: flex; gap: 8px;}
.search-container select:not([multiple]) {background: #292929;} .main-search-block {position: relative;order: 4; flex: 0 0 100%; min-width: 0;}
.main-search-data {position: absolute; top: calc(100% + 16px); left: 0; width: 100%; box-sizing: border-box;
    z-index: 11; background-color: var(--bg); box-shadow: 0 10px 15px rgb(0 0 0 / 90%);} .main-search-data .xc-flex {justify-content: normal;}
.main-xc-search {flex: 1; padding: 8px 10px; border-radius: 3px; padding-right:16px; color: #aaa; caret-color: #aaa;}
.main-xc-search::placeholder {color: #999 !important; opacity: 1;} .main-xc-search:-ms-input-placeholder {color: #999 !important;}
.main-xc-search::-ms-input-placeholder {color: #999 !important;} .type-film, .type-serial, .type-actor, .type-director {display: flex; align-items: center; justify-content: center; width: 25px; height: 30px;} .story-search-btn {color: #bbb; background-color: #195044 !important; white-space: nowrap;}

/* MAIN SEARCH CUSTOM SELECT (Film, Serial, Actor, Director) =========================== */
.custom-select {position:relative; width:160px; font-size:15px; color:#bbb; user-select:none;}
.custom-select__trigger {background:#1f1f1f; border-radius:4px; cursor:pointer; display:flex; align-items:center;
    gap:10px; height: 40px; padding: 0 10px 0 12px; } .custom-select__trigger svg {height: 22px; width: auto;}
.selected-text {color:#999; line-height: 1;} .selected-icon svg {display:block;} .arrow {margin-left:auto; display:flex; align-items:center;}
.arrow svg {transition:transform .25s ease; transform-origin:center;}
.custom-select.open .arrow svg {transform:rotate(180deg); background-color: #2e544c; border-radius: 50%;}
.custom-options {position:absolute; top:calc(100% + 5px); width:100%; background:#1f1f1f; border-radius:4px;
    overflow:hidden; opacity:0; pointer-events:none; transform:translateY(-5px); transition:all .25s ease; z-index:9999;}
.custom-select.open .custom-options {opacity:1; pointer-events:auto; transform:translateY(0);}
.custom-option {padding:10px; display:flex; align-items:center; gap:10px; cursor:pointer;}
.custom-option:hover {background:#292929;} .type-icon svg {display:block;}
select:not([multiple]) {padding-right: 30px; background-color: var(--menu-active); cursor: pointer}
select option {padding: 10px 10px;} select[multiple] {padding: 0 5px;} textarea {padding: 15px; overflow: auto; vertical-align: top; resize: vertical;} input[type="password"], .login__row button, select, textarea {width: 100%; background-color: var(--menu-active); color: var(--tt);} input[type="text"]:focus, input[type="password"]:focus, textarea:focus {box-shadow: inset 0 0 0 1px var(--accent), inset 1px 2px 5px rgba(0,0,0,0.1);} input::placeholder, textarea::placeholder {color: var(--tt); opacity: 0.7; font-size: 15px;} input:focus::placeholder, textarea:focus::placeholder {color: transparent}

/* MAIN GRID CONTAINER ----------------------------------------------- */
.grid-container {width: 100%; display: grid; grid-template-columns: 185px 1fr; gap: 20px; margin-top: 15px; user-select: none;}
@media (max-width: 1221px) { .related-left {display: none;} .grid-container {grid-template-columns: 1fr;} 
.first-column {position: fixed; top: 0; left: -320px; width: 300px; height: 100vh; overflow-y: auto;
	background: var(--bg); box-shadow: 0 0 25px rgba(0,0,0,0.7); padding: 20px; z-index: 999; transition: left .4s ease;}
.first-column.is-active {left: 0;} .first-column .menu__block {grid-template-columns: 1fr; gap: 8px;}
.first-column .menu__block > li > a {background: #232323; border-radius: 4px; padding: 14px 15px;} } .second-column {margin-bottom: 30px;}

/* SECTION ----------------------------------------------- */
.sect:not(:last-child) {margin-bottom: 20px;} .sect__header {margin-bottom: 40px;} .sect__title {font-size: 22px;} .article-page {margin-top: -40px;}

/* GRID ----------------------------------------------- */
#dle-content, .grid-items {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px 15px;}
.grid-items > *:not(.grid-item), #dle-content > *:not(.grid-item) {grid-column: 1 / -1;}
/* Tablet */ @media (min-width: 640px) { #dle-content, .grid-items {grid-template-columns: repeat(3, 1fr);} }
/* Small Desktop */ @media (min-width: 870px) { #dle-content, .grid-items {grid-template-columns: repeat(4, 1fr);} }
/* Desktop */ @media (min-width: 1200px) {#dle-content, .grid-items {grid-template-columns: repeat(6, 1fr);} }

/* 1. MAIN MENU ===================================================== */
.side-block__title {color: var(--accent); font-size: 16px; font-weight: 600; padding: 0 0 10px 15px;}
.catalog-icon {font-size: 15px; padding-right: 5px; opacity: 0.5; color: inherit; transition: opacity 0.2s ease;} .catalog-icon:active {opacity: 1; color: #E1A730;}
.header__menu {position: absolute; left: 0; width: 100%; display: none; height: calc(100vh - 80px); overflow-y: auto;
    overflow-x: hidden; background-color: var(--bg); margin-top: 20px; z-index: 17; box-shadow: 0 10px 15px rgb(0 0 0);} .header__menu-inner {padding-top: 10px;}
.menu__block {display: grid; gap: 0; margin-bottom: 30px;}
.menu__block > li > a {padding: 15px 0 12px 15px; display: flex; letter-spacing: 1px; align-items: center; text-align: left; color: var(--tt);}
.menu__block > li:hover .catalog-icon {opacity: 0.8;} .menu__block > li > a:hover {background-color: #2C2C2C;}
/* 2. MOBILE MENU PANEL =============================================== */
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
#mobile-menu {position: fixed; top: 0; left: -360px; width: 320px; height: 100vh; overflow-y: auto; padding: 30px 22px 30px 25px;
    background: linear-gradient(180deg, #111 0%, #0c0c0c 100%); box-shadow: 0 0 60px rgba(0,0,0,0.9), 0 20px 40px rgba(0,0,0,0.7);
    transition: left .5s cubic-bezier(.22,.61,.36,1); z-index: 999;} #mobile-menu.is-active {left: 0;}
/* 3. GOLD LINE (only when active) */
#mobile-menu::after {content: ""; position: fixed; left: 0; top: 0; width: 3px; height: 100vh;
	background: linear-gradient(180deg, #e1a730 0%, #cea649 50%, #e1a730 100%); box-shadow: 0 0 18px rgba(225,167,48,0.8), 0 0 35px rgba(225,167,48,0.5); pointer-events: none; z-index: 1000; opacity: 0; transition: opacity .3s ease;} #mobile-menu.is-active::after {opacity: 1;}
/* 4. MOBILE MENU LINKS =========================================== */
#mobile-menu .menu__block {grid-template-columns: 1fr; gap: 10px;}
#mobile-menu .menu__block > li > a {background: rgba(255,255,255,0.02); border: 1px solid rgba(225,167,48,0.08);
    border-radius: 8px; padding: 14px 16px; transition: all .35s ease; position: relative; overflow: hidden;}
#mobile-menu .menu__block > li > a:hover {background: rgba(225,167,48,0.12); border-color: rgba(225,167,48,0.4);
    box-shadow: 0 0 15px rgba(225,167,48,0.3), inset 0 0 8px rgba(225,167,48,0.2); transform: translateX(6px);}
/* 5. OVERLAY ===================================================== */
.overlay {position: fixed; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.75) 100%);
    backdrop-filter: blur(8px); opacity: 0; visibility: hidden; transition: opacity .35s ease, visibility .35s ease; z-index: 998; }
.overlay.is-active {opacity: 1; visibility: visible;}
/* 6. CLOSE BUTTON ================================================= */
.mobile-menu-close {position: fixed; left: 280px; top: -40px; z-index: 1001; width: 40px; height: 40px; display: flex; align-items: center;
	justify-content: center; opacity: 0; background-color: #9C201F; color: #bebebe; transition: top .4s, opacity .4s; cursor: pointer; border-radius: 4px;}
.mobile-menu-close.is-active {top: 0; opacity: 1;}

/* UNDERHEADER */
.underheader__row {display: flex; justify-content: space-between; align-items: center; gap: 10px; height: 40px; margin: 10px 0 20px;}
.breadcrumbs-speedbar, .breadcrumbs-speedbar svg {display: none;} .underheader-filter__group {display: flex; gap: 10px; margin-left: auto; line-height: 40px;}
#new_filter .icon-svg {width: 18px; height: 18px; opacity: .8;} #new_filter {border-radius:3px; padding:0 10px; cursor:pointer; display:flex; user-select:none;
	min-width:120px; align-items:center; justify-content:center; gap:5px;}
#new_filter.active {background: var(--menu-active); transition:.25s; color:var(--accent); } #new_filter:hover {background:#2C2C2C; transition:.25s;}
#new_sorting {min-width:200px; position:relative; border-radius:3px; height:40px; padding:0 10px; cursor:pointer; user-select:none; transition:.25s;
	display:flex; align-items:center; justify-content:space-between; gap:10px;}
#new_sorting.active {background:#2C2C2C; z-index:16; transform:translateY(0) scaleY(1); pointer-events:auto; transition:.25s;}
#new_sorting:hover {background:#2C2C2C;} #new_sorting .sort_header {display:inline-block; color:var(--tt); margin-right:auto;}
.sort_text {min-width: max-content;} .sort-toggle-arrow {display:flex; align-items:center; justify-content:center;}
.sort-toggle-arrow .sort-arrow {width:22px; height:22px; opacity:.9; transition:transform .25s ease; transform-origin:center;}
#new_sorting.active .sort-toggle-arrow .sort-arrow {transform:rotate(180deg); background-color: #2e544c; border-radius: 50%; opacity: 1;}

/* SORTING LIST (DROPDOWN PANEL) */
#new_sorting_list {position:absolute; top:calc(100% + 5px); left:0; width:100%; background:#1f1f1f; border:1px solid #444; border-radius:4px;
    overflow:hidden; opacity:0; pointer-events:none; transform:translateY(-5px); transition:all .25s ease; z-index:9999; max-height:630px;}
#new_sorting_list.active {opacity:1; pointer-events:auto; transform:translateY(0); display:block; padding-bottom:15px;}
#new_sorting_list .list {width:100%; padding:10px; box-sizing:border-box; display:flex; align-items:center; justify-content:flex-end;
    gap:10px; text-align:right; cursor:pointer; background:#1f1f1f;} #new_sorting_list .list:hover {background:#292929;}
#new_sorting_list .list svg {width:18px; height:18px; display:block; flex-shrink:0;} #new_sorting_list .list.active {display:none;}
.new_sorting_list_border {border-bottom:1px solid #444; height:1px; width:100%; display:block;}

/* TOP MENU ----------------------------------------------- */
.fz-topnav__menu {width: 100%;} .fz-topnav__menu ul {display: flex; flex-wrap: wrap; gap: 20px;} .fz-topnav__menu li {flex: 1 1 100%; text-align: center;}
.fz-topnav__menu a {display: block; padding: 10px; font-size: 1.1em; color: var(--tt); border-radius: 3px; box-shadow: 5px 5px 15px rgb(0 0 0 / 20%);}
.fz-topnav__menu a:hover {background-color: #292929;} .menu-filter__block:hover {background-color: #303030;}
.filter-dropdown {display: none; padding: 15px 30px 0 30px; box-shadow: 0 30px 30px 10px rgb(0 0 0 / 90%);}
.filter-dropdown ul {list-style-type: none; margin-top: 20px; padding: 10px; display: flex; flex-wrap: wrap; justify-content: space-between;}
@media (min-width: 300px) {.fz-topnav__menu li {flex: 1 1 calc(50% - 20px);}}
@media (min-width: 768px) {.fz-topnav__menu li {flex: 1 1 calc(33.333% - 20px);}}
@media (min-width: 1024px) {.fz-topnav__menu li {flex: 1 1 auto;}}

/* ALPHABETICAL FILTER ----------------------------------------------- */
header.header {position: relative; background: linear-gradient(to bottom, #1f1f1f, #2c2c2c); z-index: 200; box-shadow: 0 5px 10px rgb(0 0 0 / 30%);}
#alphabeticalFilterDropdown {position: absolute; top: 100%; left: 0; right: 0; width: auto; max-width: var(--max-width); margin: 0 auto;
  padding-left: var(--indent); padding-right: var(--indent); z-index: 1200; display: block; background: var(--bg, #111);
  border-top: 1px solid rgba(255,255,255,0.05); padding: 0 25px 15px; box-sizing: border-box; opacity: 0; 
  box-shadow: 0 4px 20px rgba(0,0,0,0.25); transform: translateY(-25px) scaleY(0.96); pointer-events: none;
  transition: opacity 0.45s ease, transform 0.6s cubic-bezier(0.25, 1.4, 0.35, 1.0);}
#alphabeticalFilterDropdown.is-active {opacity: 1; transform: translateY(0) scaleY(1); pointer-events: auto;}
#alphabeticalFilterDropdown .catalog-container, #alphabeticalFilterDropdown .wrapper-container {padding: 10px 0;}
@media (max-width: 1220px) {#alphabeticalFilterDropdown {padding: 25px 35px;}}
@media (max-width: 870px) {#alphabeticalFilterDropdown {padding-bottom: 50px;}}
@media (max-width: 768px) {#alphabeticalFilterDropdown {top: 150px; padding: 30px 15px;}}
@media (max-width: 590px) {#alphabeticalFilterDropdown {top: 200px; min-height: 280px;}}

/* CUSTOM UPD ----------------------------------------------- */
.side-bc {width: 300px;} .top__movies, .top__movies-hidden {display: none;} .top__movies {padding: 50px 0 20px 0;}
@media (min-width: 950px) { .top__movies, .top__movies-hidden {display: block;} }
.upd-item {display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; padding: 8px 10px; text-decoration: none; 
	color: #fff; background: rgba(255, 255, 255, 0.02); border-radius: 6px; transition: background 0.2s ease, transform 0.1s ease;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 30%);} .upd-item:hover {background: rgba(255, 255, 255, 0.07);} .upd-left {flex: 1; min-width: 0;}
.upd-title {font-size: 16px; font-weight: 500; line-height: 1.3; margin-bottom: 4px; color: var(--tt);
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: calc(1.3em * 2);}
.upd-season {font-size: 13px; color: #999;} .upd-right {display: flex; flex-direction: column; align-items: flex-end; gap: 4px; text-align: right;
	min-width: 105px;} .video-back {background: rgba(255,255,255,0.05); border-radius: 4px; padding: 3px 8px; font-size: 14px;
    color: var(--tt); width: 100%; box-sizing: border-box;} .upd-serie {font-weight: 500;}
.spn2 {color: #cea649; font-weight: 600; margin-left: 5px;} .upd-voice {font-size: 14px;} .clr_green {color: #4ca692;} .clr_blue {color: #478ec9;}

/* INNER PAGE ----------------------------------------------- */
.pmovie__grid {display: grid; grid-template-columns: minmax(0,1fr); grid-template-areas: "pleft" "pheader" "pmain" "pbottom";
    gap: 20px; margin: 15px 20px; align-items: start;} @media (min-width: 950px) { .pmovie__grid {grid-template-columns: minmax(0,1fr) 300px;
	grid-template-areas: "pheader pleft" "pmain pleft" "pbottom pleft"; gap: 0 35px; align-items: stretch;} }
.pmovie__header {grid-area: pheader; align-self: start; margin: 0;} .pmovie__left {grid-area: pleft; margin: 0 auto; justify-items: center;}
.pmovie__main {grid-area: pmain; align-self: start; margin: 0;}
.pmovie__bottom {grid-area: pbottom; display: flex; flex-direction: column; justify-content: flex-start; margin-bottom: 30px;}
.shadow-box {padding: 20px; background-color: #292929; box-shadow: 5px 5px 15px rgb(0 0 0 / 20%); border-radius: 10px;}
.pmovie__info {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 15px; margin-top: 30px; font-size: 16px; opacity: 0.9;}
.pmovie-info__trailer, .pmovie-info__imdb-link, .pmovie-info__bg-audio, .pmovie-info__subtitle, .pmovie-info__original, .pmovie-info__new, .pmovie-info__true-story, .edit-cog {display: flex; padding: 10px; height: 40px; align-items: center; gap: 10px; background-color: var(--btn-bg); border-radius: 5px;
	box-shadow: 5px 5px 15px rgb(0 0 0 / 20%);} 
.pmovie-info__trailer .yt-icon svg, .pmovie-info__imdb-link .imdb-icon svg, .bg-audio-icon svg, .subs-icon svg, .original-icon svg {display: block;}
.pmovie-info__trailer, .pmovie-info__imdb-link {gap: 8px;} .pmovie-info__imdb-rating {font-weight: 500; color: var(--accent);}
.pmovie-info__imdb-vote {font-size: 13px;} .subs-icon {padding-top: 3px; opacity: .7;} .bg-audio-icon {opacity: .7} .pmovie-info__new {display: flex; gap: 8px;}
.pmovie-info__new .tag-new {position: relative; top: 0;} .pmovie__img {display: block; width: 300px; max-width:100%; height:auto; aspect-ratio:2/3; border-radius: 10px; box-shadow: 5px 5px 15px rgb(0 0 0 / 20%);} .pmovie__subtitle {margin-bottom: 20px;}
.pmovie__header-main h1 {letter-spacing: 2px; user-select: text;} .pmovie__header-main h1 a {font-size: 22px; color: #b9b8b8;}
.movie__bg-title {color:var(--accent); font-size:1em; font-weight:600; opacity: .9} .movie__original-title {font-size: 0.85em;}
.pmovie__actors {margin-left: 30px; gap: 6px;}
.pmovie__actors img {width: 40px; height: 40px; border-radius: 50%; object-fit: cover;} .pmovie__meta {margin-top: 40px; display: grid;gap: 20px;} 
@media (min-width: 1221px) { .pmovie__meta {grid-template-columns: 1fr 1fr;} } .pmovie__meta-list li > span:first-child {font-weight: 600; opacity: 0.6;}
.pmovie__meta-list a {display: inline-block; padding: 4px 8px; margin-bottom: 10px; border-radius: 4px;}
.pmovie__meta-list a:hover {background-color: var(--btn-bg);} .pmovie__player {position: relative; margin-top: 30px;}
.section-title {margin: 30px 0 15px; font-size: 1.2em; color: var(--accent); opacity: .9;} .section-title .title-highlight {color: var(--tt);}
/* COLLAPSED TEXT BLOCK*/
.desc-block {margin: 30px 0;} .desc-head {position: relative; margin-bottom: 15px;} .desc-title {font-size: 1.2em; color: var(--accent); opacity: .9; margin: 0;}
.desc-btn {position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: none; border: none; color: var(--accent);
	font-weight: 600; font-size: 14px; cursor: pointer; padding: 0; display: none;} .desc-text {line-height: 1.6; font-size: 17px; color: var(--tt);}
.desc-text.clamped {display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}

/* POSTER ITEM ----------------------------------------------- */
.blog-item-poster__title {margin:0 10px 10px 10px; font-size: 0.9em; height: 90px; word-break: break-word;}
.item-poster__title {margin:0 10px 10px 10px; font-size: 16px; height: 65px; word-break: break-word;}
.item-poster {display: block; text-align: left;box-shadow: 0 10px 10px rgb(0 0 0 / 50%);}
.item-poster__img {margin-bottom: 15px; border-radius: 3px; width: 100%; height: auto; aspect-ratio: 230 / 345; display: block;}
.item-poster__img:hover {transition: opacity .1s ease-in-out; -webkit-box-shadow: 0 25px 30px -10px rgb(66 66 66 / 50%);
    -moz-box-shadow: 0 25px 30px -10px rgb(66 66 66 / 50%); box-shadow: 0 25px 30px -10px rgb(66 66 66 / 50%);}
.item-poster__meta {margin: 5px 10px 10px; font-size: 0.9em;}
.item__rating, .item__poster-category, .imdb-rating-label, .item-poster__year, .film-quality-label {position: absolute; 
	z-index: 9; padding: 0 5px; font-size: 15px; min-width: 34px; border-radius: 3px;}
.item__poster-category {background-color: #2c2c2c; color: var(--tt); padding: 1px 5px 0; font-size: 13px; left: 0; top: 0; 
	box-shadow: 1px 1px 2px rgb(0 0 0 / 30%); display: inline-block; overflow: hidden; text-overflow: ellipsis; max-width: 120px; height: 22px;}
.item__rating {background-color: var(--btn-bg); color: var(--tt); left: 0; top: 0; border-bottom-right-radius: 3px;}
.imdb-rating-label {background-color: #94770f; color: #1f1f1f; text-align: center; font-size: 14px; font-weight: 700; right: 0; top: 0;}
.tag-new {position: absolute; top: 22px; right: 0; background: linear-gradient(135deg, #136000, #134400); border-radius: 3px;
    color: #bbb; padding: 2px 5px; font-size: 10px; font-weight: 700; box-shadow: 1px 1px 2px rgb(0 0 0 / 30%); z-index: 1;}
.item-poster__year {display: flex; align-items: center; gap: 5px; background-color: #1F1F1F; color: var(--tt); left: 0; bottom: 0;}
.icon-audio, .icon-subs, .icon-original {padding-top: 3px; opacity: .8;} .icon-audio svg, .icon-subs svg, .icon-original svg {display:block;}
.film-quality-label {background-color: #1F1F1F; color: var(--tt); right: 0; bottom: 0;}
.like-dislike-row {display: flex; justify-content: center; align-items: center; height: 30px; text-align: center; gap: 10px; color: var(--tt)}
.likes, .vote-count, .dislikes {flex: 1; display: flex; justify-content: center; position: relative; height: 100%;}
.likes::before, .dislikes::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 120px; height: 20px; z-index: -1;}
.likes::before {background: radial-gradient(circle, rgba(0, 255, 0, 0.1) 0%, rgba(0, 255, 0, 0) 50%);}
.dislikes::before {background: radial-gradient(circle, rgba(255, 0, 0, 0.1) 0%, rgba(255, 0, 0, 0) 50%);} .likes .fal, .dislikes .fal {margin-right: 5px;}

/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK ----------------------------------------------- */
.full-text {line-height: 1.6; word-wrap: break-word; font-size: 1.1em; contain: content;} .full-text a {text-decoration: underline; color: var(--accent);}
.tabs-block__select span {cursor: pointer; user-select: none; display: inline-block; height: 60px; line-height: 60px; padding: 0 30px; margin-right: 10px;
	background-color: #292929; color: var(--tt); border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: 5px 5px 15px rgb(0 0 0 / 20%);}
.tabs-block__select span:hover {opacity: 0.8} .tabs-block__select span.is-active {color: #4ca692; cursor: default; opacity: 1;
	background: radial-gradient(circle, rgba(0, 255, 0, 0.1) 0%, rgba(0, 255, 0, 0) 50%); background-color: #222;}
.default-tab {box-shadow: inset 0 0 150px rgb(0 0 0);} .default-tab-text {text-align: center; font-size: 28px; color: #5d5d5d; position: absolute; top: 20%;}
.player-icon {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.player-icon-svg {top: 42%; display: flex; align-items: center; justify-content: center; position: absolute;}
.player-icon-svg svg {width: 10%; height: auto; display: block;opacity: .8;}

/* VIDEO STAGE ------------------------------------------------ */
#video-stage {position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; background: #000; box-shadow: 5px 5px 15px rgb(0 0 0 / 20%); overflow: hidden;}
#video-stage > iframe {position: absolute; inset: 0; width: 100%; height: 100%; border: 0; z-index: 1;}
.video-placeholder {position: absolute; inset: 0; z-index: 0; background-color: #1f1f1f; box-shadow: inset 0 0 150px rgb(0 0 0);}
.video-placeholder__text {position: absolute; top: 20%; left: 50%; transform: translateX(-50%); color: #5d5d5d; font-size: 26px; text-align: center; width: 100%;}
.video-placeholder__icon {position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;}
.video-placeholder__svg {width: 110px; height: 110px; opacity: .35;} .video-loaded .video-placeholder {display: none;}
.video-loading {position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--tt);
	font-size: 20px; z-index: 3; background: rgba(0,0,0,.35); opacity: 0; visibility: hidden; transition: opacity .2s ease; padding-top: 37px;}
.video-loading-active .video-loading {opacity: 1; visibility: visible;} .video-loaded .video-loading {opacity: 0; visibility: hidden;}
.loader {border: 5px solid rgba(255, 255, 255, 0.3); border-top: 5px solid #ccc; border-radius: 50%; width: 80px; height: 80px;
	animation: spin 1s linear infinite; margin-bottom: 10px;} @keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.video-help-panel {position: absolute; inset: 0; background: #111; overflow-y: auto; padding: 30px; z-index: 2;} .tab-btn[data-player="help"] {color: #4ca692;}
.video-help-panel__title {font-size: 20px; margin-bottom: 20px; color: #ccc;} .video-help-panel__list {line-height: 22px; padding-left: 20px;}
.video-help-panel__list li {margin-bottom: 18px; color: #bebebe;} .video-help-panel__highlight {color: var(--accent); opacity: .9; font-weight: 500;}
.underplayer__row {position: relative; display: flex; flex-wrap: wrap; align-items: center; margin-top: 3px; min-height: 60px;
	justify-content: center; gap: 30px; background-color: rgb(41, 41, 41); padding: 20px 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.share-buttons {position: relative; display: flex; gap: 8px;} .share-lite {display:flex; gap:10px;}
.share-lite a {position:relative; width:40px; height:40px; display:flex; align-items:center; justify-content:center; border: 1px solid #000; background: #1F1F1F;
    opacity: .9; border-radius:6px; transition:transform .15s ease, filter .15s ease;} .share-lite svg {width:26px; height:26px; fill:#bebebe;}
.share-lite a::after {content:attr(data-label); position:absolute; bottom:48px; left:50%; transform:translateX(-50%) scale(.9);
    background:#111; color:#fff; font-size:12px; padding:4px 8px; border-radius:4px; white-space:nowrap; opacity:0; pointer-events:none;
    transition:opacity .15s ease, transform .15s ease;} .share-lite a:hover::after {opacity:1; transform:translateX(-50%) scale(1);}
.share-lite a:hover { transform:translateY(-1px); filter:brightness(1.1);}
.pmovie__rating-likes {gap: 30px; padding: 0 30px; display: flex;} .pmovie__rating-likes > * {display: flex; align-items: center; height: 40px; gap: 10px;}
.pmovie__rating-likes .fal {background-color: #195044; display: grid; place-items: center; width: 60px; height: 40px; border-radius: 5px;
	box-shadow: 5px 5px 15px rgb(0 0 0 / 20%); opacity: 0.8;}
.pmovie__rating-likes .fal:hover {opacity: 0.9} .pmovie__rating-likes > * + * .fal {background-color: #541f1f;}
.pmovie__fav, .pmovie__complaint {background-color: var(--btn-bg); padding: 0 20px; border:1px solid #000; border-radius: 5px;}
.pmovie__fav a, .pmovie__complaint a {display:flex; align-items:center; gap:10px; height:40px; font-size: 16px;}

/* SERIALS FILTER BLOCK ----------------------------------------------- */
.serials-filter-title {font-size: 17px; color: var(--accent); opacity:.9; padding-top: 10px;}
.filter-form {display: grid; grid-template-columns: 1fr; gap: 20px; margin: 50px 20px;} .filter-row {position: relative; min-height: 50px;}
.slider-row {min-height: 65px;} .filter-row input[data-slider-config] {position: absolute; opacity: 0; pointer-events: none;} .filter-row .irs {min-height: 50px;}
.filter-row input[type="text"] {width: 100%; height: 40px; padding: 0 15px; border: 1px solid #747474; border-radius: 3px; background: inherit; font-size: 14px;}
.filter-actions {display: flex; gap: 15px;} .filter-actions input {flex: 1; height: 45px; border-radius: 3px; cursor: pointer;}
.filter-actions input[data-dlefilter="submit"] {background: #195044;} .filter-actions input[data-dlefilter="reset"] {background: #535c68;}
@media (min-width: 1221px) { .filter-form {grid-template-columns: 1fr 1fr; gap: 25px 30px; align-items: end;} .slider-row:nth-of-type(1) {grid-column: 1;}
.slider-row:nth-of-type(2) {grid-column: 2;} .title-row {grid-column: 1;} .filter-actions {grid-column: 2; justify-content: flex-end; align-items: center;}
.filter-actions input {flex: 0 0 auto; min-width: 170px;} }

/* SEO ----------------------------------------------- */
.genre-seo-block {margin: 60px 15px; line-height: 1.8;} .genre-seo-heading {margin-bottom: 25px; font-size: 22px;}
.genre-internal-links {margin-top: 20px; font-weight: 500;} .genre-internal-links a {color: var(--accent);}
.genre-internal-links a:hover, .genre-top-item a:hover {text-decoration: underline;} .genre-top-item a {color: var(--accent); font-weight: 500;}
.genre-top-posts {margin: 30px 0;} .genre-top-heading {font-size: 18px; margin-bottom: 15px;} .genre-top-item {margin-bottom: 8px;}
.genre-top-list {display: flex; flex-wrap: wrap; gap: 6px; font-weight: 500;} .genre-top-item {display: inline;}
.genre-top-item:not(:last-child)::after {content: "|"; margin-left: 6px;} .genre-top-item a {color: var(--accent);}

/* FOOTER, PAGINATION ----------------------------------------------- */
.footer {padding: 30px 40px; gap: 30px; font-size: 1rem; border-top: 1px solid var(--bdc);} .footer__menu {gap: 20px;align-items: center;margin-right: 60px;}
.rss-subscribe{display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 40px; border-radius: 3px; background: #252525;}
.rss-subscribe svg{width:18px;height:18px;fill: currentColor}.rss-subscribe:hover,.rss-subscribe:focus{filter:brightness(1.05);outline:none}
.pagination {gap: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 30px;padding-bottom: 20px;}
.pagination__prev-next {display: flex; justify-content: space-between; width: 100%; margin-bottom: 20px;}
.pagination__pages-btn {width: 50%; display: flex; justify-content: center; align-items: center;}
.pagination__pages {gap: 10px; display: flex; justify-content: center;}
.pagination__pages a, .pagination__pages span, .pagination__pages-btn a, .pagination__pages-btn > span {display: grid; place-items: center;
	background-color: #2C2C2C; color: var(--tt); height: 45px; border-radius: 3px; width: 55px; box-shadow: 0 1px 2px rgb(0 0 0 / 30%);}
.pagination__pages a:hover, .pagination__pages span:hover, .pagination__pages-btn a:hover, .pagination__pages-btn > span:hover {background-color: #303030;}
.pagination__pages span:not(.nav_ext) {background-color: var(--btn-bg); color: var(--accent); margin: 0 5px; width:55px;}
.pagination__pages-btn > span, .pagination__pages-btn a {height: 70px; width: calc(99% - 15px); box-shadow: 0 1px 2px rgb(0 0 0 / 30%);}
#scrolltop {position: fixed; width: 60px; height: 60px; line-height: 60px; right: 10px; bottom: 20px; z-index: 990; display: none; background-color: var(--bg);
	color:#bbb; border: 1px solid var(--bdc); cursor: pointer; font-size: 24px; border-radius: 3px; text-align: center; box-shadow: 0 5px 10px rgb(0 0 0 / 50%);}
.pagination__link-inner {display: flex; gap: 5px; align-items: center;}
#scrolltop svg {color: #bebebe; transition: transform .2s ease, opacity .2s ease;} #scrolltop:hover svg {transform: translateY(-2px);}
.nvg {font-size: 32px; margin-bottom: 5px;} .nvg-filter {font-size: 32px; padding-bottom: 20px;}

/* @MEDIA ----------------------------------------------- */
@media (max-width:470px){ .nice-select.open .list{padding:0!important} .story-search-btn {max-width: 60px;} }
@media (max-width:590px){ .alphabetical-sorting-icon, .favorites  {flex: 1 1 auto;} .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;}
.icon-container-group {display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%; flex: 0 0 100%; order: 3;}
.icon-container, .header__login-btn--logged {width: 100%; min-width: 0;} }
@media (max-width:768px){ .underplayer__row {margin-left: var(--indent-negative); margin-right: var(--indent-negative);}
.pagination__pages,.footer{justify-content:center;}.footer__menu{margin-right: 60px;justify-content:center}#scrolltop{width:40px;height:40px;line-height:40px;
	font-size:18px;bottom:30px;} .pmovie__header-main{justify-content:center;} .pmovie__header-main h1 {text-align:center}
.pmovie__player{margin-left:var(--indent-negative);margin-right:var(--indent-negative)}.tabs-block__select{gap:5px}
.tabs-block__select span{margin:0;flex:1 1 0;min-width:auto;max-width:100%;white-space:nowrap;text-align:center} .pmovie__complaint,.pmovie__actors{display:none} }
@media (min-width: 1220px) { .header__inner {flex-wrap: nowrap; padding: 5px 0; gap: 15px;} .header__logo {flex: 0 0 auto; margin-right: 25px;}
.main-search-block {flex: 1 1 auto; order: 0; width: auto;} .icon-container-group {flex: 0 0 auto; margin-left: auto; }
.breadcrumbs-speedbar svg {display: block;} .breadcrumbs-speedbar {display: flex; flex-wrap: wrap; align-items: center; gap: 5px;
	padding-left: 15px; font-size: 15px; flex-grow: 1; overflow: hidden; text-overflow: ellipsis; opacity: .8;}
.content {overflow: visible; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;} }
@media (min-width:1221px){ .header__btn-menu{display:none} .pmovie__related {padding: 0 20px;} .first-column {box-shadow: 0 0 25px rgba(0,0,0,0.7);} }

/* FILTER.CSS ----------------------------------------------- */
#filter_row { text-align:right }
.new_filter_top {text-align: center; width:100%; user-select:none; position: absolute; opacity: 0; transform: translateY(-5px); pointer-events: none; height: 0;}
.new_filter_top.active {display: block; position: absolute; padding: 20px 15px; margin-top: 35px; top: 100px; background-color: var(--bg);
    height: auto; width: auto; min-width: -webkit-fill-available; min-width: -moz-available; z-index: 10; opacity: 1;
    transform: translateY(0); transition: all .25s linear; pointer-events: auto; box-shadow: 0 5px 10px rgb(0 0 0 / 70%);}
.new_filter_top .cell {display:block; margin:5px 0}
.new_filter_top .button {background-color: var(--black); border-radius:7px; padding:0 10px; cursor:pointer;border: 1px solid #444;}
.new_filter_top .button:hover {opacity:.8 } .new_filter_top .button.edited {color:var(--accent)}
.filter-svg {width: 18px; height: 18px; stroke: #cea649; stroke-width: 2; fill: none; display: inline-block; vertical-align: middle;}
.filter-svg polyline, .filter-svg line, .filter-svg circle {stroke: inherit; stroke-width: inherit; fill: inherit;} .arrow-down {transition: transform .25s ease}
.button.active .button-arrow .arrow-down, .button.active .arrow-down, .select-wrapper.active .arrow-down {
    transform: rotate(180deg); background-color: #2e544c; border-radius: 50%;}
.button-arrow {display: inline-flex; justify-content: center; align-items: center; margin-left: 8px;}
.select-arrow {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none;}
.select-wrapper { position: relative; margin-top: auto; }
.checkbox-box {width: 18px; height: 18px; border: 1px solid #cea649; border-radius: 3px; display: inline-flex; justify-content: center;
    align-items: center; margin-right: 8px; position: relative; flex-shrink: 0;}
.checkbox-check {width: 16px; height: 16px; opacity: 0; transition: opacity .15s ease;}
.filter input[type=checkbox]:checked + label .checkbox-box .checkbox-check {opacity: 1;}
.close-icon { width: 16px; height: 16px } .close-icon line { stroke:#cea649; stroke-width:2 }
#filter_mobile_close .close-icon {width: 20px; height: 20px;} .search-icon {width: 18px; height: 18px;}
.search-icon-box {position: absolute; top: 50%; left: 12px; transform: translateY(-50%); display: flex; pointer-events: none;
    align-items: center; justify-content: center;} .filter_input { position: relative }
.filter_input input {padding-left: 42px; background-color: var(--menu-active); color: var(--tt);}
.button .filter-svg, .icon .filter-svg, .select-arrow .filter-svg, .search-icon-box .filter-svg {pointer-events: none; transition: .25s;}

/* MOBILE CHECKBOX — unified size */
#filter_mobile .checkbox-box {width: 18px; height: 18px;} #filter_mobile .checkbox-check {width: 16px; height: 16px;}

/* FILTER BLOCKS */
.new_filter_reset.active {display:flex; align-items:center; height:40px;}
.new_filter_top .filter {display:inline-block; vertical-align:middle; padding:5px 10px 4px 0; border-radius:3px; margin-top:0;}
.new_filter_top .filter.hided { display:none }
.new_filter_top .block {width:100%; user-select:none; padding:0 5px; max-width:1300px; background:#1F1F1F; border-radius:0 0 5px 5px;
    display:none; box-shadow: 0 5px 10px rgb(0 0 0 / 70%);}
.new_filter_top .block.active {display:block; z-index:10; right:5px; padding-bottom:30px;} .new_filter_top .block.category { left:0 }
.new_filter_top .block.country, .new_filter_top .block.category, .new_filter_top .block.year, .new_filter_top .block.imdb,
.new_filter_top .block.rating, .new_filter_top .block.selection, .new_filter_top .block.translation, .new_filter_top .block.actor, .new_filter_top .block.director {right:0; width:100%; padding:30px;border: 1px solid #444; margin-top: 10px; text-align: left;}
.new_filter_top .block.translation .filter, .new_filter_top .block.selection .filter {display:inline-flex; width:max-content;}
.new_filter_top .block.actor .filter, .new_filter_top .block.director .filter {width:100%;}
.new_filter_top .block .bottom_row {display:none; padding:20px 0 0 10px;}
.new_filter_submit {padding:0 20px; background-color: var(--btn-bg); font-size:15px; display:inline-block; border-radius:3px; line-height:40px; cursor:pointer;}
.new_filter_submit:hover { opacity:.8 } .new_filter_reset {padding:0 15px 0 0; cursor:pointer; display:none; font-size:15px;}
.new_filter_reset:hover {background:#2C2C2C;border-radius:5px;}
.new_filter_top .filter label {display:flex; align-items:center; white-space:nowrap; min-width:max-content; line-height:40px;
    font-size:15px; padding:0 10px; border-radius:3px; cursor:pointer;} .new_filter_top .filter label:hover { background:#2C2C2C }

/* Active state */
.new_filter_top .filter input[type=radio], .new_filter_top .filter input[type=checkbox] { display:none }
.new_filter_top .filter input[type=radio]:checked + label, .new_filter_top .filter input[type=checkbox]:checked + label {color:var(--accent);
	background-color: var(--menu-active);} .show_all_country {padding-top:10px; padding-left:10px; text-align: left;} .show_all_country button:hover {opacity:.8}
.filter_header {color:var(--accent)} .filter_or {display:none; border-bottom:1px solid #4b4b4b; margin-bottom:10px} .filter_slider {padding-bottom:0}
.filter_slider span {display:block; text-align:center; margin-bottom:30px} .slider_label {padding-top:5px}
.filter_full {padding:0 10px; display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom: 15px;}
.filter_full button {padding:0 10px; line-height:30px; border-radius:3px; text-transform:none; margin-right: 10px; margin-top: 10px;
	background-color: var(--menu-active); color: var(--tt);} .filter_full button:hover {opacity:.7} .filter_full .active {color:var(--accent)}
.filter_result {max-height:360px; overflow-y:auto; padding-top: 5px; text-align: left;}
.filter_result div {background:#181818; line-height:40px; padding:0 10px 0 40px; font-size:16px;}
.filter_result span { color:#e1a730; pointer-events: none; } .filter_result .search_actor, .filter_result .search_director {cursor:pointer;}
.filter_result .search_actor:hover, .filter_result .search_director:hover {background:#424242; color:#ccc;}
.filter_result .search_actor:hover span, .filter_result .search_director:hover span {color:#ccc;}
.filter_select {margin-top:10px} .green-check {display:inline-block; width:16px; height:auto; color:#2e544c; font-weight:900; margin-right:6px;}
.new_filter_state {user-select:none; text-align:left} .new_filter_state div {display:inline-block; padding:15px}
.new_filter_state .icon, .new_filter_state .icon div {padding:0} .new_filter_state .new_filter_reset {line-height:40px; padding:0 20px;}
.new_filter_state .new_filter_reset .icon {vertical-align:top; padding-right:10px;} .new_filter_state span {color:var(--accent); margin-left:5px}

/* FILTER MOBILE */
#filter_mobile {position:fixed; top:0; bottom:0; width:100%; display:none; left:0; right:0; z-index:200; overflow-y:auto;}
#filter_mobile.active {padding:60px 20px 120px;} #filter_mobile.active, #filter_mobile_top.active, #filter_mobile_bottom.active {display:flex;
	flex-wrap:wrap; justify-content:center; align-items:center; background:var(--bg);} #filter_mobile_top {line-height:60px; font-size:20px; position:fixed; top:0; z-index:997; background:#181818; width:100%; left:0; padding:0 80px; border-bottom:1px solid #4b4b4b; display:none;}
#filter_mobile_close {cursor:pointer; display:block; position:fixed; z-index:999; width:40px; height:40px; line-height:40px; text-align:center;
	border-radius:3px; background-color:#BD0B0B; color:#ccc; transition:top .4s,opacity .4s; right:18px; top:10px;}
#filter_mobile_bottom {bottom:0; left:0; width:100%; position:fixed; padding:10px; background:#181818; border-top:1px solid #4b4b4b; z-index:997; display:none;}
#filter_mobile_bottom .new_filter_submit {width:100%; text-align:center; height:60px; line-height:60px; color:var(--tt);}
#filter_mobile_bottom .new_filter_reset {width:100%; margin-left:0; padding-top:20px; display:none;}
#filter_mobile_bottom .new_filter_reset.active {display:flex; justify-content:center; margin:10px 0; height:60px; padding:0; background:#2C2C2C; color:var(--tt);}

/* FILTER MEDIA QUERIES */
@media (max-width:450px){ #new_filter, #new_sorting {font-size:15px} .sr-only-mobile {display:none}
    .underheader-filter__group {justify-content:space-between; width:-webkit-fill-available;} #new_sorting_list .list {padding:0 40px 0 20px; height: 50px;} }
@media (max-width:768px){.icon-close {display: block; padding-top: 3px;}
    .new_filter_top .button.active, .new_filter_top .button{line-height:50px; font-size:16px; display: flex;  align-items: center; justify-content: space-between;}
    .new_filter_top .block.country, .new_filter_top .block.category {padding:30px 10px;}
    .new_filter_top .block.year, .new_filter_top .block.imdb, .new_filter_top .block.rating {padding:30px;}
    .new_filter_top .block.country, .new_filter_top .block.category, .new_filter_top .block.year, .new_filter_top .block.imdb, .new_filter_top .block.rating, .new_filter_top .block.selection, .new_filter_top .block.translation, .new_filter_top .block.actor, .new_filter_top .block.director {border: none; margin-top: 0;} .new_filter_top.active {top: 10px; box-shadow: none; padding-left: 0; padding-right: 0; padding-bottom: 170px;}
    .new_filter_submit, .new_filter_reset {font-size:inherit} } 
@media (min-width:360px){ .new_filter_top .filter {width:49.2%} }
@media (min-width:590px){ .new_filter_top .filter {width:32.33%} }
@media (min-width:768px){ .new_filter_top.active {top: 180px;}
    .new_filter_top .button {display:flex; justify-content:space-between; gap:5px; height:40px; line-height:40px; align-items: center;}
    .new_filter_top .block .bottom_row {display:flex; align-items:center; gap:20px;} .new_filter_top .block {position:absolute}
    #filter_mobile {overflow-y:unset; display:block; position:inherit;} #filter_mobile.active {padding:0}
    .new_filter_top .cell {display:inline-block; padding-bottom:5px;} }
@media (min-width:960px){ .new_filter_top .filter { width:24.5% } }
@media (min-width:1221px){ .new_filter_top.active { top:100px } .new_filter_row {display:flex; gap:10px; justify-content:space-between; flex-wrap:wrap;}
    .new_filter_top .cell { display:table-cell; min-width:max-content; flex:1;} .new_filter_top {margin-left:0;}
    .new_filter_top .block.year, .new_filter_top .block.imdb, .new_filter_top .block.rating, .new_filter_top .block.selection {right:auto; width:515px;}
    .new_filter_top .block.translation, .new_filter_top .block.actor, .new_filter_top .block.director {width:480px; padding:30px 30px 20px;}
    .new_filter_top .filter {width:19%} .new_filter_top .block.category .filter {width:19%} }
@media (min-width:1920px){ .footer__menu {padding-left: 205px; margin-right: 0; justify-content: center;} }