:root {
  /* Brand — Cyan scale */
  --clr-primary-900: #164E63;
  --clr-primary-700: #0E7490;
  --clr-primary-600: #0891B2;
  --clr-primary-500: #06B6D4;
  --clr-primary-400: #22D3EE;
  --clr-primary-300: #67E8F9;
  --clr-primary-100: #CFFAFE;
  --clr-primary-50:  #ECFEFF;

  /* Category badges */
  --clr-film:    #0891B2;
  --clr-serial:  #DC2626;
  --clr-cartoon: #16A34A;
  --clr-anime:   #7C3AED;

  /* Neutrals */
  --clr-bg-body:   #0F172A;
  --clr-bg-main:   #FFFFFF;
  --clr-bg-soft:   #F8FAFC;
  --clr-bg-muted:  #F1F5F9;
  --clr-border:    #E2E8F0;
  --clr-border-strong: #CBD5E1;
  --clr-text:      #0F172A;
  --clr-text-secondary: #475569;
  --clr-text-muted: #94A3B8;

  /* Typography */
  --ff-display: 'Unbounded', Arial, sans-serif;
  --ff-body:    'Nunito Sans', Arial, sans-serif;
  --fs-xs:   0.6875rem;
  --fs-sm:   0.8125rem;
  --fs-base: 0.875rem;
  --fs-md:   1rem;
  --fs-lg:   1.125rem;
  --fs-xl:   1.5rem;
  --fs-2xl:  1.875rem;
  --fs-3xl:  2.25rem;

  /* Shadows */
  --shadow-sm:   0 1px 2px rgba(15,23,42,.06);
  --shadow-md:   0 4px 12px rgba(15,23,42,.08);
  --shadow-lg:   0 8px 30px rgba(15,23,42,.12);
  --shadow-xl:   0 20px 60px rgba(15,23,42,.18);
  --shadow-card: 0 2px 8px rgba(15,23,42,.06), 0 0 0 1px rgba(15,23,42,.04);
  --shadow-card-hover: 0 8px 24px rgba(15,23,42,.12), 0 0 0 1px rgba(8,145,178,.3);
  --shadow-glow: 0 0 20px rgba(8,145,178,.25);
  --shadow-focus: 0 0 0 3px rgba(34,211,238,.15);

  /* Radii */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   14px;
  --radius-xl:   20px;
  --radius-full: 9999px;

  /* Motion */
  --ease-out:    cubic-bezier(.16,1,.3,1);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);
  --dur-fast:    150ms;
  --dur-normal:  300ms;

  /* Layout */
  --max-width:   1000px;
  --sidebar-w:   386px;
  --content-pad: 20px;
}

/* SET BASE
----------------------------------------------- */
* {background: transparent; margin: 0; padding: 0; outline: none; border: 0; box-sizing: border-box;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table {border-collapse: collapse; border-spacing: 0;}
input, select {vertical-align: middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}
img {max-width: 100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}

body {font: var(--fs-base) var(--ff-body); line-height: 1.5; padding: 0; margin: 0;
color: var(--clr-text); background: var(--clr-bg-body);
min-height: 100%; width: 100%; font-weight: 400;}
a {color: var(--clr-text); text-decoration: none;}
a:hover, a:focus {color: var(--clr-primary-600); text-decoration: none;}
h1, h2, h3, h4, h5 {font-weight: 500; font-size: 24px; font-family: var(--ff-display);}

button, textarea, select, input[type="text"], input[type="password"], input[type="button"], input[type="submit"]
{appearance: none; -webkit-appearance: none; font-size: var(--fs-md); font-family: var(--ff-body) !important;}

.button, .btn, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button,
button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]),
html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a, .usp-btn a {
display: inline-block; text-align: center; padding: 0 20px; height: 40px; line-height: 40px;
border-radius: var(--radius-md); cursor: pointer; font-weight: 700;
background-color: var(--clr-primary-600); color: #fff; font-size: var(--fs-base);
transition: background-color var(--dur-fast), box-shadow var(--dur-fast), transform var(--dur-fast);}
.button:hover, .btn:hover, .up-second li a:hover, .usp-edit a:hover, .qq-upload-button:hover,
.pagi-load a:hover, .usp-btn a:hover,
button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]):hover,
html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover
{background-color: var(--clr-primary-500); color: #fff; box-shadow: var(--shadow-glow);}
button:active, input[type="button"]:active, input[type="submit"]:active {transform: scale(0.97);}

input[type="text"], input[type="password"] {height: 40px; line-height: 40px;
border-radius: var(--radius-md); border: 0; padding: 0 15px;}
select {height: 40px; border: 0; padding: 0 15px;}
textarea {padding: 15px; overflow: auto; vertical-align: top; resize: vertical;}
input[type="text"], input[type="password"], select, textarea {width: 100%; background-color: var(--clr-bg-main); color: var(--clr-text);
box-shadow: inset 0 0 0 1px var(--clr-border);}
select {width: auto;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus
{box-shadow: inset 0 0 0 1px var(--clr-primary-400), var(--shadow-focus); outline: none;}
input::placeholder, textarea::placeholder {color: var(--clr-text-muted); opacity: 1; font-size: var(--fs-base);}
input:focus::placeholder, textarea:focus::placeholder {color: transparent}

.img-box, .img-wide, .img-resp, .img-resp-vert, .img-fit {overflow: hidden; position: relative;}
.img-resp {padding-top: 70%;}
.img-resp-vert {padding-top: 140%;}
.img-box img, .img-resp img, .img-resp-vert img {width: 100%; min-height: 100%; display: block;}
.img-resp img, .img-resp-vert img {position: absolute; left: 0; top: 0;}
.img-wide img, .img-wide > a, .rkl > a {width: 100%; display: block;}
.img-fit img {width: 100%; height: 100%; object-fit: cover;}
.nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.fx-row, #dle-content {display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.fx-col {display:-ms-flexbox;display:-webkit-flex;display:flex; 
-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.fx-center {-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-middle {-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-start, #dle-content {-webkit-justify-content:flex-start;justify-content:flex-start;}
.fx-first {-ms-flex-order: -1;-webkit-order: -1;order: -1;}
.fx-last {-ms-flex-order: 10;-webkit-order: 10;order: 10;}
.fx-1 {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 
	max-width: 100%; min-width: 50px;}
.fx-between {-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}

b, strong, .fw700 {font-weight: 700;}
.icon-left [class*="fa-"], .icon-left .icon {margin-right: 10px;}
.icon-right [class*="fa-"], .icon-right .icon {margin-left: 10px;}
.hidden, #dofullsearch {display: none;}
.anim, .btn, button, .popular-item-img:before, .short-item a, .sidebar a, .header-btn,
.short-img, .footer a, .side-nav a {transition: background-color .3s, color .3s, box-shadow .3s, opacity .3s;}
.mtitle, .sub-title h1, .form-wrap h1 {margin-bottom: 30px; font-size: 24px !important; font-weight: 700;}
#dle-content > *:not(.card-item):not(.coll-item) {width: 100%;}


/* BASIC GRID
----------------------------------------------- */
.wrap {min-width:320px; position: relative;}
.wrap-center {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;}
.wrap-main {background-color: var(--clr-bg-main); padding: 0 var(--content-pad); box-shadow: var(--shadow-xl);}
.sidebar {width: var(--sidebar-w); margin-left: 20px;}
.sidebar-cat {width: 240px;}
.content {padding: 20px 0;}
.footer {margin: 40px calc(-1 * var(--content-pad)) 0 calc(-1 * var(--content-pad)); background: linear-gradient(180deg, var(--clr-bg-body), #020617); color: #fff; padding: 24px; border-top: 1px solid rgba(255,255,255,.06);}
.header-1 {background: linear-gradient(135deg, var(--clr-bg-body) 0%, #1a2640 60%, #0f1f36 100%); position: relative; z-index: 200; color: var(--clr-text-muted);
	height: 44px; padding: 0 var(--content-pad); margin: 0 calc(-1 * var(--content-pad));
	border-bottom: 1px solid rgba(6,182,212,.15); box-shadow: 0 1px 0 rgba(6,182,212,.08), inset 0 1px 0 rgba(255,255,255,.03);}
.header-2 {background-color: var(--clr-bg-main); box-shadow: var(--shadow-sm); border-bottom: 1px solid var(--clr-border); height: 56px;
	margin: 0 calc(-1 * var(--content-pad)); padding: 0 var(--content-pad); position: relative; z-index: 199;}
.main .rkl img {display: block; width: 100%;}

.i-sprt, .submenu > a:after {background-image: url(../images/sprite.png); background-repeat: no-repeat; display: inline-block;
	font-size: 0; line-height: 0; vertical-align: middle;}
.header-login .i-sprt {background-position: -145px -193px; height: 9px; margin: 0 0 0 5px; width: 9px;}
.footer .vk i {background-position: -8px -104px; height: 14px; margin-top: 7px; width: 24px; margin-right: 20px;}
.footer .tw i {background-position: -33px -104px; height: 14px; margin-top: 7px; width: 22px;}
.card-overlay .play {background-position: 0 -333px; display: block; height: 60px; width: 60px;}
.submenu > a:after {transition-duration: 0.2s; transition-property: transform; content: '';
	background-position: -88px -217px; height: 5px; margin: -2px 0 0 5px; width: 7px;}
.ussr span {background-position: 0 -565px; height: 33px;}
.waltdisney span {background-position: 0 -598px; height: 30px;}
.christmas span {background: url(../images/christmas-menu_icon.png) no-repeat 0 0 !important; height: 32px; width: 126px;}


/* HEADER
----------------------------------------------- */
.header-logo {position: absolute; left: 50%; top: 0; background: url(../images/hdrezka-logo.png) no-repeat 0 0;
	background-size: 100% 200%; display: block; height: 40px; margin-left: -66px; width: 132px;}
.header-logo:hover {background-position: 0 -40px;}
.header-logo-christmas {width: 291px; height: 40px; margin-left: -146px; background-image: url(../images/holiday-christmas-logo.gif);}
.header-register, .header-login {display: inline-block; margin-left: 50px; color: var(--clr-text-muted);
	font-size: var(--fs-xs); font-weight: 600; text-transform: uppercase; letter-spacing: .06em; cursor: pointer; transition: color var(--dur-fast);}
.header-register:hover, .header-login:hover {color: var(--clr-primary-400); text-decoration: none;}
.header-markup-link {display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 0 14px;
	margin-left: 18px; border-radius: var(--radius-full); background: var(--clr-primary-50);
	border: 1px solid var(--clr-primary-300); color: var(--clr-primary-700); font-size: var(--fs-xs); font-weight: 700;
	text-transform: uppercase; letter-spacing: .04em; text-decoration: none; transition: background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);}
.header-markup-link:hover {background: var(--clr-primary-600); border-color: var(--clr-primary-500); color: #fff; text-decoration: none;}
.header-notes-link {
	display: inline-flex; align-items: center; justify-content: center; min-height: 32px;
	padding: 0 14px; border-radius: var(--radius-full); background: var(--clr-primary-50);
	border: 1px solid var(--clr-primary-300); color: var(--clr-primary-700);
	font-size: var(--fs-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
	text-decoration: none; transition: background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);
}
.header-notes-link:hover {background: var(--clr-primary-600); border-color: var(--clr-primary-500); color: #fff; text-decoration: none;}
.header-install-btn {
	display: none; align-items: center; gap: 6px;
	margin-left: 0; padding: 6px 14px; border-radius: var(--radius-full);
	border: 1.5px solid var(--clr-border-strong); background: var(--clr-bg-soft);
	font-size: var(--fs-xs); font-weight: 600; text-transform: uppercase; letter-spacing: .06em;
	color: var(--clr-text-secondary); cursor: pointer; text-decoration: none;
	transition: border-color var(--dur-fast), color var(--dur-fast), background-color var(--dur-fast);
}
.header-install-btn::before {
	content: '↓'; font-size: 12px; color: var(--clr-primary-600); font-style: normal;
}
.header-install-btn:hover {
	border-color: var(--clr-primary-400); color: var(--clr-primary-600);
	background: var(--clr-primary-50); text-decoration: none;
}
			
.menu > li > a {line-height: 56px; display: block; margin-right: 10px; white-space: nowrap; font-size: var(--fs-base); font-weight: 600; color: var(--clr-text-secondary); transition: color var(--dur-fast);}
.menu > li > a:hover {color: var(--clr-primary-600);}
.menu > li.submenu > a {font-weight: 700;}
.hidden-menu {box-shadow: var(--shadow-xl);
	background: var(--clr-bg-main); border-radius: 0 0 var(--radius-lg) var(--radius-lg); font-size: var(--fs-base);
	position: absolute; left: calc(-1 * var(--content-pad)); top: 100%; right: calc(-1 * var(--content-pad)); padding: 20px; align-items: flex-start;
	visibility: hidden; opacity: 0; transform: translateY(10px) scale(.98);
	transition: opacity var(--dur-normal) var(--ease-out), transform var(--dur-normal) var(--ease-out), visibility var(--dur-normal);
	border-top: 3px solid var(--clr-primary-500); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);}
.menu > li.submenu:hover .hidden-menu {visibility: visible; opacity: 1; transform: translateY(0) scale(1);}
.hm-left a {display: block; color: var(--clr-primary-600); line-height: 30px; padding: 0 20px;
	white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: background var(--dur-fast), color var(--dur-fast);}
.hm-left li {width: 25%;}
.hm-right {width: 200px; margin-left: 20px;}
.hm-right a {padding: 8px 20px; display: block;}
.hm-left a:hover, .hm-right a:hover {background-color: var(--clr-bg-soft); color: var(--clr-primary-700); border-radius: var(--radius-sm);}
.hm-right a span {display: block;}
.hm-filt {width: 100%; margin-top: 20px;}
.hm-filt-capt {font-size: var(--fs-md); font-weight: 700; color: var(--clr-text-secondary); margin-right: 10px;}
.hm-filt-select {width: 200px; margin-right: 10px;}
.hm-filt select, .hm-filt form {width: 100%;}
.hm-filt-btn button {font-size: 14px !important; height: 46px !important; line-height: 46px !important;}

.nice-select{background-color: var(--clr-bg-main); cursor:pointer; line-height:40px; position:relative; white-space:nowrap; width:100%;
	box-shadow: 0 0 0 1px var(--clr-border); padding: 0 10px; border: 2px solid var(--clr-border-strong); color: var(--clr-text-secondary);
	font-size: var(--fs-xs); font-weight: 700; text-transform: uppercase; outline: 0; outline-offset: -2px; border-radius: var(--radius-sm);}
.nice-select:active,.nice-select.open,.nice-select:focus{border-color: var(--clr-primary-500);}
.nice-select::before, .nice-select::after {content: "\25B2"; position: absolute; 
	right: 10px; bottom: 22px; font-size: 7px; line-height: normal;}
.nice-select::after {content: "\25BC"; bottom: auto; top: 22px;}
.nice-select.open .list{opacity:1; pointer-events:auto;}
.nice-select.disabled{border-color:#ededed; color:#999; pointer-events:none;text-decoration:none!important}
.nice-select.disabled::after{border-color:#cccccc}
.nice-select .list{background-color: var(--clr-bg-main); box-shadow: var(--shadow-xl); border: 1px solid var(--clr-border); border-radius: var(--radius-sm);
	left:0; margin-top:4px; opacity:0; overflow:hidden; pointer-events:none;
	position:absolute; top:100%; width:100%; z-index:9}
.nice-select .list:hover .option:not(:hover){background-color:transparent}
.nice-select .option{cursor:pointer; line-height:30px; min-height:30px; padding: 0 15px;}
.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color: var(--clr-bg-soft); color: var(--clr-primary-600);}
.nice-select .option.selected{font-weight:600}
.nice-select .option.disabled{background-color:transparent; color:#999; cursor:default}
.no-csspointerevents .nice-select .list{display:none}
.no-csspointerevents .nice-select.open .list{display:block}

.search-wrap {position: relative; width: 250px; top: 2px;}
.search-box input, .search-box input:focus {padding: 0 12px 0 38px; border-radius: var(--radius-full); background: var(--clr-bg-muted); box-shadow: inset 0 0 0 1px var(--clr-border); font-size: var(--fs-base); transition: box-shadow var(--dur-fast), background var(--dur-fast);}
.search-box input:focus {background: var(--clr-bg-main); box-shadow: inset 0 0 0 1px var(--clr-primary-400), 0 0 0 3px rgba(34,211,238,.1);}
.search-box input:not(:focus)::placeholder {color: var(--clr-text-muted); opacity: 1; font-size: var(--fs-base);}
.search-box button {position: absolute; left: 0px; top: -2px; z-index: 10; width: 40px; cursor: pointer;
background: url(../images/search-icon.png) center center no-repeat; height: 40px;}


/* FILTER, COLLECTION, VOICE
----------------------------------------------- */
.sect-voice, .sect-voice-1 {margin: 0 -20px; padding: 20px; text-align: center;}
.sect-voice-1 {background-color: #ef0f4e; color: #fff !important; display: block; font-size: 22px; font-weight: 700; 
	background-image: linear-gradient(29deg, #ee0953 5%, #ff6b00 100%); padding: 0 20px;
	letter-spacing: .2px; text-shadow: 0 1px 3px rgba(0,0,0,0.37); height: 45px; line-height: 45px;}
.sect-voice-1 i {display: inline-block; background: url("../images/hdrezka-logo_w2.png") no-repeat 0 -4px;
	background-size: 154px 57px; margin: 0 5px; height: 45px; width: 154px;
	vertical-align: top; text-indent: -9999px; overflow: hidden;}
.sect-voice-1 span b {position: relative;}
.sect-voice-1 span b::before {content: ''; display: block; position: absolute; width: 94px; height: 78px;
	background: url("../images/announce_arrows.png") no-repeat 0 0; background-size: 94px 78px; left: 0; top: -33px;}
.sect-voice-2 {padding: 20px 0 0 0; margin-bottom: -20px; text-align: center; font-size: var(--fs-base);}
.sect-voice-2 a {font-weight: 700; color: var(--clr-primary-700); display: inline-block; vertical-align: top; 
	position: relative; padding-left: 28px; margin-left: 6px;}
.sect-voice-2 a::before {opacity: .9; background: url(../images/icon-tg.png) no-repeat 0 0; background-size: 100%;
	content: ""; display: block; height: 22px; position: absolute; top: -4px; left: 0; width: 23px;}
.sect-coll {margin: 20px -20px; padding: 20px; background-color: var(--clr-bg-muted);}
.coll-item {height: 145px; width: calc((100% - 20px)/2);}
.coll-item:before {content: ''; position: absolute; z-index: 5; left: 0; top: 0; right: 0; bottom: 0; 
	transition: background-color 0.2s linear; background-color: rgba(0,0,0,0.7);}
.coll-title {position: absolute; z-index: 10; left: 0; top: 0; right: 0; bottom: 0; 
	padding: 40px; text-transform: uppercase; color: #fff; font-weight: 700; font-size: 16px;}
.coll-item:hover:before {background-color: rgba(0,0,0,0.2);}
.sect-filt {margin-bottom: 30px; font-size: var(--fs-sm);}
.sect-filt a, .sect-filt span {text-decoration: none; display: block;
	line-height: 36px; height: 36px; padding: 0 10px; margin-bottom: 8px; border-radius: var(--radius-sm); transition: background var(--dur-fast), color var(--dur-fast);}
.sect-filt a:hover, .sect-filt a.is-active {background-color: var(--clr-primary-600); color: #fff; text-decoration: none;}
.sect-filt span {color: var(--clr-text-muted); text-decoration: none;}
#vk_groups {width: 100% !important;}
.sect-carou {background: linear-gradient(180deg, var(--clr-bg-soft) 0%, var(--clr-bg-main) 100%); padding: 20px 60px; margin: 0 calc(-1 * var(--content-pad)); margin-top: -20px; border-bottom: 1px solid var(--clr-border);}
.sect-carou-header {margin-bottom: 6px;}
.sect-carou-header div, .sect-carou-header span {margin-right: 8px; font-weight: 700;
	font-size: var(--fs-md); border-bottom: 2px solid transparent; color: var(--clr-text-muted); cursor: pointer; margin-bottom: 10px;
	padding-bottom: 4px; transition: color var(--dur-fast), border-color var(--dur-fast); font-family: var(--ff-display);}
.sect-carou-header div.is-active, .sect-carou-header span {cursor: default; border-bottom-color: var(--clr-primary-500); color: var(--clr-text);}
.sect-carou-header div.all {font-weight: 400; font-size: var(--fs-base); color: var(--clr-text-muted);}
.sect-carou-header div:hover {color: var(--clr-primary-600);}
.sect-carou-loader {text-align: center; font-size: var(--fs-xl); color: var(--clr-primary-500); padding-top: 20px;}


/* SHORTSTORY
----------------------------------------------- */
.sect-title {font-size: var(--fs-3xl); font-weight: 400; font-family: var(--ff-display); margin-bottom: 16px; letter-spacing: -.03em;
  background: linear-gradient(135deg, var(--clr-text) 0%, var(--clr-primary-600) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.sect-items {margin: 0 -8px;}
.card-item {width: 33.33%; padding: 0 8px; margin-bottom: 24px; position: relative;}
.card-img {display: block; border-radius: var(--radius-md); border: none; box-shadow: var(--shadow-card); margin-bottom: 12px; overflow: hidden;
	transition: box-shadow .4s var(--ease-out), transform .4s var(--ease-out);}
.fimg {display: block; border-radius: var(--radius-md); border: none; box-shadow: var(--shadow-lg); margin-bottom: 15px; overflow: hidden;
	transition: box-shadow .4s var(--ease-out);}
.fimg:hover {box-shadow: 0 12px 40px rgba(8,145,178,.3), 0 0 0 1px rgba(8,145,178,.2);}
.card-img img {transition: transform .6s var(--ease-out);}
.card-item:hover .card-img {box-shadow: 0 12px 40px rgba(8,145,178,.25), 0 0 0 1px rgba(8,145,178,.2); transform: translateY(-6px);}
.card-item:hover .card-img img {transform: scale(1.07);}
.card-title {display: block; color: var(--clr-text); font-size: var(--fs-base); font-weight: 700; transition: color var(--dur-fast);}
.card-meta {font-weight: 600; font-size: var(--fs-xs); color: var(--clr-text-muted); margin-top: 4px; letter-spacing: .02em;}
.card-trailer {position: absolute; z-index: 10; left: 11px; top: 29px; cursor: pointer;
	background-color: rgba(15,23,42,.65); background-image: url(../images/trailer-icon-small.png);
	background-position: 10px 50%; background-repeat: no-repeat; color: #fff;
	height: 38px; line-height: 38px; width: 40px; border-radius: var(--radius-sm);}
.card-trailer b {display: none; text-transform: uppercase; font-weight: 700; font-size: var(--fs-xs);}
.card-trailer:hover b {display: block;}
.card-trailer:hover {width: calc(100% - 22px); padding-left: 40px;}
.card-item:hover .card-title {color: var(--clr-primary-600); text-decoration: none;}
.card-overlay {position: absolute; z-index: 5; left: 0; top: 0;
	width: 100%; height: 100%;
	background: linear-gradient(to top, rgba(8,23,52,.92) 0%, rgba(8,145,178,.1) 50%, transparent 100%);
	opacity: 0; transition: opacity .4s var(--ease-out);}
.card-item:hover .card-overlay {opacity: 1;}
.card-cat {position: absolute; z-index: 10; top: 0; right: 0; padding: 0 32px 0 10px;
	border-radius: 0 var(--radius-md) 0 var(--radius-sm); color: #fff; background-color: var(--clr-film); cursor: help; display: block;
	height: 26px; line-height: 26px; min-width: 32px; font-size: 10px; text-transform: uppercase; letter-spacing: .04em; font-weight: 700;}
.card-cat .icon {background: url(../images/icon-entity.png) no-repeat 0 0;
	position: absolute; top: 50%; right: 5px;}
.card-cat-film .icon {background-position: 0 0; margin-top: -9px; height: 17px; width: 21px;}
.card-cat-mult {background-color: var(--clr-cartoon);}
.card-cat-mult .icon {background-position: 0 -32px; margin-top: -9px; height: 17px; width: 17px; right: 7px;}
.card-cat-serial {background-color: var(--clr-serial);}
.card-cat-serial .icon {background-position: 0 -17px; margin-top: -8px; height: 15px; width: 21px;}
.card-cat-anime {background-color: var(--clr-anime);}
.card-cat-anime .icon {background-position: 0 -70px; margin-top: -8px; height: 15px; width: 20px; right: 6px;}
.card-item:hover .card-cat span {display: none;}
.card-item:hover .card-cat {width: 32px; padding: 0;}
.card-item:hover .card-cat i {background: url(../images/sprite.png) -171px -192px no-repeat;
	right: 3px; margin-top: -9px; height: 17px; width: 21px;}
.card-item:hover .card-cat:hover i {background-position: -171px -209px; margin-top: -8px; width: 20px; right: 4px;}
.card-item:hover .card-cat:hover {background-color: var(--clr-bg-main);}
.card-series {border-radius: 0 var(--radius-sm) 0 0; background-color: rgba(255,255,255,.92); color: var(--clr-text-secondary);
	font-size: 10px; font-weight: 700; padding: 3px 8px; letter-spacing: .02em;
	position: absolute; z-index: 10; bottom: -3px; left: 0; white-space: nowrap;}
@media screen and (min-width: 950px) {
	.sect-items-cat .card-item {width: 25%;}
}
@media screen and (min-width: 950px) {
	.frels .card-item {width: 16.66%;}
	.frels .card-cat {padding-left: 0;}
	.frels .card-cat span {display: none;}
	.frels .card-title {font-size: 12px;}
	.frels .card-series {white-space: normal; max-width: 80%;}
}
.sect-carou .card-item {width: 100%; padding: 1px; margin: 0;}
.sect-carou .card-cat {padding-left: 0; display: none;}
.sect-carou .card-cat span {display: none;}
.sect-carou .card-title {font-size: 12px;}
.sect-carou .card-meta {font-weight: 400;}
.sect-carou .card-series {white-space: normal; max-width: 80%;}
.sect-carou .card-item:hover .card-cat {display: block;}
.sect-carou .card-cat i {background: url(../images/sprite.png) -171px -192px no-repeat; 
	right: 3px; margin-top: -9px; height: 17px; width: 21px;}

.th-active {z-index:100;}
.th-text {display:none; background-color: var(--clr-bg-main); color: var(--clr-text); cursor:auto;
	padding:20px; text-align:left; padding-bottom: 0;
	position:absolute; z-index: 1000; left:100%; top:0; width:460px;
	box-shadow: var(--shadow-xl); border: 1px solid var(--clr-border); border-radius: var(--radius-lg); min-height: 100px;}
.th-text:after {content:""; border:10px solid var(--clr-bg-main); border-left-color:transparent; border-bottom-color:transparent;
	position:absolute; top:30px; right:100%;}
.pop-left .th-text:after {border:10px solid var(--clr-bg-main); 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: var(--fs-lg); color: var(--clr-primary-500); padding-top: 20px;}
.th-text-header {display: block; text-decoration: none; font-weight: 700; font-size: var(--fs-lg); color: var(--clr-primary-600); font-family: var(--ff-display);}
.th-text .remove-from-ajax, .th-text .flist li.frates > span:first-child {display: none;}
.th-text .flist {padding-bottom: 10px;}
.th-text .flist li {padding: 0; color: var(--clr-text-muted); font-size: var(--fs-sm);}
.th-text .flist li > span:first-child {position: static; width: auto !important; 
	margin-right: 5px; font-weight: 400; color: var(--clr-text);}
.th-text .flist li:not(.frates) a {color: var(--clr-primary-600) !important; border-bottom: 1px dotted transparent !important; text-decoration: none;}
.th-text .flist li:not(.frates) a:hover {text-decoration: underline !important;}
.th-text .ftext {color: var(--clr-text-muted); line-height: 20px; max-height: 100px; overflow: hidden; font-size: var(--fs-sm);}
.th-text .frate {justify-content: flex-start;}
.th-text .card-cat {pointer-events: none; position: absolute; right: 0; top: 0; border-radius: 0 4px 0 4px;}


/* SIDEBAR
----------------------------------------------- */
.upd-capt {font-size: var(--fs-xl); font-family: var(--ff-display); font-weight: 700; margin-bottom: 14px; color: var(--clr-text);}
.upd-block + .upd-block {margin-top: 12px;}
.upd-block-header {padding: 9px 20px; background: linear-gradient(135deg, var(--clr-primary-900), var(--clr-primary-700)); color: #fff; position: relative; border-radius: var(--radius-sm) var(--radius-sm) 0 0;}
.upd-block-title {font-weight: 700; font-size: var(--fs-base); font-family: var(--ff-display);}
.upd-block-title span {font-size: 10px;}
.upd-block-header > span {position: absolute; right: 20px; top: 8px; cursor: pointer;}
.upd-block-header.is-collapsed:hover > span {text-decoration: underline;}
.upd-block-header.is-collapsed:not(.is-active) {background: linear-gradient(135deg, #1E293B, #334155); cursor: pointer;}
.upd-block-header.is-collapsed:not(.is-active) + .upd-block-content {display: none;}
.upd-block-header.is-collapsed:not(.is-active) > span{color: #878586;}
.upd-item {padding: 8px 10px; border-bottom: 1px solid var(--clr-border); transition: background var(--dur-fast);}
.upd-item:hover {background: var(--clr-bg-soft);}
.upd-item-left {font-weight: 700;}
.upd-item-left span {font-weight: 400; white-space: nowrap; color: var(--clr-text-secondary);}
.upd-item-right {font-size: var(--fs-xs); white-space: nowrap; color: var(--clr-text-muted); text-align: right; white-space: normal; max-width: 50%; margin-left: 15px;}
.upd-item-right div {color: var(--clr-text); font-weight: 700;}
.side-box {margin-bottom: 20px;}


/* SEO DESCRIPTION, FOOTER
----------------------------------------------- */
.sect-social {margin-top: 40px;}
.site-desc {line-height: 1.6; font-size: var(--fs-base); color: var(--clr-text-secondary); padding-top: 40px;}
.site-desc:before {content: ''; position: absolute; left: 0; top: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--clr-primary-600), var(--clr-primary-400), transparent);}
.site-desc h1, .site-desc h2 {font-size: var(--fs-xl); font-weight: 700; margin-bottom: 8px; font-family: var(--ff-display); color: var(--clr-text);}
.site-desc li {list-style-type: disc; margin-left: 40px;}
.site-desc p {margin-bottom: 5px;}
.site-desc > *:last-child {margin-bottom: 0;}
.site-desc a {color: var(--clr-primary-600); text-decoration: underline;}
.site-desc img {float: left; max-width: 200px; margin: 0 10px 10px 0;}
.footer-menu a {display: block; color: var(--clr-text-muted); margin-right: 40px; margin-bottom: 18px; transition: color var(--dur-fast);}
.footer-menu a.white {color: #fff;}
.footer-slogan, .footer-left > a {font-size: var(--fs-xs); line-height: 1.4; margin-bottom: 3px;}
.footer-left > a {color: var(--clr-primary-400);}
.footer a:hover {text-decoration: none; color: var(--clr-primary-400);}
.footer-copyright {color: var(--clr-text-muted); margin-bottom: 13px;}


/* BOTTOM NAVIGATION
----------------------------------------------- */
.bottom-nav {margin: 8px 8px -10px 8px; text-align: center; border-top: 1px solid var(--clr-border); padding-top: 25px;}
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {display:inline-block; padding:0 8px;
margin:0 4px 10px 4px; line-height: 25px; min-width: 25px; border-radius: var(--radius-sm); font-size: var(--fs-sm);
font-weight: 600; transition: background var(--dur-fast), color var(--dur-fast);}
.navigation a:hover, .pnext a:hover, .pprev a:hover {background: var(--clr-primary-600); color: #fff;}
.navigation span:not(.nav_ext), .pagi-nav a:hover {background-color: var(--clr-primary-600); color: #fff;}


/* FULL
----------------------------------------------- */
.speedbar {font-size: var(--fs-base); margin: 40px 0 0 0; color: var(--clr-text-muted);}
.speedbar a {color: var(--clr-primary-700); transition: color var(--dur-fast);}
.speedbar a:hover {color: var(--clr-primary-500);}
.fheader {position: relative;}
.fheader, .fcols {margin-bottom: 24px;}
.fheader h1 {font-weight: 400; font-size: var(--fs-3xl); font-family: var(--ff-display); line-height: 1.15; letter-spacing: -.04em;
  background: linear-gradient(135deg, var(--clr-text) 0%, #334155 60%, var(--clr-primary-600) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.fheader > a {font-size: var(--fs-base); text-decoration: none; color: var(--clr-primary-600); border-bottom: 1px solid transparent;
	position: absolute; right: 0; top: 0; transition: border-color var(--dur-fast);}
.fheader > a:hover {border-bottom-color: var(--clr-primary-500);}
.foriginal {color: var(--clr-text-muted); margin-top: 10px; font-size: var(--fs-lg);}
.fleft {width: 200px; margin-right: 20px; flex-shrink: 0;}
.fcols.fx-row {align-items: flex-start;}
.fright {min-width: 0;}
/* Collapsible full-story description (CSS-only checkbox hack) */
.ftext-toggle {position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none;}
.fright .ftext {max-height: 7em; overflow: hidden; position: relative; margin-top: 20px; margin-bottom: 0;
  -webkit-transition: max-height .4s ease; transition: max-height .4s ease;}
.fright .ftext::after {content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3.5em;
  background: -webkit-linear-gradient(top, transparent, #fff);
  background: linear-gradient(to bottom, transparent, #fff);
  pointer-events: none; -webkit-transition: opacity .3s; transition: opacity .3s;}
.ftext-toggle:checked ~ .ftext {max-height: 200em;}
.ftext-toggle:checked ~ .ftext::after {opacity: 0;}
.ftext-btn {display: inline-block; cursor: pointer; font-size: var(--fs-sm); font-size: 13px;
  font-weight: 600; color: #0891B2; color: var(--clr-primary-600); margin-top: 4px;
  -webkit-transition: color .15s; transition: color .15s;}
.ftext-btn:hover {color: #06B6D4; color: var(--clr-primary-500);}
.ftext-more, .ftext-less {display: inline;}
.ftext-less {display: none;}
.ftext-toggle:checked ~ .ftext-btn .ftext-more {display: none;}
.ftext-toggle:checked ~ .ftext-btn .ftext-less {display: inline;}
.fimg {border-radius: 0; border-width: 6px;}

/* Action buttons under poster */
.factions {display: flex; flex-direction: column; gap: 6px; margin-top: 10px;}
.factions__btn {display: flex; align-items: center; justify-content: center; min-height: 36px;
  padding: 6px 10px; border-radius: var(--radius-md); font-size: var(--fs-sm); font-weight: 700;
  text-align: center; text-decoration: none; cursor: pointer; border: 1px solid var(--clr-border);
  transition: background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);}
.factions__btn--play {background: linear-gradient(135deg, var(--clr-primary-700) 0%, var(--clr-primary-500) 100%);
  color: #fff; border-color: var(--clr-primary-600); box-shadow: 0 4px 16px rgba(6,182,212,.35);}
.factions__btn--play:hover {background: linear-gradient(135deg, var(--clr-primary-600) 0%, var(--clr-primary-400) 100%);
  color: #fff; text-decoration: none; box-shadow: 0 6px 24px rgba(6,182,212,.5); transform: translateY(-1px);}
.factions__btn--trailer {background: var(--clr-bg-muted); color: var(--clr-text);}
.factions__btn--trailer:hover {background: var(--clr-primary-100); border-color: var(--clr-primary-300);
  color: var(--clr-primary-900); text-decoration: none;}
.factions__btn--fav {background: var(--clr-bg-main); color: var(--clr-text-secondary);}
.factions__btn--fav:hover {border-color: var(--clr-primary-400); color: var(--clr-primary-700);}
.factions__btn--fav a, .factions__btn--fav span {color: inherit; text-decoration: none;}
.factions__btn--install {background: var(--clr-bg-main); color: var(--clr-text-secondary);}
.factions__btn--install:hover {border-color: var(--clr-primary-400); color: var(--clr-primary-700); text-decoration: none;}
.factions__btn--sub {background: var(--clr-bg-main); color: var(--clr-text-secondary);}
.factions__btn--sub:hover {border-color: var(--clr-primary-400); color: var(--clr-primary-700); text-decoration: none;}
.factions__btn--sub.push-subscribed {background: var(--clr-primary-600); border-color: var(--clr-primary-600); color: #fff;}
/* специфичность выше глобального button:not(...) со строки 93 */
.fcols .factions button.factions__btn.push-subscribe-btn {display: flex; align-items: center; justify-content: center; gap: 6px;
  width: 100%; height: auto; min-height: 36px; padding: 6px 10px; line-height: 1.5;
  font-size: var(--fs-sm); font-weight: 700; border-radius: var(--radius-md);
  border: 1px solid var(--clr-border); background: var(--clr-bg-main); color: var(--clr-text-secondary);}
.fcols .factions button.factions__btn.push-subscribe-btn.push-subscribed {background: var(--clr-primary-600); border-color: var(--clr-primary-600); color: #fff;}
.fcols .factions button.factions__btn.push-subscribe-btn .push-icon {line-height: 1; font-size: 14px;}
.factions__btn--torrent {gap: 7px; background: #ecfeff; color: #075985; border-color: rgba(8,145,178,.24);}
.factions__btn--torrent:hover, .factions__btn--torrent:focus-visible {background: var(--clr-primary-600); border-color: var(--clr-primary-600); color: #fff; text-decoration: none; outline: none;}
.factions__btn--torrent svg {width: 16px; height: 16px; flex: 0 0 auto;}

.ftrailer {cursor: pointer; border-radius: var(--radius-md); background: linear-gradient(135deg, var(--clr-primary-900), var(--clr-primary-700)); color: #fff;
	line-height: 40px; text-align: center; font-weight: 700; font-size: var(--fs-base);
	transition: transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast);}
.ftrailer i {background: url(../images/icon-play_2.png) no-repeat 0 0; margin-right: 10px;
	background-size: 22px 23px; display: inline-block; font-size: 0; height: 23px; vertical-align: middle; width: 22px;}
.ftrailer:hover {text-decoration: none; transform: scale(1.02); box-shadow: var(--shadow-glow);}
.fsubtitle {font-size: var(--fs-xl); font-weight: 400; margin-bottom: 10px; font-family: var(--ff-display);}
.fsubtext {font-size: var(--fs-sm); color: var(--clr-text-secondary); line-height: 1.6; margin-bottom: 10px;}
.fsubtitle2 {background: #e1e289 url(../images/post-attention.png) no-repeat 13px 50%;
	overflow: hidden; padding: 10px 36px 10px 47px; position: relative; font-weight: 700; font-size: var(--fs-base);}

.flist li {font-size: var(--fs-base); padding-left: 130px; position: relative; line-height: 1.5; margin-bottom: 8px;}
.flist li > span:first-child {display: inline-block; font-weight: 700; position: absolute; left: 0; top: 0; color: var(--clr-text-secondary);}
.flist a {color: var(--clr-primary-600); text-decoration: none; border-bottom: 1px solid transparent; transition: border-color var(--dur-fast), color var(--dur-fast);}
.flist a:hover {border-bottom-color: var(--clr-primary-500); color: var(--clr-primary-700);}
.flist li.float {padding: 0;}
.flist li.float > span:first-child {position: static; width: 130px;}
.flist li.float a {position: relative; z-index: 99; color: var(--clr-primary-700); display: inline-block;
	text-decoration: none; border-bottom: 1px dotted var(--clr-primary-400);}
.flist li.frates a {color: var(--clr-text);}
.bold {font-weight: 700;}
.frates i {color: var(--clr-text-muted); font-style: normal;}
.imdb {margin-right: 20px;}
.model-preview {position: absolute; left: 50%; bottom: 100%; margin-left: -60px; width: 120px;
	background-color: var(--clr-bg-main); border-radius: var(--radius-lg); padding: 10px; box-shadow: var(--shadow-xl); border: 1px solid var(--clr-border);}
.bottom .model-preview {top: 100%; bottom: auto;}

.fplayer {position: relative; background-color: #000; color: #fff; border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-xl);}
.fctrl {padding-right: 20px;}

/* CSS-only tabs (radio hack — no JS) */
.ftab-radio {position: absolute; opacity: 0; pointer-events: none;}
.ftab-panel {display: none; width: 100%; background-color: #000;}
#ftab-player:checked ~ .ftab-panel--player {display: block;}
.fplayer .ftab-label {display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; cursor: pointer;
background-color: rgba(255,255,255,.06); color: rgba(255,255,255,.7); font-weight: 700; font-size: var(--fs-base);
transition: background var(--dur-fast), color var(--dur-fast);}
.fplayer .ftab-label:hover {background-color: rgba(255,255,255,.1); color: #fff;}
.fplayer:has(#ftab-player:checked) .ftab-label[for="ftab-player"] {background-color: var(--clr-primary-600); color: #fff;}

/* Legacy JS tabs (kept for non-fullstory pages) */
.fplayer .tabs-sel span {display:inline-block; padding:0 20px; height:40px; line-height:40px; cursor:pointer;
background-color: rgba(255,255,255,.06); color: rgba(255,255,255,.7); font-weight: 700; font-size: var(--fs-base);
transition: background var(--dur-fast), color var(--dur-fast);}
.fplayer .tabs-sel span.current {background-color: var(--clr-primary-600); color: #fff;}
.fplayer .tabs-sel span:hover {text-decoration: none; background-color: rgba(255,255,255,.1); color: #fff;}
.js .tabs-b {background-color: #000; display: none;}
.js .tabs-b.visible {display: block;}
.ffav a, .ffav {font-weight: 700; font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: .06em;
	text-decoration: none; cursor: pointer; color: var(--clr-primary-400); border-bottom: 1px dotted var(--clr-primary-400); transition: color var(--dur-fast);}
.mb {margin-bottom: 20px;}
.sect-title2 {font-weight: 500; font-size: var(--fs-xl); margin-bottom: 13px; font-family: var(--ff-display); color: var(--clr-text); letter-spacing: -.02em;}
	
.fplayer-btm {padding: 20px; padding-bottom: 0; font-size: var(--fs-base); color: rgba(255,255,255,.85); line-height: 1.6;}
.frepair:before {float: left; background: url("../images/hdrezka-logo_w2.png") no-repeat 0 0; background-size: 123px 44px;
	height: 44px; width: 123px; content: ''; margin-right: 15px;}
.fattent {display: block; font-size: 15px; font-weight: bold; color: #fff !important; letter-spacing: .2px; line-height: 1;
	border-radius: 3px; padding: 12px 11px; text-align: left; position: relative; margin-top: 10px;
	background: linear-gradient(45deg, #ee0953 0%, #ff6b00 100%);}
.fattent::before {content: ''; display: block; position: absolute; width: 90px; height: 35px;
	background: url("../images/announce_arrows.png") no-repeat 0 0; background-size: 90px 66px; left: 1px; top: -19px;}
.ftlg {color: var(--clr-text-muted); margin: 20px 0 10px 0;}
.ftlg a {font-weight: 700; color: #3ea4c2; margin-left: 6px; display: inline-block; position: relative; padding-left: 30px;}
.ftlg a::before {opacity: .9; background: url(../images/icon-tg.png) no-repeat 0 0; background-size: 100%;
	content: ""; display: block; height: 22px; position: absolute; top: -4px; left: 0; width: 23px;}
.ferror {text-align: right; margin-bottom: 10px; position: relative; padding-right: 30px;}
.ferror a {background: #2d2d2d url(../images/icon-report.png) no-repeat 50% 50%; height: 50px;
	position: absolute; bottom: -60px; right: -20px; width: 50px;}
.ferror:after {background: #2d2d2d; display: block; content: '';
	height: 22px; position: absolute; bottom: -10px; right: 2px; width: 8px;}
.ferror:before {background: #2d2d2d; display: block; content: ""; height: 8px;
	position: absolute; right: 8px; bottom: 4px; width: 15px;}
.fshare {margin: 0 calc(-1 * var(--content-pad)); padding: 14px var(--content-pad); background: linear-gradient(135deg, var(--clr-primary-50), var(--clr-primary-100)); color: var(--clr-text); border-top: 1px solid var(--clr-primary-300); border-bottom: 1px solid var(--clr-primary-300);}
.fshare > span {margin-right: 10px; font-weight: 600; color: var(--clr-primary-700);}
.frate {padding: 20px 0;}
.frate-capt {font-size: var(--fs-base); font-weight: 700; margin-right: 6px; font-family: var(--ff-display);}
.frate-score {color: var(--clr-primary-600); font-size: 20px; margin-left: 6px; font-weight: 700; font-family: var(--ff-display);}
.frate-votes {color: var(--clr-text-muted); font-size: var(--fs-xs); margin-left: 6px;}

.unit-rating {background-image:url(../images/sprite.png?v10); background-repeat:no-repeat;
	background-position:-50px -233px; height:19px; position:relative; width:210px }
.unit-rating li {float:left; text-indent:-9999em}
.unit-rating a {display:block; height:19px; position:absolute;
	text-decoration:none; text-indent:-9999em; width:21px; z-index:17}
.unit-rating a:hover {background-image:url(../images/sprite.png?v10);
	background-repeat:no-repeat; background-position:-50px -290px; left:0 !important; z-index:2 }
.unit-rating a.r1-unit {left:0px}
.unit-rating a.r2-unit {left:21px }
.unit-rating a.r3-unit {left:42px}
.unit-rating a.r4-unit {left:63px }
.unit-rating a.r5-unit {left:84px }
.unit-rating a.r6-unit {left:105px}
.unit-rating a.r7-unit {left:126px }
.unit-rating a.r8-unit {left:147px }
.unit-rating a.r9-unit {left:168px }
.unit-rating a.r10-unit {left:189px }
.unit-rating a.r1-unit:hover {width:21px }
.unit-rating a.r2-unit:hover {width:42px }
.unit-rating a.r3-unit:hover {width:63px }
.unit-rating a.r4-unit:hover {width:84px }
.unit-rating a.r5-unit:hover {width:105px }
.unit-rating a.r6-unit:hover {width:126px}
.unit-rating a.r7-unit:hover {width:147px }
.unit-rating a.r8-unit:hover {width:168px}
.unit-rating a.r9-unit:hover {width:189px}
.unit-rating a.r10-unit:hover {width:210px}
.unit-rating li.current-rating {background-image:url(../images/sprite.png?v10); background-repeat:no-repeat;
	background-position:-50px -271px; display:block; height:19px;
	position:absolute; text-indent:-9999em; z-index:1}

.fr-list {counter-reset: num; font-size: var(--fs-sm); display: flex; flex-direction: column-reverse; margin-bottom: 30px;}
.fr::before {content: counter(num); counter-increment: num; width: 30px; text-align: center;
	color: var(--clr-text-muted); position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.fr {cursor: pointer; position: relative; padding: 4px 10px; border-bottom: 1px solid var(--clr-border); padding-left: 40px; transition: background var(--dur-fast);}
.fr__title {display: inline-block; max-width: 100%; color: var(--clr-primary-600); line-height: 20px; height: 20px; padding-top: 1px; transition: color var(--dur-fast);}
.fr__title:hover {text-decoration: none; color: var(--clr-primary-700);}
.fr:hover {background-color: var(--clr-bg-soft);}
.fr__year {width: 80px; text-align: right; color: var(--clr-text-muted);}
.fr__rating {display: inline-block; background-color: #5f5f5f; color: #fff; 
	font-size: 12px; font-weight: bold; padding: 3px 0; width: 30px; text-align: center; margin-left: 10px;}
.clrrating-1, .clrrating-2, .clrrating-3, .clrrating-4 {background-color: #ff0b0b;}
.clrrating-7, .clrrating-8 {background-color: #007b00;}
.clrrating-9, .clrrating-10 {background-color: #c9af1c;}
.is-active .fr__title {font-weight: bold; color: var(--clr-text);}
.fr.is-active::before {content: ""; display: block; left: 10px; 
	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");
}


/* FULL STORY STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame 
{max-width:100% !important; display:block; width:100%; height:400px;}
.mejs-container {max-width:100% !important;}
.full-text {line-height: 1.7; font-size: var(--fs-base); color: var(--clr-text-secondary);}
.full-text img:not(.emoji) {max-width:100%; margin-top: 10px; margin-bottom: 10px;}
.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 a {text-decoration:underline; color: var(--clr-primary-600);}
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:24px; font-weight:700;}
.full-text p {margin-bottom:10px;}
.full-text > ul, .full-text > ol {margin:0;}
.full-text > ul li {list-style:disc; margin-left:40px;}
.full-text > ol li {list-style:decimal; margin-left:40px;}


/* COMMENTS
----------------------------------------------- */
.add-comm-btn {cursor: pointer; margin-bottom: 20px; padding: 16px 20px; font-style: italic;
	background: var(--clr-bg-soft); border: 1px dashed var(--clr-border-strong); border-radius: var(--radius-md); color: var(--clr-text-muted); font-size: var(--fs-base);
	transition: border-color var(--dur-fast), background var(--dur-fast);}
.add-comm-btn:hover {border-color: var(--clr-primary-400); background: var(--clr-primary-50); color: var(--clr-primary-600);}
.add-comms {margin-bottom: 20px; display: none;}
.ac-inputs input {width: 48.5%; margin-bottom: 15px;
	background: var(--clr-bg-soft); border: 1px solid var(--clr-border); box-shadow: none;}
.ac-textarea textarea {height: 100px; margin-bottom: 15px;
	background: var(--clr-bg-soft); border: 1px solid var(--clr-border); box-shadow: none;}
.add-comms input, .add-comms textarea, .ac-submit button {}
.ac-protect, .ac-textarea .bb-editor + br {display: none;}
.comments_subscribe input {margin-right: 10px;}
.comments_subscribe {display: block;}
.mass_comments_action {display: none;}
.last-comm-link {display: inline-block; padding-bottom: 20px; color: var(--clr-primary-600); font-size: var(--fs-lg);}

.comm-avatar {position: absolute; left: 20px; top: 15px; width: 60px; height: 60px; background: none; border-radius: var(--radius-full); overflow: hidden;}
.comm-item {font-size: var(--fs-base); position: relative; min-height: 90px;
	background-color: var(--clr-bg-soft); padding: 15px 20px; padding-left: 100px; border: 1px solid var(--clr-border); border-radius: var(--radius-sm); margin-bottom: 8px;}
.comm-two {margin: 5px 0 10px 0; color: var(--clr-text-secondary);}
.comm-one > span {margin-right: 15px; font-size: var(--fs-xs);}
.comm-one > span.comm-author, .comm-one > span.comm-author a {font-size: var(--fs-sm); font-weight: 700;}
.comm-rate3 a {margin-left: 40px; display: inline-block; font-size: var(--fs-sm); position: relative;
	color: var(--clr-primary-700); border-bottom: 1px dotted var(--clr-primary-400); transition: color var(--dur-fast);}
.comm-rate3 a:before {position: absolute; left: -22px; top: -2px; width: 20px; height: 17px;
	background: url(../images/comment-like.png) no-repeat 0 0; content: '';}
.comm-rate3 > span {font-weight: 700;}
.comm-three-left > a {border-bottom: 1px dashed var(--clr-primary-500); color: var(--clr-primary-600); font-size: var(--fs-sm); font-weight: 700; transition: color var(--dur-fast);}
.comm-three {display: flex; align-items: center; gap: 12px; flex-wrap: wrap;}
.comm-three-left a, .comm-rate3 a, .comm-three-right a {text-decoration: none;}
.comm-three-left a {display: inline-flex; align-items: center; justify-content: center; min-height: 28px; padding: 4px 10px; border: 1px solid var(--clr-border-strong); border-radius: var(--radius-full); background: var(--clr-bg-main); color: var(--clr-primary-600); line-height: 1.2;}
.comm-rate3 {display: inline-flex; align-items: center; gap: 6px; min-height: 28px; line-height: 1.2;}
.comm-rate3 a {margin-left: 0; display: inline-flex; align-items: center; min-height: 28px; padding: 4px 10px; border: 1px solid var(--clr-border-strong); border-radius: var(--radius-full); background: var(--clr-bg-main);}
.comm-rate3 a:before {display: none;}
.comm-rate3 > span {display: inline-flex; align-items: center; min-height: 28px; margin: 0; color: var(--clr-text-muted);}
.comm-three-right {display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; margin: 0 0 0 auto; padding: 0; list-style: none;}
.comm-three-right li {display: inline-flex; margin: 0; padding: 0;}
.comm-three-right li:empty {display: none;}
.comm-three-right a {display: inline-flex; align-items: center; justify-content: center; min-height: 28px; padding: 4px 10px; border: 1px solid var(--clr-border-strong); border-radius: var(--radius-full); background: var(--clr-bg-main); color: var(--clr-text-muted); font-size: var(--fs-sm); font-weight: 700; line-height: 1.2;}
.comm-three-left a:hover, .comm-rate3 a:hover, .comm-three-right a:hover {border-color: var(--clr-primary-400); background: var(--clr-primary-50); color: var(--clr-primary-700); text-decoration: none;}
#dle-comments-list > *:nth-child(2n+1) .comm-item {background-color: var(--clr-bg-muted);}


/* LOGIN
----------------------------------------------- */
.overlay-box {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%;
opacity: 1; background-color: rgba(15,23,42,.75); cursor: pointer; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);}
.login-box {position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%);
background-color: var(--clr-bg-main); padding: 28px; padding-bottom: 40px; width: 400px;
box-shadow: var(--shadow-xl); border-radius: var(--radius-xl); border: 1px solid var(--clr-border);}
.login-close {width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: var(--fs-base);
	cursor: pointer; position: absolute; top: 16px; right: 16px; border-radius: var(--radius-full);
	color: var(--clr-text-muted); background-color: var(--clr-bg-muted); font-weight: 700; transition: background var(--dur-fast), color var(--dur-fast);}
.login-close:hover {background-color: #DC2626; color: #fff;}
.login-title {font-size: var(--fs-lg); font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
	margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--clr-border); font-family: var(--ff-display);}
.login-avatar {width: 60px; height: 60px; border-radius: var(--radius-full); margin: 0 auto 15px auto;
text-align: center; line-height: 60px; font-size: 24px; background: linear-gradient(135deg, var(--clr-primary-100), var(--clr-primary-50)); color: var(--clr-primary-600);}
.login-input {margin-bottom: 15px;}
.login-input input {background-color: var(--clr-bg-soft); box-shadow: inset 0 0 0 1px var(--clr-border); font-style: italic;}
.login-btn button {margin: 0 0 15px 0;}
.login-btm a {border-bottom: 1px dotted var(--clr-primary-400); color: var(--clr-primary-600); font-size: var(--fs-base); transition: color var(--dur-fast);}
.login-check {position: relative; font-size: var(--fs-base);}
.login-check input {opacity: 0; position: absolute; cursor: pointer;}
.login-check span {display: block; padding-left: 36px; height: 30px; line-height: 30px; color: #939393;}
.login-check span:before, .login-check span:after{content: '';position: absolute;top: 50%;transition: .3s;}
.login-check span:before{left: 0; height: 10px; margin-top: -5px; width: 26px; border-radius: 5px; 
	background: #fff; box-shadow: inset 0 1px 4px rgba(0,0,0,0.3);}
.login-check span:after{left: 1px; height: 12px; width: 12px; margin-top: -6px; background: #2ecc71;
	border-radius: 6px; box-shadow: 0 1px 4px rgba(0,0,0,0);}
.login-check input:checked + span:before {background-color: #fff;}
.login-check input:checked + span:after {left: 13px; background-color: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.3);}
.login-menu {border-top: 1px solid var(--clr-border); border-left: 1px solid var(--clr-border);}
.login-menu li {text-align: center; border-right: 1px solid var(--clr-border); border-bottom: 1px solid var(--clr-border); width: 50%;}
.login-menu a {display: block; padding: 10px 5px; font-size: var(--fs-sm);}
.login-menu li .fa {display: none; height: 28px; font-size: 22px; color: var(--clr-primary-600);}
.login-admin {text-align: center; margin: -10px 0 25px 0;}
.login-soc-title {display: flex; align-items: center; margin: 30px 0 15px 0;}
.login-soc-title:before, .login-soc-title:after {content: ''; height: 1px; background-color: var(--clr-border); flex: 1;}
.login-soc-title:before {margin-right: 15px;}
.login-soc-title:after {margin-left: 15px;}
.login-soc-btns {text-align: center;}
.login-soc-btns a {display:inline-block; margin: 0 3px; vertical-align:top;}
.login-soc-btns img {display:block; width:30px; height: 30px; border-radius: 50%;}


/**
 * 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 {display: none; opacity: 0; transition: opacity .3s linear; width: 100%; position: relative; z-index: 10;}
.owl-carousel .owl-stage {position: relative;
	display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;}
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item {position: relative; min-height: 1px;}
.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-loading, .owl-carousel.owl-hidden {opacity: 0;}
.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:0%; z-index: 1;}
.owl-prev, .owl-next {display: flex; align-items: center; justify-content: center; cursor: pointer;
background: var(--clr-bg-main); color: var(--clr-text-secondary);
height: 40px; line-height: 1; width: 40px; position: absolute; top: 50%; margin-top: -60px;
box-shadow: var(--shadow-md); border-radius: var(--radius-full);
transition: background var(--dur-fast), box-shadow var(--dur-fast), color var(--dur-fast);}
.owl-prev {left: -20px;}
.owl-next {right: -20px;}
.owl-prev:hover, .owl-next:hover {background-color: var(--clr-primary-600); color: #fff; box-shadow: var(--shadow-glow);}
.owl-prev::before, .owl-next::before {font-size: 20px; line-height: 1; width: auto; height: auto;
	border: none; content: ''; display: inline-block; margin: 0; font-style: normal;}
.owl-prev::before {content: '\2039'; float: none; margin: 0; border: none;}
.owl-next::before {content: '\203A'; float: none; margin: 0; border: none;}


/* PLAYER HOOK & SHARE (moved from inline styles)
----------------------------------------------- */
.player-hook {margin-top: 28px;}
.player-hook h2 {font-size: var(--fs-lg); margin-bottom: 10px; border-left: 4px solid var(--clr-serial); padding-left: 10px;}
.player-cta {display: flex; justify-content: center; margin: 12px 0 22px;}
.player-cta .factions__btn {min-width: 220px; min-height: 44px; padding: 10px 28px; font-size: var(--fs-base);}
.fplayer-notice {text-align: center; background-color: var(--clr-serial); line-height: 25px; font-weight: 700; color: #fff; font-size: var(--fs-base);}
.share-btn {cursor: pointer; background-color: var(--clr-primary-600); color: #fff; padding: 10px 20px;
  font-weight: 700; font-size: var(--fs-base); display: inline-block; transition: background-color var(--dur-fast), transform var(--dur-fast);
  border-radius: var(--radius-sm); box-shadow: var(--shadow-md);}
.share-btn:hover {background-color: var(--clr-primary-500); color: #fff; transform: scale(1.02);}
.install-btn {cursor: pointer; background-color: #FBBF24; color: var(--clr-text); border: none; padding: 0 20px;
  height: 40px; line-height: 40px; font-weight: 700; font-size: var(--fs-base); transition: background-color var(--dur-fast);}
.install-btn:hover {background-color: #F59E0B; color: var(--clr-text);}

/* PERSONS (actors/crew) — Rich & Cinematic v2
----------------------------------------------- */
.persons-section {margin: 24px 0; clear: both;}
.persons-block {margin-bottom: 16px;}
.persons-block--crew {margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--clr-border);}
.persons-crew-row {margin-bottom: 10px;}
.persons-crew-row:last-child {margin-bottom: 0;}
.persons-label {display: inline-block; margin-bottom: 10px; padding: 4px 12px;
  border-radius: var(--radius-full); background: var(--clr-bg-muted); border: 1px solid var(--clr-border);
  color: var(--clr-text-secondary); font-size: var(--fs-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .04em;}
.persons-list {display: flex; flex-wrap: nowrap; gap: 12px; overflow-x: auto; padding: 0 4px 8px;
  -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: var(--clr-border-strong) transparent;
  mask-image: linear-gradient(to right, transparent 0, #000 20px, #000 calc(100% - 40px), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 20px, #000 calc(100% - 40px), transparent 100%);}
.persons-list::-webkit-scrollbar {height: 3px;}
.persons-list::-webkit-scrollbar-track {background: transparent;}
.persons-list::-webkit-scrollbar-thumb {background: var(--clr-border-strong); border-radius: 3px;}
.persons-list--crew {gap: 10px;}
.cast-item {flex: 0 0 auto; display: block; width: 106px; text-align: center; text-decoration: none; cursor: pointer;
  transition: transform var(--dur-fast) var(--ease-out);}
.cast-item:hover {transform: translateY(-4px); color: inherit; text-decoration: none;}
.cast-poster {width: 96px; height: 128px; margin: 0 auto 8px; border-radius: var(--radius-md); overflow: hidden;
  border: 2px solid var(--clr-border); background: var(--clr-bg-muted); transition: border-color var(--dur-fast), box-shadow var(--dur-fast);}
.cast-item:hover .cast-poster {border-color: var(--clr-primary-500); box-shadow: var(--shadow-glow);}
.cast-poster img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top;
  transition: transform .25s var(--ease-out);}
.cast-item:hover .cast-poster img {transform: scale(1.06);}
.cast-name {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; text-overflow: ellipsis; font-size: var(--fs-xs); font-weight: 700; color: var(--clr-text);
  line-height: 1.3; max-width: 106px;}
.cast-item:hover .cast-name {color: var(--clr-primary-600);}
.cast-char {display: block; font-size: 10px; color: var(--clr-text-muted); line-height: 1.25; margin-top: 2px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 106px;}
.persons-list--crew .cast-item {width: 80px;}
.persons-list--crew .cast-poster {width: 72px; height: 96px;}
.persons-list--crew .cast-name {max-width: 80px;}

/* Cast modal (CSS-only :target popup for non-indexed persons) */
.cast-modal {position: fixed; inset: 0; z-index: 9999; opacity: 0; visibility: hidden; transition: opacity .2s, visibility .2s; display: flex; align-items: center; justify-content: center;}
.cast-modal:target {opacity: 1; visibility: visible;}
.cast-modal__bg {position: absolute; inset: 0; background: rgba(15,23,42,.6); cursor: default;}
.cast-modal__body {position: relative; z-index: 1; background: var(--clr-bg-main); border-radius: var(--radius-lg); box-shadow: var(--shadow-xl);
  display: flex; gap: 20px; padding: 24px; max-width: 420px; width: 90vw; max-height: 80vh;}
.cast-modal__close {position: absolute; top: 8px; right: 12px; font-size: 24px; color: var(--clr-text-muted); text-decoration: none; line-height: 1; z-index: 2;}
.cast-modal__close:hover {color: var(--clr-text);}
.cast-modal__photo {flex-shrink: 0; width: 120px;}
.cast-modal__photo img {width: 100%; border-radius: var(--radius-md); aspect-ratio: 3/4; object-fit: cover;}
.cast-modal__info {display: flex; flex-direction: column; gap: 6px; min-width: 0;}
.cast-modal__name {font-family: var(--ff-display); font-size: var(--fs-md); font-weight: 700; color: var(--clr-text);}
.cast-modal__name-en {font-size: var(--fs-sm); color: var(--clr-text-secondary);}
.cast-modal__prof {font-size: var(--fs-sm); color: var(--clr-primary-600);}
.cast-modal__role {font-size: var(--fs-sm); color: var(--clr-text-muted); font-style: italic;}
.cast-modal__movies {font-size: var(--fs-xs); color: var(--clr-text-muted); margin-top: auto;}
@media (max-width: 480px) {
  .cast-modal__body {flex-direction: column; align-items: center; text-align: center; padding: 20px 16px;}
  .cast-modal__photo {width: 100px;}
}

/* KP STILLS (frames gallery) + CSS-only lightbox
----------------------------------------------- */
.kp-stills {margin-top: 24px;}
.kp-stills .f-strong {font-size: var(--fs-lg); font-weight: 500; font-family: var(--ff-display); margin-bottom: 12px; color: var(--clr-text);}
.kp-stills__grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px;}
.kp-stills__item {position: relative; display: block; overflow: hidden; border-radius: var(--radius-sm);
  aspect-ratio: 16/9; background: var(--clr-bg-muted);}
.kp-stills__item img {width: 100%; height: 100%; object-fit: cover;
  transition: transform var(--dur-normal) var(--ease-out), filter var(--dur-normal);}
.kp-stills__item:hover img {transform: scale(1.05); filter: brightness(1.1);}
.kp-stills__item::after {content: '\1F50D'; position: absolute; inset: 0; display: flex; align-items: center;
  justify-content: center; font-size: 22px; color: #fff; background: rgba(15,23,42,.35);
  opacity: 0; transition: opacity .25s; pointer-events: none; border-radius: var(--radius-sm);}
.kp-stills__item:hover::after {opacity: 1;}

/* CSS-only lightbox via :target */
.kp-stills__lb {position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center;
  opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s;}
.kp-stills__lb:target {opacity: 1; visibility: visible;}
.kp-stills__lb-bg {position: absolute; inset: 0; background: rgba(15,23,42,.92); cursor: zoom-out; z-index: 0;}
.kp-stills__lb img {position: relative; z-index: 1; max-width: 92vw; max-height: 90vh; object-fit: contain; border-radius: var(--radius-md);
  box-shadow: var(--shadow-xl); transform: scale(.92); transition: transform .3s var(--ease-out);}
.kp-stills__lb:target img {transform: scale(1);}
.kp-stills__lb-close {position: absolute; top: 16px; right: 20px; z-index: 2; width: 40px; height: 40px;
  display: flex; align-items: center; justify-content: center; font-size: 28px; color: #fff;
  background: rgba(255,255,255,.12); border-radius: var(--radius-full); text-decoration: none;
  transition: background var(--dur-fast);}
.kp-stills__lb-close:hover {background: rgba(255,255,255,.25);}
.kp-stills__lb-nav {position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 44px; height: 44px;
  display: flex; align-items: center; justify-content: center; font-size: 24px; color: #fff;
  background: rgba(255,255,255,.1); border-radius: var(--radius-full); text-decoration: none;
  transition: background var(--dur-fast);}
.kp-stills__lb-nav:hover {background: rgba(255,255,255,.25);}
.kp-stills__lb-prev {left: 12px;}
.kp-stills__lb-next {right: 12px;}

/* HUB TAGS (collections)
----------------------------------------------- */
.hub-tags, .tmdb-hub-tags {margin: 20px 0; padding: 18px; clear: both; width: 100%;
  border: 1px solid var(--clr-border); border-radius: var(--radius-lg);
  background: linear-gradient(180deg, var(--clr-bg-soft), var(--clr-bg-main));}
.fright .hub-tags, .fright .tmdb-hub-tags {margin: 12px 0 0; padding: 12px 0 0; border: none; border-top: 1px solid var(--clr-border);
  border-radius: 0; background: none; box-sizing: border-box;}
.hub-tags__head, .tmdb-hub-tags__head {margin-bottom: 12px;}
.hub-tags__title, .tmdb-hub-tags__title {color: var(--clr-text); font-size: var(--fs-lg); font-weight: 700; font-family: var(--ff-display); margin-bottom: 4px;}
.hub-tags__subtitle, .tmdb-hub-tags__subtitle {color: var(--clr-text-muted); font-size: var(--fs-sm);}
.hub-tags__list, .tmdb-hub-tags__list {display: flex; flex-wrap: wrap; gap: 8px;}
.hub-tags__pill, .tmdb-hub-tags__pill {display: inline-flex; align-items: center; min-height: 34px; padding: 6px 14px;
  border-radius: var(--radius-full); background: var(--clr-bg-muted); border: 1px solid var(--clr-border);
  color: var(--clr-text); font-size: var(--fs-sm); font-weight: 600;
  transition: background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);}
.hub-tags__pill:hover, .tmdb-hub-tags__pill:hover {background: var(--clr-primary-600); border-color: var(--clr-primary-500);
  color: #fff; text-decoration: none;}


/* HUB STRIP (full-width horizontal bar on main page)
----------------------------------------------- */
.hub-strip {margin: 0 -20px; padding: 10px 20px;
  background: linear-gradient(90deg, var(--clr-primary-50), var(--clr-bg-soft));
  border-bottom: 1px solid var(--clr-border); overflow: hidden;}
.hub-strip__inner {display: flex; align-items: center; gap: 8px; overflow-x: auto;
  -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 2px;
  mask-image: linear-gradient(to right, #000 calc(100% - 40px), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 40px), transparent 100%);}
.hub-strip__inner::-webkit-scrollbar {display: none;}
.hub-strip__label {flex-shrink: 0; font-size: var(--fs-sm); font-weight: 700;
  color: var(--clr-text-secondary); text-transform: uppercase; letter-spacing: .03em; margin-right: 4px;}
.hub-strip__pill {flex-shrink: 0; display: inline-flex; align-items: center; gap: 5px;
  padding: 5px 12px; border-radius: var(--radius-full);
  background: var(--clr-bg-main); border: 1px solid var(--clr-border);
  color: var(--clr-text); font-size: var(--fs-sm); font-weight: 600; white-space: nowrap;
  transition: background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);}
.hub-strip__pill:hover {background: var(--clr-primary-600); border-color: var(--clr-primary-500);
  color: #fff; text-decoration: none;}
.hub-strip__cnt {font-size: 10px; color: var(--clr-text-muted); font-weight: 400;}
.hub-strip__pill:hover .hub-strip__cnt {color: rgba(255,255,255,.7);}
.hub-strip__pill--all {background: var(--clr-primary-50); border-color: var(--clr-primary-300);
  color: var(--clr-primary-700);}
.hub-strip__pill--all:hover {background: var(--clr-primary-600); color: #fff;}

/* HUB SIDEBAR (vertical list in sidebar)
----------------------------------------------- */
.hub-sidebar {margin-bottom: 16px;}
.hub-sidebar__list {display: flex; flex-wrap: wrap; gap: 6px;}
.hub-sidebar__pill {display: inline-flex; align-items: center; gap: 4px;
  padding: 4px 10px; border-radius: var(--radius-full);
  background: var(--clr-bg-muted); border: 1px solid var(--clr-border);
  color: var(--clr-text); font-size: var(--fs-sm); font-weight: 600;
  transition: background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);}
.hub-sidebar__pill:hover {background: var(--clr-primary-600); border-color: var(--clr-primary-500);
  color: #fff; text-decoration: none;}
.hub-sidebar__cnt {font-size: 10px; color: var(--clr-text-muted);}
.hub-sidebar__pill:hover .hub-sidebar__cnt {color: rgba(255,255,255,.7);}
.hub-sidebar__more {display: inline-block; margin-top: 8px; font-size: var(--fs-sm); font-weight: 700;
  color: var(--clr-primary-600);}
.hub-sidebar__more:hover {color: var(--clr-primary-700); text-decoration: underline;}

/* ADAPTIVE
----------------------------------------------- */
.btn-menu {display: none;}
.side-panel {width:280px; height:100%; overflow-x:hidden; overflow-y:auto; background-color: var(--clr-bg-main);
padding:0px 20px; z-index:9999; position:fixed; left:-320px; top:0; transition:left .4s var(--ease-out); box-shadow: var(--shadow-xl);}
.side-panel.active {left:0;}
.close-overlay {width:100%; height:100%; background-color:rgba(15,23,42,.6);
position:fixed; left:0; top:0; z-index:9998; display:none; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);}
.btn-close {cursor:pointer; display:block; left: 280px; top: -40px; position: fixed; z-index: 9999;
width:40px; height:40px; line-height:40px; text-align:center; font-size:18px;
background-color: var(--clr-primary-600); color: #fff; transition:top .4s var(--ease-out); border-radius: 0 var(--radius-sm) var(--radius-sm) 0;}
.btn-close.active {top:0px;}
body.opened-menu {overflow: hidden; width: 100%; height: 100%;}
.side-panel .menu {display: block;}
.side-panel .hidden-menu {visibility: visible; position: static; transform: none; opacity: 1; 
background-color: #eee; width: calc(100% + 40px); margin: 0 -20px; padding: 10px 0;}
.side-panel li, .side-panel .hm-right {width: 100%; margin: 0;}
.side-panel .hm-left li {width: 48%;}
.side-panel .hm-filt-capt, .side-panel .hm-filt-select, .side-panel .hm-filt-btn {width: 100%; padding: 5px 20px; margin: 0;}

@media screen and (max-width: 1220px) {
.wrap {overflow: hidden;}
.menu > li > a {margin-right: 6px; font-size: var(--fs-sm);}
.menu > li.menu-cta > a {padding: 0 10px;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:400px;}
}

@media screen and (max-width: 950px) {
.wrap-center {max-width:768px;}
.menu, .header-register, .sect-filt {display: none;}
.header-markup-link {margin-left: 10px; padding: 0 10px; min-height: 30px;}
.btn-menu {display: inline-block; margin-right: 10px;}
.search-wrap {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 
	max-width: 100%; min-width: 50px;}
.sidebar {width: 100%; margin: 20px 0 0 0;}
.hub-strip {margin: 0 -10px; padding: 8px 10px;}
.hub-strip__pill {padding: 4px 10px; font-size: var(--fs-xs);}
.footer {display: block; text-align: center;}
.footer-menu {justify-content: center; line-height: 1.6;}
.footer-right {margin-top: 20px;}
.card-item {width: 25%;}
.coll-title {padding: 20px; line-height: 1.6;}
}

@media screen and (max-width: 760px) {
.wrap-center {max-width:640px;}
.not-logged .login-avatar {display: none;}
.login-box {max-width: calc(100% - 60px); padding: 15px;}

.wrap {padding: 0;}
body {background-image: none;}
.sect-voice-1 {height: auto;}
.sect-voice-2 {line-height: 1.6;}
.card-item {width: 33.33%;}
.kp-stills__grid {grid-template-columns: repeat(3, 1fr);}
.cast-item {width: 80px;} .cast-poster {width: 72px; height: 96px;} .cast-name {max-width: 80px; font-size: 10px;}
.cast-char {max-width: 80px;} .persons-list--crew .cast-item {width: 66px;}
.persons-list--crew .cast-poster {width: 60px; height: 80px;} .persons-list--crew .cast-name {max-width: 66px;}
.persons-list {gap: 8px;}

.dcont button {font-size:12px; padding:0 15px !important;}
.comments-tree-list .comments-tree-list {padding-left:0px !important;}
.comments-tree-list .comments-tree-list:before {display:none;}
.mass_comments_action {display:none;}
}

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

.fcols {display: block;}
.fleft {margin: 0 auto 20px auto;}
.fsubtitle, .sect-title2, .sect-title {font-size: 18px;}
.fheader, .fshare, .ftlg {text-align: center; display: block;}
.fheader h1 {font-size: 24px;}
.ffav, .ferror, .frate-capt, .fshare > span {display: none;}
.fctrl {padding: 0;}
.fplayer, .fsubtitle2, #dle-comments-list, .rkl-mob {margin-left: -20px; margin-right: -20px;}
.tabs-sel span, .ftab-label {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;
	max-width: 100%; min-width: 50px; white-space: nowrap; text-align: center;}
.kp-stills__grid {grid-template-columns: repeat(2, 1fr); gap: 5px;}
.hub-tags__pill, .tmdb-hub-tags__pill {width: 100%; justify-content: center;}

.ac-inputs input {width: 100%;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}

.ui-dialog {width:100% !important;}
.upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
.upop-left {margin-bottom:10px; text-align:center;}
.ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
.attach-info {float:none;}
}

@media screen and (max-width: 470px) {
.wrap-center22 {max-width:360px;}
.sect-carou-header {margin-left: -40px; margin-right: -40px;}
.sect-carou-header > * {font-size: 14px !important;}
.header-logo {width: 100px; height: 30px; top: 5px; margin-left: -30px; 
background-position: center 0 !important;}
/*.header-logo {background-image: none;}
.header-1 {background: #313131 url(../images/holiday-christmas-logo.gif) center 0 / 291px auto no-repeat;}*/
.header-install-btn {padding: 5px 12px; font-size: 10px;}
.sect-voice {padding-top: 0;}
.coll-title {font-size: 15px;}
.card-item {width: 50%;}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
}


.video-responsive2 {
	padding-top: 37px;
	padding-bottom: 59%;
	position: relative;
}
.video-responsive2 iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
	.video-postload {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;

		background-color: #333;
		background-position: 50% 50%;
		background-size: cover;
		cursor: pointer;
	}
	.video-postload:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;

		background: rgba(0,0,0,.7) url(data:image/png;base64,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) no-repeat 50% 50%;
		-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
	}	
	
.video-responsive2 {padding-top: 82px;}
@media screen and (max-width: 760px) {
    .video-responsive2 {padding-top: 90px;}
}
@media screen and (max-width: 435px) {
    .video-responsive2 {padding-top: 90px; padding-bottom: 103%;}
}


/* ADDED FOR SIDEBAR
----------------------------------------------- */
.sblock {margin-bottom: 30px;}
.sblock__title {margin-bottom: 15px; font-size: var(--fs-lg); font-weight: 700; font-family: var(--ff-display); color: var(--clr-text); padding-bottom: 8px; border-bottom: 2px solid var(--clr-primary-500);}
.sblock__grid {display: grid; gap: 20px 10px; grid-template-columns: repeat(auto-fill,minmax(110px,1fr));}

.nav-col {width:48%;}
.nav-title {margin-bottom:15px; font-weight: 700; font-size: var(--fs-base); color: var(--clr-primary-700); font-family: var(--ff-display);}
.nav-menu + .nav-title {margin-top:20px;}
.nav-menu a {display:block; margin-bottom:8px;}
.nav-menu + .nav-menu {margin-top: 20px;}

.sblock__top li {list-style-type: decimal; color: var(--clr-primary-600); margin-bottom: 10px; margin-left: 25px; font-size: var(--fs-base);}

.lcomm {padding:10px 15px; background-color: var(--clr-bg-soft); border-radius: var(--radius-sm); margin-bottom: 6px; border-left: 3px solid var(--clr-primary-400); transition: border-color var(--dur-fast);}
.lcomm:hover {border-left-color: var(--clr-primary-600);}
.llink {font-weight:700; display:block;}
.ltext {display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; 
    font-size: 14px; margin-top: 6px;}
.ltext span {color: #4F4F4F; margin-right:5px;}

.side-item {display: block; text-align: center;}
.si-img {margin-bottom: 10px; position: relative; padding-top: 150%;}
.si-img img {position: absolute; left: 0; top: 0; object-fit: cover;}
.si-ser {position: absolute; right:0; bottom:5px; display:inline-block;
background: var(--clr-anime); color: #fff; height: 18px; padding:1px 7px; border-radius: var(--radius-sm) 0 0 0;}

/*
.video-responsive2 {
	padding-top: 37px;
	padding-bottom: 59%;
	position: relative;
}
.video-responsive2 iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
	.video-postload {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;

		background-color: #333;
		background-position: 50% 50%;
		background-size: cover;
		cursor: pointer;
	}
	.video-postload:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;

		background: rgba(0,0,0,.7) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAE4tJREFUeNrsXQvYVlMWXv9XKeNPkl8oZaSici9lGDRyDSm5RU8h41ouw7gzLiPDjMaYyCWSS+SS1BgmlBqiSbmEIZIGXUwl1XTvm/V21td8Nf9lr3Pd5zv7fZ736el/zmV/57xn77XXXmvtsnw+TxnFTsLmzB2YzZgtmE2Y9ZnlzLrMWswyOSfHzAtXM5cxf2AuZn4vnMWcx/xS+GMWH25ZRoTVkNmOeQBzH2Zb5i7y9yjxjYjrQxHcFObHzCVOWOkEepv2zGPk3zbSK9kAiO095qvM8czPmeudsOxFY+ahzKOYnZk/TUGbV4uwILIXme8y1zhhWdB+5rHM05hHMrdP+fvAkDla+J4TVvyAgX26cL8SHMrxUt5kPs18lrnICStawPDuzzyRuW1GJlhzmA+JyL5wwgoXnURQJzPrZNQ9ArfFcOZg5j+dsILhZ8xfM48jz5/k4AlsCHMQef4yJywFWjOvYfbKcA9VE75j/kFE9h8nrOpRLkPelRS987IqwKcET/pS5nLmKuZa5jr5Fz0nPPJbMxswtxImOZO8njnGCatywJk5kLl3TPfDTAte8ZnkecXB2TK8LBJhrZAZWmXYQsSFj2EnmUzA3bEjeQ7ZPZmtRIRx4EnmtWLsO2HJ1w5BXUz/W5OLauiYzHyDPB/RV8wFEd4PPVsL4YEyAdmLPEduVJjPvIn5YDUfRCaE1UlmOVH4otaIgCYxx8qQ8UPCH1Ej5r7MbuQ5dFtFdJ+XmQOkR86UsPA1XycGer0IbI6XmM8xP7DY+Mbv7sA8iTy/XPOQr481yXOZr2RFWLBFhsrDDAvoiUaKnTGZ0rfehonK8cyzyFvvDMskwITjLuaNcT+TuIWFYQBOvnYh2k2Ybj9mi9EaAuC768fsIbPOsIbGc+V5lZywuktPFYYb4SsR0/0RG+BJYlexkyCIn4RwPXjrT4vLPIhLWJeR58wL2sUjQO5u5p8sMMTjAtwvlzB7M2sHvBZcKX3JC9NJvbBuljE+KB5n3kZe/FIWgejXW2U2GQSIATuH+USahYWepX/Aa/xDhPkKOZD0OHdQMH8YVhcuEvs0VcKCO+EB+TL8Yo30dnfJV+awqf2F3qtXwOtcyrwnTcKCkX52gPM/kS9qgtNQtThDbM4gkbOXkxcpYb2wgg5/6J7hPF3kdGOE1jJD7hjgGueRtwxkrbBuYd7g89xlMvt5xGlFjfrSc/ULYHOh93vaRmFdGqBL/ZZ5CvNtp5FAuJA8t46fZTJEchzBfMsmYWF5ZpTPc99h9smwGyFsHM0cwdzGx7nfibg+sUFYe4mR7cejPla64B+dHkLFQTKsNfVx7kfkrVcuTlJYEBPCUtr6OBcLxmdRiSRoWoh2Mors5uPcF5g9KUBMVxBhIYISEQXdfJyLkBbkBK517z9SwN81mvwt+gdyQwQR1g0yC9QC439fck7PuNCSvLVBbcmBlWJv/T1OYbWXG2rjuRG+0d2JKnYg/n4c6ZeBEEWCKN8FcQgLIRyTxWjXACV8sIC6xL3nRACDHJk89ZXnPSUTrMiF5cezPpd5CKUoRbxE0ZW8qjba8JsTSJlephUWSgT9lXRxVUulp3rHvVcrcBV50REaICmjg8YFoRFWuQyB2hkGXArD3Pu0CvBxnao8Z5DMFEMXFjJqblc2Bgub57n3aB2Q0DKRdP5H+BsRjz81TGEh6RI5eprg/s+kIXFHKWwts9bdmdvJ/bEW+SmloEpLzDPFt5TGPEpb/sLoSAjLgI/ldVjJPMjw2mExx7yYObOaNk1kXsCsF3PbbOX5eT1ONrm2yc07Mlcrb351zA+onDla0b5pzB5OWBs4TvluZ5h8mCY3HqO8MV5a7RgfTC3m03l/GMFsk3FhtWUuVT63i2q6bk021v7iJjD1e6wX18LrMdoK8OS/EOB8BBgiPxFxTPMzam+hbNSdiuNhsyItbWFVB+RquMAVSmfa8JhFVXDeBUG5PFh8QGdmVFj3klfzwhQoLtzH76wQs4ZpCmHBEYplntkxPhA4aqfILDAsvEZeIbN3MyYulDUfq3B+Yx0RdcBWanusAcre6u6YRQVgETzsyn9dyFtgx/C4c4aE9bL4tkyBaIke2h6rsfh8TMNb54hHfmnMDwNF22aQty9OFEBK+u9EZKsyIC7s6IEoCNNCwnCWoqjcWtMe60zSxUwPTUBUxROGqID9dwZJD3Z8BoQ1XoZDU2Byd4jpUIi/9VZcHLE6gxN6EHGVyoEN95I89I4lLq47FB9rWVUTnsqEdRTpCswOrm7aGYOw4tw5q6vYIXj4pbozBmbHmhQw9OSNTISlCepCds3DCT6EdRR/3Dxi/a+SGXN/+X+pQZMVjfXYw2sSVoX0WKZ4hmKsEmcZUDMUQY/IUjq6xH4bEjBmKY4/vSZhdRYFmmJ4wg+gjKIt4W0C1K1C8OMwSsceiSbAREyTbt+ZNounz1ViX5kCiY1JOxHhZ7NlS5Q+Mv2+tUTsL9TQMN1KpYHYn5UKC0kSXRQ3Ruy0DcmmZRa9DAjqejGAe6ZcWAhH1qR+da9KWJhSm3qa4cYfSQ5VAbl8z4qtsk+Kf8dzimP3pqIivLnNptKmXz+GwRkW/PA8Jby1Rw3AAjnyBBA5sWMKhYWAghWGxzalojXbYmF1UNxwvCU/fB3ZX/sBJYUuF3sU8f9p2ndxlnwYpiZJ182FheWbtopeYgw5aAEzY4i4J45MUbtHK479vx4L4S6mdSzny1Do4A9YtEUthedTYn9NVhwLO6uiWFiaYRBV92xJky+jmoMVbUUPmXUNpPC2NokCiHL51vBYLO20KhaWZlu3cRb9aNgrtSm9QNjP1eT5v86x9COBs3S64viNwsJX30Zx4nRyCBsojvYwafL24oWmPEKbgrAQv7yr4UmLSbeG5KADYpsQGn0febFgNg2HptizIKxdyMseNgGqxfzboh+8XlwOpQSMIBeQl3mOZJb6FrQJ284sNzwW3oXyHOl2NZhJdjkkS1FYBWAD87tkVnZcwm2B8f61woDfDsLSeITdMBg/0APAb/gM+SsiHAbWKYQFh3BjCKuZ4gZfuvecGE6R3ut2SmZ56F+KoXxnCKuF4uJfW/aw0+5u0AL2FspJYXmoL8Ub2aHZeLQhhGVaZB7d4VwLDd0cZQ9YHnqUvEXin8d0z3mKYzfYWOUKxS4mB5uAyM0J5AUXRt17faU4trFGWCiesdS9S+uAd4jgwnsivo9mKNzQY5lmmcCPscKyh4oMHbdligdkDJ0Q4fXnk7lrpyJH5vFBiBq1Magu7zS1Eb+JcDKD92+68UODnML4dfve2A+ErUTl61qr0EBOM6Oy0cNtQ/qXbfZWqwhHhrymIWnusTCM13F62gR1InzWpmbT6pxChbXcO7MemMi8H6GwTDuhFRphbeHem/VAPP2nEQrLdGKwKqeYrjewUFxxV5uxGXAHXR3hLLmuQlhrISxTpycyeba27GEmUW3GRsC/2Iu8uKmoUF8xUVoOYZl6VLcSOtgFRJyg2s1LEd9Hs4nmYgjLdP0P6dNN3Hu0qpf6I3k71k+M4X5NFccuxJj5veKEbSx7uJqVg1ICgv5Q8H9ajPdsrjh2llZYjZ2wEgXqZdxEwXbi8AtNQOg3EJYm3Hg3NwIlgkXSQ6He67KE2mBaVA4TqnkQ1rwILu4QDuAKeoC8ajWzE2wHvAE7GR77Y8HGQo+1nsy8qqg1gGD5lc7dEDkmMK8lXe2EKIdBUzMIFbR/gJg+J/OQYwyFNm0DUooO0k/Iq53exRJRAXuQuXMUelqZkzH7C8OTsMC5uxuhIgG+dESCdmI+SXZFk2g2mP+QioY/TVmiA5wGQgcqFGPHi9+SneHfnRTHTisW1qyIbhI10h42gzJGKL6POum25mw2IfNtXtbJUL5RWFPIfPESBnxDS350WgP9YNOeyzyM+YblbUVUqmn9ri8LZlXxUGjqdsAGA/uRgx9gBnu/mBMPUzrqTmhKtGMYXFUsLPgeNAFiPSyaFaYlmeIvzEOZFzK/SUmbYWZotnPZGF1R7LvSFKzFDhZ1Lfjhaaia/Bl5IS2oGPN2ynrYlkITrKeiDQeKhTVJ0TWjUFt7cqgOCEdChjKK2Y5I6W84lXT+q+mVCQuGl2kaNQzmnk47VfaiD4kddSOltyxBHeU7fqN49CgWFuJ7NDW9T6Lkw2hsKwqCDSRRT+GX5BWpSzPwYeyhOH4TU2rzl/K84kI7U/KV5mwpY4Tevp+IalKJ9Ly9yNyVg9CrKdUJC3UvNXvk9KNslhEqAF5yFEJDnfyhVDp1JBrKiGSKV8gL7alSWMjNH6W4IKr8dsyoqEbJb7+OSq+8E4x2TVDnM5v/IVfFAzMNRSkTeyJJQznusBn4alDVBb68T0vwg0FY1CWK4+FOGW8iLEwZNf4WdJnNE3oIcYbNLGAOYB5Mpb1JFWwrTQTLMKpkJ9aq7KMnFBdGvtmvSvhB58V+gj/qXjIv5ZNWF4PmXSLkqlIfXVXCws6amt3pzyZdzE5agLSqw2WSkoVS5Bh9NNvfjKUqCh5XJSwYo/cpboBE1isSeBA5iiZsZjZ5myZ1Jns2/YwaeIc3KXvy+6p7MVTNcKjJCMHYvG/MD2NVyDMy1D+4U9wHj1C26kIMUNpW+OAm+REWurjHlOPz7yne+Ci8+LDimYaT522+iuzaLygO7OpjxLmjWndBPl9t1AlWtt8j3UZBvZXGf1C0kzb6rYSDhAVkw0yg7AKh0acqjkdPdVi1PTqEVQPvzOswl9nM4Lph8ta8HrOZ/Zl1Y26rbTzKx7PrXtN1a+qxAESMYplH64k9LeavbqAMYzUNxViGGSLD9gLKNhpL79NS2VthUrMuyFBYwKXMQcpGny5dbJzA9h99yNultEnR8IgEW0RtviA+qc/JoTBBO0Np03Ymg+o2psKqJ3aMxscBA/ighF7iViKsRjJBQfF77Lm3wmlpIzCijPAhxN4mB5oKCziWvLhtDaaKwpe592gVWsikpUJxDiJikbEzx+RgTcjLyz6GtvY+hlCHaFFPep4K5Xm3mIpK22ORDC9I8dle2Shkptzv3mniQEcyzHQ4K8I74l5YFZWwACRaPqg8Bw06kbyAMIfkgBT+a5XnwIxB3N10zUl+hIVQYISNHK08bwnzGLKngkrWcBZ5y1RaYFexP2tP8iMsAEsASBzYQXkeIiaOZH7s3nOsQGDis6RfnUD0wvF+buhXWCQCwY210QVIPDiCdDt2OvhHV+ZI8qpeawAXDQrAzI5bWAASCa7xcR48+Yj9cY7KaAEXEWLrtlSeh3BvZGC96vfGQYWFNPsXfdhbAALnupMU6nKIZPh7ivxt+nAZeTXkKSlhkdhZcPG39HEuult4gCc4HYRuqA8hfxEfyOIOnCAThrCAvcWVsIOPc1Hp5gyx1xyScSkUMEls55W2CIvEIB9D/qrQINETYbEDnS58A8Y5QoX7+DwfJgmqCM0LozFhCouk53mc/EeRYsnoItosq9ahRsAMeZS8RX8/wAy9C4WYMBK2sIDzKdjyDb6cvqT09GYYyJBCmHCFz/PnyvA3I8xGRSEsAIH59wQ4H8F4SF2/1+mmSiBI727yklj84ntxSUwNu3FRCQu4nLytOoLgdfISKD9wOtoEx8qzDVJzHz1VN4po88wohUUybYVBGWSHLswabyNvvSrrgXqtyQtfOSXgdWBLISjgo6gaGrWwAPiphpJ+SWFzIFznZop+J1EbgXLYF5OXohW02B16/x4UcWZ3HMICDpYZXxg7tL4uxuprGRAUgvJ6ir0ZxlYzb5KXizA36obHJSwA8fKIsd4rhGuh0VhKQnTqpBIUFPI4sZZ6WUjPC3hIJlWx7NwWp7CAbckLEjwpxGviK0Sc0Siycx8aDSrEfoIvb4+QrokF5Ssp4Nqf7cICcjJjvDkEu6sYKCaLlfxhlK6oCaznHShDHj64HUO8NoY8+Llij9xNQlgFoMzioyF+mQWgCNhE6cFQ1+ELC8VUR2Z46J0Q4RFFCajRYuwn8vuTFBbQUOykPhFdH+4JhEKPlX9R2nFJQr+1KXnVeA4XtqZoSjDBPYN9DxN1LictrALw1Q6Uhx0lkA2NPYNQChNLGPDjIFw67Cp9cA80k964nfTOHSj6XdMQLo6s9alJv1BbhFUw7DGt7k/x7UGIYXOO2GfI3MYSB1b3UcIJC+GIF0OG0RqZidYWG7G22Eb1xSbCRtzNhbuIW2V7iq8GPdqKcJnBpEjRyoqwim0v7EFzhAVtWSe92VoRVq0iYdmyAefjMhGyaiNNG4VVADz2qB6zDzlUBlTUu40s3UjTZmEB8DyfI36Y5k5LGzCBvLCkkTY30nZhFdBIZo4XMHfLqKDGkRcmk4ps8rQIqwBknHQTA79TBsSElQSEe8Pfl6q10bQJqwAY0CiPhCA3JGQ2LjFBYSd4pG5hbTWV9eXTKqxiYFoPh+PJ5BWvaJTS3wE3x9/I29oPw16qY89KQVjFgD8JybMIYkNKWjPL2/uxGOMoaIf9/haWyosoNWEVA87L/cnLXDlU3BYVCbYHvjCs270vIoL3HwkjJbk3TykLq7IhE2lSrZhtyVtqQYwYqkJvGeJ94FTFeiR2zMDa5AwhBDWTSnuTp0wKq6perULYVOyzRjIZqBDRYd2vELO/SmwfiAPLPMtFQAvFyMZa5Fz5G7gyqw/2vwIMAEACHJ74QKMDAAAAAElFTkSuQmCC) no-repeat 50% 50%;
		-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
	}	

.video-responsive2 {padding-top: 82px;}
@media screen and (max-width: 435px) {
    .video-responsive2 {padding-top: 82px; padding-bottom: 100%;}
}

.player__label {margin-top: 10px;padding: 10px;font-size: 16px;font-weight: 500;text-align: center;color:#fff;}
.player__item {padding-top: 56%;width: 100%;height: 0;position: relative;background: #000;}
.player__item iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
*/
/* hdvb стили
----------------------------------------------- 
body.js{margin: 0px auto 0 !important; max-width: 1200px !important;padding:0px !important; width: auto !important; max-width: none !important; min-width: none !important;}
body.js > div[id*=epom-pushdown]{height:0px !important; padding-top:0px !important; margin-top:0px !important; width: 100% !important;}
div[id*=epom].epom-brend{z-index: 0 !important;margin-top: 0px !important;}
div[id*=epom].epom-brend > div{margin-top: 0px !important;}
header.header, .content{   background-color: #fff;}
@media (max-width: 768px) {
  div.wrap{margin-top:140px !important;}
  body.js{margin-top: 0px !important; min-width: none !important;}
  body.js > div{margin-top: 0px !important; }
  
  body.js > div[id*=epom-pushdown] {height:0px !important; padding-top:0px !important; margin-top:0px !important; top:0px !important;}
  div[id*=epom].epom_stiker {padding-top: 0px !important; height: 140px !important;margin-top: 0px !important;}
  div[id*=epom].epom_stiker div[id*=epom-content]{padding-top: 0px !important;}
  div[id*=epom-close-wrapper] > div { top: 5px !important;}
  div.epom-brend > div { margin-top: 0px !important;}
  .epom_stiker  div[id*=file-image]{background-size: cover !important;}
  div[id*=epom] {  padding-top: 0px !important; margin-top: 0px !important;}
}*/
.mce-accordion summary {
	cursor: pointer;
}

.self_delete_link {
	border: 0 none;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 12px 27px;
	border-radius: 10px;
	outline: none;
	background-color: #f44336;
	color: #fff;
	text-shadow: 0 1px #333;
	text-decoration: none !important;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	box-sizing: border-box;
	transition: all ease .1s;
}

.title_spoiler svg{
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 7px;
	height: 16px;
	width: 16px;
}.banner-slot{position:relative;display:block;width:100%;margin:20px auto 16px;overflow:hidden;max-width:600px}
.banner-slot::before{content:"Offer";display:flex;align-items:center;justify-content:center;aspect-ratio:3/1;border:1px dashed #293949;border-radius:12px;color:#495969;font-size:13px;font-weight:500;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(to top right,transparent calc(50% - .5px),#293949,transparent calc(50% + .5px)),linear-gradient(to top left,transparent calc(50% - .5px),#293949,transparent calc(50% + .5px)),linear-gradient(to bottom right,transparent calc(50% - .5px),#293949,transparent calc(50% + .5px))}
@media(max-width:767px){.banner-slot{max-width:100%}}
.banner-slot>ins{position:absolute;inset:0;display:block!important;width:100%!important;height:100%!important}
.banner-slot img,.banner-slot iframe{display:block;width:100%;height:100%}

.rezse-torrent-body{background:var(--clr-bg-body);color:var(--clr-text);font:var(--fs-base) var(--ff-body);line-height:1.5}
.rezse-torrent-body .wrap-main{min-height:100vh;background:var(--clr-bg-main);box-shadow:var(--shadow-xl)}
.rezse-torrent-body .menu{display:flex!important;gap:18px;align-items:center}
.rezse-torrent-body .menu>li>a{margin-right:0;white-space:nowrap}
.rezse-torrent-page{padding:18px 0 34px}
.rezse-torrent-back{display:inline-flex;align-items:center;justify-content:center;min-height:36px;margin:0 0 16px;padding:8px 14px;border-radius:var(--radius-md);background:var(--clr-bg-muted);border:1px solid var(--clr-border);color:var(--clr-text-secondary);font-size:13px;font-weight:700;text-decoration:none;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}
.rezse-torrent-back:hover,.rezse-torrent-back:focus-visible{background:var(--clr-primary-100);border-color:var(--clr-primary-300);color:var(--clr-primary-800);outline:none;text-decoration:none}
.rezse-torrent-head{display:grid;grid-template-columns:188px minmax(0,1fr);gap:22px;align-items:stretch;padding:20px;border-radius:var(--radius-lg);border:1px solid var(--clr-border);background:var(--clr-bg-main);box-shadow:var(--shadow-md)}
.rezse-torrent-poster{width:188px;border-radius:var(--radius-md);overflow:hidden;background:var(--clr-bg-muted);border:1px solid var(--clr-border)}
.rezse-torrent-poster img{display:block;width:100%;height:100%;aspect-ratio:188/282;object-fit:cover}
.rezse-torrent-title{display:flex;flex-direction:column;justify-content:center;min-width:0}
.rezse-torrent-title h1{margin:0 0 12px;color:var(--clr-text);font-size:clamp(22px,3vw,32px);line-height:1.15;font-family:var(--ff-display);letter-spacing:0}
.rezse-torrent-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;color:var(--clr-text-secondary)}
.rezse-torrent-meta span{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:var(--radius-full);background:var(--clr-bg-muted);border:1px solid var(--clr-border);font-size:12px;font-weight:700}
.rezse-torrent-actions{display:flex;flex-wrap:wrap;gap:10px}
.rezse-torrent-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border-radius:var(--radius-md);background:var(--clr-bg-muted);border:1px solid var(--clr-border);color:var(--clr-text-secondary);font-size:13px;font-weight:700;text-decoration:none;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}
.rezse-torrent-action:hover,.rezse-torrent-action:focus-visible{border-color:var(--clr-primary-400);color:var(--clr-primary-800);background:var(--clr-primary-100);outline:none;text-decoration:none}
.rezse-torrent-action--watch{background:linear-gradient(135deg,var(--clr-primary-700) 0%,var(--clr-primary-500) 100%);border-color:var(--clr-primary-600);color:#fff;box-shadow:0 4px 16px rgba(6,182,212,.24)}
.rezse-torrent-action--watch:hover,.rezse-torrent-action--watch:focus-visible{background:linear-gradient(135deg,var(--clr-primary-600) 0%,var(--clr-primary-400) 100%);color:#fff}
.rezse-torrent-panel{margin-top:18px;padding:20px;border-radius:var(--radius-lg);border:1px solid var(--clr-border);background:var(--clr-bg-main);box-shadow:var(--shadow-sm)}
.rezse-torrent-panel h2{margin:0 0 14px;font-size:20px;letter-spacing:0;font-family:var(--ff-display)}
.rezse-rutor-wrap{overflow-x:auto;border:1px solid var(--clr-border);border-radius:var(--radius-md);background:var(--clr-bg-muted)}
.rezse-rutor-table{width:100%;border-collapse:collapse;min-width:720px}
.rezse-rutor-table th{padding:12px 14px;text-align:left;color:var(--clr-text-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;background:rgba(8,145,178,.04);border-bottom:1px solid var(--clr-border)}
.rezse-rutor-table td{padding:13px 14px;border-bottom:1px solid var(--clr-border);vertical-align:middle;color:var(--clr-text-secondary)}
.rezse-rutor-table tbody tr:last-child td{border-bottom:0}
.rezse-rutor-title{color:var(--clr-text);font-size:13px;font-weight:700;line-height:1.35}
.rezse-rutor-date{margin-top:4px;color:var(--clr-text-muted);font-size:11px}
.rezse-rutor-size,.rezse-rutor-peer,.rezse-rutor-dl{white-space:nowrap;text-align:center}
.rezse-rutor-peer.is-alive{color:#16a34a;font-weight:800}
.rezse-rutor-peer.is-dead{color:#dc2626;font-weight:800}
.rezse-rutor-btns{display:flex;justify-content:flex-end;gap:6px}
.rezse-rutor-btn{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 10px;border-radius:var(--radius-sm);background:#ecfeff;border:1px solid rgba(8,145,178,.24);color:#075985;font-size:12px;font-weight:800;text-decoration:none;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}
.rezse-rutor-btn:hover,.rezse-rutor-btn:focus-visible{background:var(--clr-primary-600);border-color:var(--clr-primary-600);color:#fff;outline:none;text-decoration:none}
.rezse-rutor-btn--file{background:#f8fafc;border-color:var(--clr-border);color:var(--clr-text-secondary)}
.rezse-rutor-btn.is-disabled{opacity:.55;cursor:default}
@media(max-width:767px){.rezse-torrent-page{padding:14px 10px 26px}.rezse-torrent-head{grid-template-columns:120px minmax(0,1fr);gap:14px;padding:14px}.rezse-torrent-poster{width:120px}.rezse-torrent-title h1{font-size:21px}.rezse-torrent-actions{display:grid;grid-template-columns:1fr}.rezse-torrent-panel{padding:14px}.rezse-rutor-table th,.rezse-rutor-table td{padding:9px 10px}.rezse-rutor-size{display:none}}
@media(max-width:460px){.rezse-torrent-head{grid-template-columns:1fr}.rezse-torrent-poster{width:138px;margin:0 auto}.rezse-torrent-title h1{text-align:center}.rezse-torrent-meta{justify-content:center}}

.rezse-fullstory-player{clear:both;margin:28px 0 30px;scroll-margin-top:18px}
.rezse-fullstory-player .banner-slot{margin:20px auto}
.rezse-fullstory-ad--above{margin-bottom:16px}
.rezse-fullstory-ad--below{margin-top:18px;margin-bottom:18px}
.rzdk-mark-controls{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:10px;border:1px solid var(--clr-border);border-radius:var(--radius-md);background:var(--clr-bg-muted)}
.rzdk-mark-control{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 11px;border-radius:var(--radius-sm);border:1px solid var(--clr-border);background:var(--clr-bg-main);color:var(--clr-text-secondary);font-size:12px;font-weight:800;text-decoration:none;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}
.rzdk-mark-control:hover,.rzdk-mark-control:focus-visible{background:var(--clr-primary-100);border-color:var(--clr-primary-300);color:var(--clr-primary-800);outline:none;text-decoration:none}
.rzdk-viewer-panel{overflow:hidden;border:1px solid var(--clr-border);border-radius:var(--radius-lg);background:var(--clr-bg-main);box-shadow:var(--shadow-md)}
.rzdk-fullstory-frame{position:relative;width:100%;min-height:520px;aspect-ratio:16/9;background:#020617}
.rzdk-fullstory-frame iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.rzdk-viewer-notice{padding:10px 14px;background:var(--clr-serial);color:#fff;text-align:center;font-size:13px;font-weight:800}
.rezse-fullstory-rating{margin:14px 0 0}
.rezse-fullstory-schedule{margin-top:18px}
.rezse-fullstory-torrent{margin-top:18px}
.rezse-fullstory-torrent .rezse-rutor-btn--magnet{background:#ecfeff;border-color:rgba(8,145,178,.24);color:#075985}
.rezse-fullstory-torrent .rezse-rutor-btn--file{background:#f8fafc;border-color:var(--clr-border);color:var(--clr-text-secondary)}
@media(max-width:767px){
  .rezse-fullstory-player{margin:22px 0 26px;scroll-margin-top:12px}
  .rzdk-mark-controls{gap:6px;padding:8px}
  .rzdk-mark-control{flex:1 1 calc(50% - 6px);min-height:34px;padding:7px 8px;font-size:11px}
  .rzdk-fullstory-frame{min-height:360px;aspect-ratio:auto}
  .rzdk-viewer-notice{font-size:12px;line-height:1.35}
  .rezse-fullstory-rating{gap:6px;flex-wrap:wrap}
  .rezse-fullstory-torrent .rezse-rutor-wrap{overflow:visible;background:transparent;border:0}
  .rezse-fullstory-torrent .rezse-rutor-table,
  .rezse-fullstory-torrent .rezse-rutor-table thead,
  .rezse-fullstory-torrent .rezse-rutor-table tbody,
  .rezse-fullstory-torrent .rezse-rutor-table tr,
  .rezse-fullstory-torrent .rezse-rutor-table td{display:block;width:100%;min-width:0}
  .rezse-fullstory-torrent .rezse-rutor-table thead{display:none}
  .rezse-fullstory-torrent .rezse-rutor-table tr{margin-bottom:10px;padding:12px;border:1px solid var(--clr-border);border-radius:var(--radius-md);background:var(--clr-bg-muted)}
  .rezse-fullstory-torrent .rezse-rutor-table tr:last-child{margin-bottom:0}
  .rezse-fullstory-torrent .rezse-rutor-table td{padding:8px 0;border:0;text-align:left}
  .rezse-fullstory-torrent .rezse-rutor-table td:first-child{padding-top:0}
  .rezse-fullstory-torrent .rezse-rutor-size,
  .rezse-fullstory-torrent .rezse-rutor-peer,
  .rezse-fullstory-torrent .rezse-rutor-dl{display:flex;align-items:center;justify-content:space-between;gap:12px;white-space:normal}
  .rezse-fullstory-torrent .rezse-rutor-size::before{content:"Размер";color:var(--clr-text-muted);font-size:11px;font-weight:800;text-transform:uppercase}
  .rezse-fullstory-torrent .rezse-rutor-peer::before{content:"S";color:var(--clr-text-muted);font-size:11px;font-weight:800;text-transform:uppercase}
  .rezse-fullstory-torrent .rezse-rutor-leech::before{content:"L"}
  .rezse-fullstory-torrent .rezse-rutor-dl::before{content:"Скачать";color:var(--clr-text-muted);font-size:11px;font-weight:800;text-transform:uppercase}
  .rezse-fullstory-torrent .rezse-rutor-btns{justify-content:flex-end;flex-wrap:wrap}
}
@media(max-width:420px){
  .rzdk-mark-control{flex-basis:100%}
  .rzdk-fullstory-frame{min-height:320px}
}


/* ===== COMPAT: backdrop-filter fallback =====
----------------------------------------------- */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .hidden-menu { background: rgba(255,255,255,.99); }
  .overlay-box { background-color: rgba(15,23,42,.88); }
  .close-overlay { background-color: rgba(15,23,42,.7); }
}

/* ===== ANIMATIONS =====
----------------------------------------------- */
@keyframes card-in {
  from { opacity: 0; transform: translateY(22px) scale(.97); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}
@media (prefers-reduced-motion: no-preference) {
  .card-item { animation: card-in .5s var(--ease-spring) both; }
  .card-item:nth-child(1)  { animation-delay: .00s; }
  .card-item:nth-child(2)  { animation-delay: .04s; }
  .card-item:nth-child(3)  { animation-delay: .08s; }
  .card-item:nth-child(4)  { animation-delay: .12s; }
  .card-item:nth-child(5)  { animation-delay: .16s; }
  .card-item:nth-child(6)  { animation-delay: .20s; }
  .card-item:nth-child(7)  { animation-delay: .24s; }
  .card-item:nth-child(8)  { animation-delay: .28s; }
}

/* Focus: visible для мышей скрываем, для клавиатуры/touch показываем */
*:focus {
  outline: 2px solid var(--clr-primary-500);
  outline-offset: 2px;
}
/* Браузеры с поддержкой :focus-visible убирают outline при клике мышью */
*:focus:not(:focus-visible) { outline: none; }
*:focus-visible {
  outline: 2px solid var(--clr-primary-500);
  outline-offset: 2px;
}

/* CSS-only: нативный <select> как fallback (до инициализации NiceSelect или без JS) */
.hm-filt-select select:not(.nicified) {
  appearance: none; -webkit-appearance: none;
  background-color: var(--clr-bg-main);
  border: 2px solid var(--clr-border-strong);
  border-radius: var(--radius-sm);
  padding: 0 32px 0 10px;
  font-size: var(--fs-xs); font-weight: 700; text-transform: uppercase;
  color: var(--clr-text-secondary);
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394A3B8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  transition: border-color var(--dur-fast), box-shadow var(--dur-fast);
}
.hm-filt-select select:not(.nicified):focus {
  border-color: var(--clr-primary-500);
  box-shadow: var(--shadow-focus);
  outline: none;
}

/* ===== HUB PAGES ===== */

.hub-page {padding: 0 0 20px;}
.hub-breadcrumbs.speedbar {margin-bottom: 18px;}
.hub-title {margin: 0 0 14px; font-size: var(--fs-xl); line-height: 1.25; color: var(--clr-text); font-family: var(--ff-display); font-weight: 700;}

.hub-intro {
  margin-bottom: 18px; padding: 16px 18px;
  border: 1px solid var(--clr-border); border-radius: var(--radius-md);
  background: var(--clr-bg-soft); color: var(--clr-text-secondary); line-height: 1.65;
}

.hub-count {
  display: inline-block; margin-bottom: 18px; padding: 8px 14px;
  border-radius: var(--radius-full); background: var(--clr-bg-muted);
  border: 1px solid var(--clr-border); color: var(--clr-text); font-weight: 700;
}

.hub-catalog {display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px;}

.hub-catalog__item {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  min-height: 68px; padding: 16px 18px;
  border: 1px solid var(--clr-border); border-radius: var(--radius-md);
  background: var(--clr-bg-main); box-shadow: var(--shadow-sm);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.hub-catalog__item:hover {
  transform: translateY(-2px); border-color: var(--clr-primary-500);
  box-shadow: var(--shadow-md);
}

.hub-catalog__name {color: var(--clr-text); font-size: var(--fs-base); font-weight: 700; line-height: 1.35;}
.hub-catalog__count {
  flex: 0 0 auto; padding: 6px 10px; border-radius: var(--radius-full);
  background: var(--clr-bg-muted); border: 1px solid var(--clr-border);
  color: var(--clr-text-muted); font-size: var(--fs-xs); white-space: nowrap;
}

.hub-kind-tabs {display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px;}
.hub-kind-tab {
  display: inline-flex; align-items: center; gap: 8px; min-height: 38px;
  padding: 8px 14px; border-radius: var(--radius-full);
  background: var(--clr-bg-soft); border: 1px solid var(--clr-border);
  color: var(--clr-text-secondary); font-weight: 700;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
.hub-kind-tab strong {
  display: inline-block; min-width: 22px; padding: 2px 7px;
  border-radius: var(--radius-full); background: var(--clr-bg-muted);
  color: var(--clr-text); font-size: var(--fs-xs); text-align: center;
}
.hub-kind-tab:hover, .hub-kind-tab.is-active {
  background: var(--clr-primary-600); border-color: var(--clr-primary-500); color: #fff;
}
.hub-kind-tab:hover strong, .hub-kind-tab.is-active strong {background: rgba(255,255,255,.2); color: #fff;}

.hub-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)); gap: 16px;}
.hub-tile {
  display: block; overflow: hidden; border-radius: var(--radius-md);
  border: 1px solid var(--clr-border); background: var(--clr-bg-main);
  box-shadow: var(--shadow-card);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.hub-tile:hover {transform: translateY(-3px); border-color: var(--clr-primary-500); box-shadow: var(--shadow-card-hover);}

.hub-tile__poster {display: block; aspect-ratio: 200/286; background: var(--clr-bg-muted);}
.hub-tile__poster img {display: block; width: 100%; height: 100%; object-fit: cover;}
.hub-tile__body {display: block; padding: 12px;}
.hub-tile__title {
  display: block; min-height: 38px; margin-bottom: 8px;
  color: var(--clr-text); font-size: var(--fs-sm); font-weight: 700; line-height: 1.4;
}
.hub-tile__meta {display: flex; flex-wrap: wrap; gap: 6px;}
.hub-tile__meta span {
  display: inline-block; padding: 4px 8px; border-radius: var(--radius-full);
  background: var(--clr-bg-muted); border: 1px solid var(--clr-border);
  color: var(--clr-text-muted); font-size: var(--fs-xs);
}
.hub-tile--anime .hub-tile__meta span:first-child {border-color: var(--clr-anime);}
.hub-tile--series .hub-tile__meta span:first-child {border-color: var(--clr-serial);}

.hub-empty {
  padding: 18px; border: 1px solid var(--clr-border); border-radius: var(--radius-md);
  background: var(--clr-bg-soft); color: var(--clr-text-secondary);
}

.hub-pag {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px;}
.hub-pag a, .hub-pag span {
  min-width: 36px; height: 36px; line-height: 36px; padding: 0 12px;
  text-align: center; border-radius: var(--radius-sm);
  background: var(--clr-bg-soft); border: 1px solid var(--clr-border); color: var(--clr-text);
}
.hub-pag a:hover {background: var(--clr-primary-50); border-color: var(--clr-primary-500); color: var(--clr-primary-700);}
.hub-pag .is-current {background: var(--clr-primary-600); border-color: var(--clr-primary-500); color: #fff;}

/* ===== PERSON PAGE ===== */

/* Error state */
.persons-hub__error {
  padding: 24px; border: 1px solid var(--clr-border); border-radius: var(--radius-md);
  background: var(--clr-bg-soft); color: var(--clr-text-secondary);
  text-align: center; font-size: var(--fs-base);
}

/* Shared section title */
.person-section__title {
  font-size: var(--fs-xl); font-weight: 700; font-family: var(--ff-display);
  color: var(--clr-text); margin: 0 0 20px; padding-bottom: 12px;
  border-bottom: 3px solid var(--clr-primary-500);
  display: flex; align-items: center; gap: 10px;
}
.person-section__title::before {
  content: ''; display: inline-block; width: 4px; height: 22px;
  background: var(--clr-primary-500); border-radius: 2px; flex-shrink: 0;
}

/* ── BLOCK 1: HERO CARD ────────────────────────────────────────────────────── */

.person-hero {
  position: relative; display: grid; grid-template-columns: 240px 1fr; gap: 0 32px;
  padding: 32px; margin: -16px -16px 0; border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  background: linear-gradient(135deg, #0C1222 0%, #162032 50%, #0C1222 100%);
  color: #E2E8F0; overflow: hidden;
}
.person-hero::before {
  content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: radial-gradient(ellipse 600px 400px at 30% 20%, rgba(6,182,212,.12) 0%, transparent 70%),
              radial-gradient(ellipse 400px 300px at 80% 80%, rgba(14,116,144,.08) 0%, transparent 70%);
}
.person-hero > * {position: relative; z-index: 1;}

.person-hero__photo {
  grid-column: 1; grid-row: 1; overflow: hidden;
  border-radius: var(--radius-md); box-shadow: 0 8px 32px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.06);
  align-self: start;
}
.person-hero__photo img {
  display: block; width: 100%; height: auto; border-radius: var(--radius-md);
  aspect-ratio: 2/3; object-fit: cover; background: #1E293B;
  transition: transform .4s var(--ease-out);
}
.person-hero__photo:hover img {transform: scale(1.03);}

.person-hero__info {grid-column: 2; grid-row: 1; display: flex; flex-direction: column; gap: 8px;}

.person-hero__badge {
  display: inline-flex; align-items: center; align-self: flex-start;
  padding: 4px 14px; border-radius: var(--radius-full);
  background: var(--clr-primary-600); color: #fff;
  font-size: var(--fs-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
}

.person-hero__name {
  font-size: var(--fs-3xl); font-weight: 700; font-family: var(--ff-display);
  color: #fff; margin: 0; line-height: 1.1;
  text-shadow: 0 2px 20px rgba(0,0,0,.4);
}
.person-hero__name-en {
  font-size: var(--fs-sm); color: rgba(148,163,184,.8); letter-spacing: .03em; font-style: italic;
}

.person-hero__meta {
  display: grid; grid-template-columns: auto 1fr; gap: 4px 16px; margin-top: 4px;
}
.person-hero__meta dt {
  font-size: var(--fs-xs); font-weight: 700; color: var(--clr-primary-400);
  text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; line-height: 2;
}
.person-hero__meta dd {
  font-size: var(--fs-sm); color: rgba(203,213,225,.85); margin: 0; line-height: 2;
}
.person-hero__meta a {color: var(--clr-primary-300); transition: color .15s; text-decoration: none;}
.person-hero__meta a:hover {color: var(--clr-primary-400); text-decoration: underline;}

/* ── BLOCK 2: BEST MOVIES ─────────────────────────────────────────────────── */

.person-best {margin: 28px 0;}
.person-best .person-section__title {color: var(--clr-text);}

.person-best__scroll {
  display: flex; gap: 12px; overflow-x: auto; padding-bottom: 8px;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 20px, #000 calc(100% - 40px), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 20px, #000 calc(100% - 40px), transparent 100%);
  scrollbar-width: none;
}
.person-best__scroll::-webkit-scrollbar {display: none;}

.person-best__card {
  display: flex; flex-direction: column; gap: 6px; flex: 0 0 auto; width: 120px;
  text-decoration: none; color: var(--clr-text); position: relative;
  transition: transform .25s var(--ease-out);
}
.person-best__card:hover {transform: translateY(-4px);}
.person-best__card img {
  width: 120px; height: 168px; object-fit: cover; border-radius: var(--radius-md);
  background: var(--clr-bg-muted); box-shadow: var(--shadow-card);
  transition: box-shadow .25s;
}
.person-best__card:hover img {box-shadow: var(--shadow-card-hover);}

.person-best__rank {
  position: absolute; top: 8px; left: 8px; z-index: 1;
  width: 24px; height: 24px; border-radius: 50%;
  background: var(--clr-primary-600); color: #fff;
  font-size: 11px; font-weight: 800; font-family: var(--ff-display);
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 2px 6px rgba(0,0,0,.4);
}
.person-best__name {
  font-size: var(--fs-xs); font-weight: 600; color: var(--clr-text);
  line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.person-best__year {
  font-size: 11px; color: var(--clr-text-muted); font-variant-numeric: tabular-nums;
}

/* ── BLOCK 3: BIOGRAPHY ───────────────────────────────────────────────────── */

.person-bio {margin: 28px 0;}
.person-bio .person-section__title {color: var(--clr-text);}

.person-bio__toggle {display: none;}

.person-bio__content {
  padding: 24px 28px; border-radius: var(--radius-md);
  background: linear-gradient(135deg, #0C1222 0%, #162032 100%);
  border-left: 3px solid var(--clr-primary-500);
  box-shadow: 0 4px 20px rgba(0,0,0,.15); color: #E2E8F0;
  max-height: 7.5em; overflow: hidden; position: relative;
  transition: max-height .5s ease;
}
.person-bio__content::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3em;
  background: linear-gradient(to bottom, transparent, #162032);
  pointer-events: none; transition: opacity .3s;
}
.person-bio__toggle:checked ~ .person-bio__content {max-height: 200em;}
.person-bio__toggle:checked ~ .person-bio__content::after {opacity: 0;}

.person-bio__content p {margin: 0 0 12px; font-size: var(--fs-sm); line-height: 1.8; color: rgba(203,213,225,.85);}
.person-bio__content p:last-child {margin-bottom: 0;}

.person-bio__btn {
  display: inline-flex; align-items: center; gap: 6px; margin-top: 10px;
  cursor: pointer; font-size: var(--fs-sm); font-weight: 600;
  color: var(--clr-primary-600); transition: color .15s;
}
.person-bio__btn:hover {color: var(--clr-primary-500);}
.person-bio__btn-less {display: none;}
.person-bio__toggle:checked ~ .person-bio__btn .person-bio__btn-more {display: none;}
.person-bio__toggle:checked ~ .person-bio__btn .person-bio__btn-less {display: inline;}

/* ── BLOCK 4: FACTS ───────────────────────────────────────────────────────── */

.person-facts-section {margin: 28px 0;}

.person-facts-list {
  list-style: none; margin: 0; padding: 0;
  background: var(--clr-bg-soft); border-radius: var(--radius-md);
  border: 1px solid var(--clr-border); overflow: hidden;
}
.person-facts-list li {
  position: relative; padding: 12px 16px 12px 36px;
  font-size: var(--fs-sm); color: var(--clr-text-secondary); line-height: 1.6;
  border-bottom: 1px solid var(--clr-border);
  transition: background-color .15s, border-left-color .15s, padding-left .15s;
}
.person-facts-list li:last-child {border-bottom: 0;}
.person-facts-list li:hover {background: var(--clr-bg-muted); padding-left: 40px;}
.person-facts-list li::before {
  content: '\2014'; position: absolute; left: 16px;
  color: var(--clr-primary-500); font-weight: 700;
}

/* ── BLOCK 5: FILMOGRAPHY TABS ────────────────────────────────────────────── */

.person-filmography {margin: 28px 0;}

.person-filmography__radio {display: none;}

.person-filmography__tabs {
  display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px;
}
.person-filmography__tab {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 18px; border-radius: var(--radius-full);
  border: 2px solid var(--clr-border); background: var(--clr-bg-soft);
  font-size: var(--fs-sm); font-weight: 600; cursor: pointer;
  color: var(--clr-text-secondary);
  transition: background-color .2s, border-color .2s, color .2s;
}
.person-filmography__tab:hover {border-color: var(--clr-primary-400); color: var(--clr-primary-600);}
.person-filmography__tab strong {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 22px; height: 22px; padding: 0 6px;
  border-radius: var(--radius-full); background: var(--clr-bg-muted);
  font-size: 11px; font-weight: 700; color: var(--clr-text-muted);
  transition: background-color .2s, color .2s;
}
.person-filmography__tab--film  {border-color: rgba(8,145,178,.3);}
.person-filmography__tab--series {border-color: rgba(220,38,38,.3);}
.person-filmography__tab--cartoon {border-color: rgba(22,163,74,.3);}

/* Active tab states via radio hack */
#filmtab-film:checked ~ .person-filmography__tabs .person-filmography__tab--film,
#filmtab-series:checked ~ .person-filmography__tabs .person-filmography__tab--series,
#filmtab-cartoon:checked ~ .person-filmography__tabs .person-filmography__tab--cartoon {
  background: var(--clr-primary-600); border-color: var(--clr-primary-600); color: #fff;
}
#filmtab-film:checked ~ .person-filmography__tabs .person-filmography__tab--film strong,
#filmtab-series:checked ~ .person-filmography__tabs .person-filmography__tab--series strong,
#filmtab-cartoon:checked ~ .person-filmography__tabs .person-filmography__tab--cartoon strong {
  background: rgba(255,255,255,.2); color: #fff;
}

.person-filmography__panel {display: none;}
#filmtab-film:checked ~ .person-filmography__panel--film,
#filmtab-series:checked ~ .person-filmography__panel--series,
#filmtab-cartoon:checked ~ .person-filmography__panel--cartoon {display: block;}

/* Filmography list items (unchanged) */
.filmography-list {display: flex; flex-direction: column; gap: 3px;}
.filmography-item {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 14px; border-radius: var(--radius-sm);
  background: var(--clr-bg-soft); border: 1px solid transparent;
  font-size: var(--fs-sm); color: var(--clr-text-secondary);
  transition: background-color .2s, border-color .2s, transform .2s, box-shadow .2s;
}
.filmography-item:hover {
  background: #fff; border-color: var(--clr-primary-300);
  transform: translateX(4px); box-shadow: var(--shadow-card-hover);
}
.filmography-year {
  flex: 0 0 50px; font-size: var(--fs-xs); color: var(--clr-text-muted);
  white-space: nowrap; font-variant-numeric: tabular-nums; font-weight: 600;
}
.filmography-title {
  flex: 1 1 0; min-width: 0; color: var(--clr-text); font-weight: 600;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
a.filmography-title {transition: color .15s;}
a.filmography-title:hover {color: var(--clr-primary-600);}
.filmography-char {
  flex: 0 0 auto; font-size: var(--fs-xs); color: var(--clr-text-muted);
  font-style: italic; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 160px;
}
.filmography-rating {
  flex: 0 0 auto; padding: 3px 10px; border-radius: var(--radius-full);
  background: linear-gradient(135deg, rgba(245,158,11,.1), rgba(245,158,11,.05));
  border: 1px solid rgba(245,158,11,.2);
  font-size: 11px; font-weight: 700; color: #B45309; white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* Hub/Person responsive */
@media (max-width: 760px) {
  .hub-title {font-size: var(--fs-lg);}
  .hub-catalog {grid-template-columns: 1fr;}
  .hub-grid {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;}
  .person-hero {grid-template-columns: 160px 1fr; gap: 0 20px; padding: 24px;}
  .person-hero__name {font-size: var(--fs-xl);}
  .person-best__card {width: 104px;}
  .person-best__card img {width: 104px; height: 146px;}
}
@media (max-width: 600px) {
  .person-hero {grid-template-columns: 130px 1fr; gap: 0 16px; padding: 20px;}
  .person-hero__name {font-size: var(--fs-lg);}
  .filmography-char {display: none;}
  .person-bio__content {padding: 18px;}
  .person-filmography__tabs {gap: 6px;}
  .person-filmography__tab {padding: 6px 14px; font-size: var(--fs-xs);}
}
@media (max-width: 480px) {
  .person-hero {grid-template-columns: 1fr; padding: 20px 16px; gap: 16px 0;}
  .person-hero__photo {grid-row: auto; max-width: 160px; margin: 0 auto;}
  .person-hero__info {grid-column: 1; text-align: left;}
  .person-hero__badge {align-self: flex-start;}
  .person-hero__meta {grid-template-columns: 1fr;}
  .person-hero__meta dt {line-height: 1.4; margin-top: 6px;}
  .person-hero__meta dd {line-height: 1.4; margin-bottom: 4px; padding-left: 8px; border-left: 2px solid var(--clr-primary-500);}
  .hub-intro, .hub-empty {padding: 14px;}
  .hub-grid {grid-template-columns: 1fr 1fr;}
  .hub-kind-tab {width: 100%; justify-content: space-between;}
  .person-filmography__tab {width: 100%; border-radius: var(--radius-md); justify-content: space-between;}
  .person-filmography__tabs {flex-direction: column;}
}

/* DLE Engine overrides (engine.css loaded after styles.css) */
body .vote-title { background-color: var(--clr-primary-50); color: var(--clr-primary-700); }
body .berrors { background: #FEF3C7; color: #92400E; border-radius: var(--radius-sm); border-left: 4px solid #F59E0B; }
body .seo-brand h1 { font-family: var(--ff-display); font-size: var(--fs-2xl); color: var(--clr-text); }
body .ac-inputs input, body .ac-textarea textarea { background: var(--clr-bg-soft); box-shadow: inset 0 0 0 1px var(--clr-border); border-radius: var(--radius-sm); }
html,
body,
body[style*="background"] {
	background-image: none !important;
}
body > div[id*="epom"].epom-brend,
div.epom-brend {
	background-image: none !important;
	pointer-events: none;
}

/* Trailer modal — CSS-only :target (IE9+, no JS required) */
.trailer-modal {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; /* fallback for browsers without inset */
position: fixed; inset: 0; z-index: 9100; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.trailer-modal:target {display: -webkit-box; display: -ms-flexbox; display: flex;}
.trailer-modal__bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* fallback */
position: absolute; inset: 0; background: rgba(0,0,0,.85); cursor: pointer;}
.trailer-modal__wrap {position: relative; z-index: 1; width: 90vw; max-width: 900px;
background: #000; border-radius: var(--radius-lg, 12px); overflow: hidden;
-webkit-box-shadow: 0 25px 60px rgba(0,0,0,.8); box-shadow: 0 25px 60px rgba(0,0,0,.8);}
.trailer-modal__close {position: absolute; top: 8px; right: 14px; font-size: 32px; line-height: 1;
color: rgba(255,255,255,.8); text-decoration: none; z-index: 2; font-weight: 300;}
.trailer-modal__close:hover {color: #fff;}
.trailer-modal__video {position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow: hidden;}
.trailer-modal__video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
.trailer-modal__yt-link {display: block; text-align: center; padding: 10px; font-size: var(--fs-sm, 13px);
color: rgba(255,255,255,.5); text-decoration: none;}
.trailer-modal__yt-link:hover {color: rgba(255,255,255,.9);}
@media (max-width: 600px) {
  .trailer-modal__wrap {width: 100%; max-width: 100%; border-radius: 0;}
  .trailer-modal {align-items: flex-end;}
}


/* trending hero fallback: если owl-carousel не инициализировался, показываем native horizontal scroll */
#owl-popular:not(.owl-loaded){display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px}
#owl-popular:not(.owl-loaded)::-webkit-scrollbar{display:none}
#owl-popular:not(.owl-loaded) .card-item{flex:0 0 calc((100% - 70px)/8);scroll-snap-align:start}
@media(max-width:1219px){#owl-popular:not(.owl-loaded) .card-item{flex:0 0 calc((100% - 30px)/4)}}
@media(max-width:759px){#owl-popular:not(.owl-loaded) .card-item{flex:0 0 calc((100% - 20px)/3)}}
@media(max-width:469px){#owl-popular:not(.owl-loaded) .card-item{flex:0 0 calc((100% - 10px)/2)}}


/* === Slider zone (ported from rezka-2026, light-palette mapping for rezka-template) === */
.slider-zone{
  /* локальный override CSS-переменных под палитру rezka-template */
  --clr-card: var(--clr-bg-soft, #F8FAFC);
  --clr-neutral-bg: var(--clr-bg-muted, #F1F5F9);
  --ln-base: var(--clr-border, #E2E8F0);
  --ln-hover: var(--clr-border-strong, #CBD5E1);
  --clr-text-pale: var(--clr-text-muted, #94A3B8);
  --clr-brand: var(--clr-primary-600, #0891B2);
  --clr-brand-soft: var(--clr-primary-50, #ECFEFF);
  --rnd-sm: var(--radius-md, 10px);
  --ease-fast: 180ms ease-out;
  --ease-smooth: 320ms ease-in-out;
  --elev-2: var(--shadow-md, 0 4px 12px rgba(15,23,42,.10));
  margin-bottom:24px;display:block!important
}
.slider-zone__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.slider-zone__head h2{font-size:18px;font-weight:700;letter-spacing:-0.4px;margin:0}
.slider-zone__nav{display:flex;gap:6px}
.slider-zone .slider-zone__nav button{width:36px!important;height:36px!important;min-width:36px!important;border-radius:50%!important;border:1px solid var(--ln-base)!important;background:var(--clr-card)!important;color:var(--clr-text-pale)!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:var(--ease-fast)!important;font-size:18px!important;font-weight:400!important;line-height:1!important;padding:0!important;box-shadow:none!important}
.slider-zone .slider-zone__nav button:hover{border-color:var(--clr-brand)!important;color:var(--clr-brand)!important;background:var(--clr-brand-soft)!important}
.slider-zone__track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;transition:opacity .2s}
.slider-zone__track::-webkit-scrollbar{display:none}
.slider-zone .card-item{flex:0 0 calc((100% - 98px)/8);width:auto;padding:0;margin:0;scroll-snap-align:start}
.slider-zone .card-img{margin-bottom:0}
@media(max-width:1219px){.slider-zone .card-item{flex-basis:calc((100% - 42px)/4)}}
@media(max-width:759px){.slider-zone .card-item{flex-basis:calc((100% - 28px)/3)}}
@media(max-width:469px){.slider-zone .card-item{flex-basis:calc((100% - 14px)/2)}}
.slider-zone .tile{flex:0 0 155px;scroll-snap-align:start;position:relative;border-radius:var(--rnd-sm);overflow:hidden;background:var(--clr-card);border:1px solid var(--ln-base);transition:var(--ease-smooth);cursor:pointer;text-decoration:none;color:inherit}
.slider-zone .tile:hover{transform:translateY(-4px);box-shadow:var(--elev-2);border-color:var(--ln-hover)}
.slider-zone .tile__visual{position:relative;aspect-ratio:2/3;overflow:hidden;background:var(--clr-neutral-bg)}
.slider-zone .tile__visual img{width:100%;height:100%;object-fit:cover;transition:var(--ease-smooth);display:block}
.slider-zone .tile:hover .tile__visual img{transform:scale(1.05)}
.slider-zone .tile__pic{display:block;width:100%;height:100%}
.slider-zone .tile__episode{position:absolute;bottom:6px;left:6px;background:rgba(0,0,0,0.65);backdrop-filter:blur(6px);color:#fff;font-size:10px;font-weight:700;padding:3px 7px;border-radius:5px}
.slider-zone .tile__badge{position:absolute;top:6px;left:6px;padding:3px 7px;border-radius:5px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.3px;background:var(--clr-brand);color:#fff}
.slider-zone .tile__info{padding:8px 10px 10px}
.slider-zone .tile__name{font-size:12px;font-weight:700;letter-spacing:-0.1px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--clr-text)}
.slider-zone .tile__sub{font-size:10px;color:var(--clr-text-pale);margin-top:3px}
@media(max-width:600px){.slider-zone .tile{flex:0 0 130px}}

/* Geo ad slots: let inactive passback overlays pass clicks to active creative. */
:where(.banner-slot) > ins[class~="7236739a"]:not([onclick]):not(:has(a, iframe, img, object, embed, video, [onclick])),
:where(.banner-slot) > ins[class~="0dd30d14"]:not([onclick]):not(:has(a, iframe, img, object, embed, video, [onclick])) {
	pointer-events: none;
}

/* Shared static pages and header actions */
.quick-actions{position:relative;z-index:5;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}
.quick-action{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;border-radius:8px;color:inherit;text-decoration:none;background-color:rgba(128,128,128,.14);background-repeat:no-repeat;background-position:center;background-size:18px 18px;border:1px solid rgba(128,128,128,.22);box-sizing:border-box;transition:background-color .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease;cursor:pointer;overflow:hidden}
.quick-action:hover{background-color:rgba(128,128,128,.24);border-color:rgba(128,128,128,.38);transform:translateY(-1px)}
.quick-action--random{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23ff6600' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='8' cy='8' r='1' fill='%23ff6600'/%3E%3Ccircle cx='16' cy='8' r='1' fill='%23ff6600'/%3E%3Ccircle cx='12' cy='12' r='1' fill='%23ff6600'/%3E%3Ccircle cx='8' cy='16' r='1' fill='%23ff6600'/%3E%3Ccircle cx='16' cy='16' r='1' fill='%23ff6600'/%3E%3C/svg%3E")}
.quick-action--history{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%2300a3ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7'/%3E%3Cpath d='M3 4v6h6'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.quick-action--marks{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23e83e8c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21l-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")}
body.is-static-page .site-cols,body.is-static-page .cols,body.is-static-page .content__cols,body.is-static-page .columns-block,body.is-static-page .main-wrapper{grid-template-columns:minmax(0,1fr)!important}
body.is-static-page .main-col,body.is-static-page #dle-content,body.is-static-page .static-page,body.is-static-page .content__col-main,body.is-static-page .cols__left{width:100%!important;max-width:none!important;flex:1 1 100%!important;margin-left:0!important;margin-right:0!important;overflow:visible!important}
body.is-static-page .sidebar,body.is-static-page aside.sidebar,body.is-static-page .side,body.is-static-page .rightside,body.is-static-page .column-right,body.is-static-page .content__col-side,body.is-static-page .cols__right{display:none!important}
.static-page-card__link{display:flex;flex-direction:column;min-height:100%;color:inherit;text-decoration:none}
.story-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 0}
.story-actions--wide{margin:20px 0}
.story-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:8px;text-decoration:none;font-weight:800;border:1px solid rgba(128,128,128,.22);background:rgba(128,128,128,.12);color:inherit;box-sizing:border-box;transition:transform .18s ease,opacity .18s ease,background-color .18s ease}
.story-action:hover{transform:translateY(-1px);opacity:.92}
.story-action--watch{background:#ff6600!important;border-color:#ff6600!important;color:#fff!important}
.story-action--torrent{background:rgba(128,128,128,.14);color:inherit}
.story-actions--wide .story-action{width:100%;font-size:15px;min-height:50px}
.codex-player-replaced + .page__player,.codex-player-replaced + .player-card,.codex-player-replaced + .full-player,.codex-player-replaced + .video-box,.codex-player-replaced + .rzk-box,.codex-player-replaced + .player-body,.codex-player-replaced + .viewer-frame{display:none!important}
@media(max-width:640px){.quick-actions{gap:6px}.quick-action{width:34px;height:34px;min-width:34px}.story-actions{display:grid;grid-template-columns:1fr}.story-action{width:100%}}

/* User markup badge */
.entry__cover,.entry__cover>a,.card-img-holder,.card-img,.s-img,.short-img,.short-poster-wrap,.main-item__img,.card__poster,.img-fit,.img-wide,.img-responsive{position:relative}
.short-markup-badge{position:absolute;left:8px;top:8px;z-index:4;display:inline-flex;align-items:center;justify-content:center;max-width:calc(100% - 16px);min-height:22px;padding:4px 8px;border-radius:6px;background:rgba(22,24,30,.88);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 18px rgba(0,0,0,.28);color:#fff;font:700 10px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.short-markup-badge--watch{background:rgba(37,99,160,.92)}
.short-markup-badge--todo{background:rgba(166,112,24,.94)}
.short-markup-badge--done{background:rgba(36,128,78,.94)}
.short-markup-badge--drop{background:rgba(142,46,60,.94)}
@media(max-width:640px){.short-markup-badge{left:6px;top:6px;min-height:20px;padding:3px 6px;font-size:9px}}
.card__img,.entry__cover a,.th-item__poster,.movie-poster,.short-poster,.poster-img,.poster{position:relative}

/* /my/ "Для вас" header CTA pill (recs1) */
.menu > li.menu-cta > a {display:inline-flex;align-items:center;gap:6px;line-height:1;height:34px;margin:11px 0;padding:0 14px;border-radius:8px;background:var(--clr-primary-600,#0891B2);color:#fff;font-weight:700;}
.menu > li.menu-cta > a:hover {color:#fff;filter:brightness(1.12);}
.menu > li.menu-cta .menu-cta-star {font-size:13px;line-height:1;}
.menu > li:last-child > a {margin-right: 0;}

/* : локальные glass-переменные для блока kp_stills (у скина свой --clr-card) */
.kp-stills{--clr-brand:rgba(255,255,255,0.85);--clr-card:rgba(255,255,255,0.05);--clr-neutral-bg:rgba(255,255,255,0.03);--elev-1:none;--elev-2:none;--ln-base:rgba(255,255,255,0.1);--rnd-lg:20px;--rnd-sm:12px}


/* p9-player-height */
/* Высота плеера на телефоне считается от ВЫСОТЫ ЭКРАНА, а не от ширины контейнера.
   Процентный padding-top привязывает высоту к ширине: чем уже телефон, тем ниже плеер.
   Схема с kinogo.fi (эталон сети).
   Селекторы по ВХОЖДЕНИЮ в имя класса: у скинов свои префиксы контейнера — viewer-frame,
   hdst-fullstory-frame, rzdk-fullstory-frame, kzvr-*, ktua-player-frame, gkcom-*, ulu-*,
   fullstory-player__frame, player__item. Атрибутный селектор продублирован — так правило
   перебивает существующие одноклассовые, не прибегая к !important. */
@media screen and (max-width: 768px) {
  [class*="viewer-frame"][class*="viewer-frame"],
  [class*="lazy-frame"][class*="lazy-frame"],
  [class*="fsp-frame"][class*="fsp-frame"],
  [class*="video-responsive"][class*="video-responsive"],
  [class*="fullstory-frame"][class*="fullstory-frame"],
  [class*="player-frame"][class*="player-frame"],
  [class*="player__frame"][class*="player__frame"],
  [class*="player__item"][class*="player__item"] {
    padding-top: 0;
    height: min(72vh, 520px);
    min-height: 300px;
  }
}

/* [taxlink 2026-07-31] ссылки таксономий в карточке — акцентом скина,
   иначе наследуют цвет обычного текста и не читаются как кликабельные */
.tax-link{color:var(--rzdk-accent,#ff8a00);}
.tax-link:hover{text-decoration:underline;}

/* [uifix 2026-08-05] аватарка в комментариях выпадала из абсолютного позиционирования:
   правило .entry__cover/.img-fit{position:relative} идёт ниже по файлу и при равной
   специфичности перебивало .comm-avatar{position:absolute}. Поднимаем специфичность. */
.comm-item .comm-avatar {position: absolute;}


/* HEADER A (15.09.2026): поиск в тёмной полосе рядом с «Кабинетом», во второй строке — разделы и быстрые кнопки
----------------------------------------------- */
.header-1 {flex-wrap: nowrap;}
.header-1 .header-subscr {flex: 0 0 calc(50% + 82px); min-width: 0;}
.header-1 .header-login, .header-1 .header-register {margin-left: 20px; flex: 0 0 auto;}
.header-1 .search-wrap {flex: 0 1 240px; min-width: 180px; width: auto; top: 0;}
.header-1 .search-box input, .header-1 .search-box input:focus {height: 32px; line-height: 32px; background: rgba(255,255,255,.06);
	box-shadow: inset 0 0 0 1px rgba(148,163,184,.28); color: #E2E8F0; font-size: var(--fs-sm);}
.header-1 .search-box input:focus {box-shadow: inset 0 0 0 1px var(--clr-primary-400), 0 0 0 3px rgba(34,211,238,.15);}
.header-1 .search-box input:not(:focus)::placeholder {color: var(--clr-text-muted); font-size: var(--fs-sm);}
.header-1 .search-box button {height: 32px; top: 0; opacity: .7; filter: invert(1);}
@media screen and (min-width: 951px) {
	.header-2 .menu > li > a {margin-right: 20px; font-size: var(--fs-base);}
	.header-2 .quick-actions {margin-left: 16px;}
}
@media screen and (max-width: 950px) {
	/* телефон и планшет: поле во второй строке, правее «Меню» и быстрых кнопок */
	.header-2 {justify-content: flex-start;}
	.header-1 .search-wrap {position: absolute; top: 52px; left: 250px; right: 20px; width: auto; min-width: 0; flex: none;}
	.header-1 .search-box input, .header-1 .search-box input:focus {height: 40px; line-height: 40px; background: var(--clr-bg-muted);
		box-shadow: inset 0 0 0 1px var(--clr-border); color: var(--clr-text); font-size: var(--fs-base);}
	.header-1 .search-box button {height: 40px; top: -2px; opacity: 1; filter: none;}
}
@media screen and (max-width: 640px) {
	.header-1 .search-wrap {left: 234px;}
}
/* wlg — тексты подборок и разделов (engine/mods/watch_length.php, 12.10.2026) */
.wlg{--bg:#fff;--card:#f1f5f9;--line:#e2e8f0;--tt:#1e293b;--tt2:#64748b;--acc:#0891b2;--acc-tt:#fff;--hd:#0f172a;margin:24px 0 0;padding:22px 20px 8px;border-radius:10px;background:var(--bg);color:var(--tt);font-size:15px;line-height:1.6;}
.wlg-h1{margin:0 0 12px}
.wlg p{margin:0 0 14px}
.wlg a{color:var(--acc);text-decoration:none;border-bottom:1px solid currentColor}
.wlg a:hover{border-bottom-color:transparent}
.wlg strong{color:var(--hd)}
.wlg-lead{color:var(--hd)}
.wlg-tail{margin-top:4px;padding-top:12px;border-top:1px dashed var(--line);color:var(--tt2);font-size:14px}
.wlg-picks{margin:4px 0 18px}
.wlg-picks__title{margin:0 0 10px;color:var(--acc);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.wlg-picks__list{margin:0;padding:0;list-style:none}
.wlg .wlg-pick__t{border:0;color:var(--hd);font-weight:700}
.wlg .wlg-pick__t:hover{color:var(--acc)}
.wlg-pick__m{color:var(--tt2);font-size:12px}
.wlg-pick__r{color:var(--acc-tt);background:var(--acc);font-size:12px;font-weight:700;border-radius:4px;padding:1px 6px}
.wlg-lead{font-size:16px}
.wlg-picks__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wlg-pick{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px 52px 12px 14px;background:var(--card);border:1px solid var(--line);border-radius:8px}
.wlg-pick__t{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wlg-pick__r{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:32px;height:32px;padding:0;border-radius:50%;display:grid;place-items:center}
@media screen and (max-width:590px){.wlg-picks__list{grid-template-columns:minmax(0,1fr)}}

/* wlg--home — текст главной (engine/mods/watch_length_home.php, 12.10.2026) */
.wlg-h2{margin:0 0 12px;font-size:18px;line-height:1.3;font-weight:700;color:var(--hd,inherit)}