* {
	box-sizing: border-box;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button, select
{margin:0;  padding:0; border:0; outline:0; font-size:100%; list-style-type: none;  font-family: Tahoma, verdana, sans-serif; color: #a8a8a9; }

a img { border: 0 none; }

input, textarea {margin:0; padding:0 0 0 3px}
h1{font-size:16px; text-shadow: 1px 1px rgb(0, 0, 0); color: rgb(201, 201, 201);}
h2{
  color: #e0dfdc;
  font-size: 15px;
  text-shadow: 1px 1px #000;
}
h2 a {  text-decoration:none}
h3{font-size:14px;  text-shadow: 1px 1px rgb(0, 0, 0);}
p {padding:0 0 12px 0;}
a {color:#e0dfdc; text-decoration:none;}
a:hover {color:#DD4B39;}

input, textarea, select {background-color: rgb(162, 162, 162);color: #000;}
body {
	background: url(https://kinogo.luxe/templates/Kinogo/images/bg.webp) 50% 0 no-repeat #000;
}
.speedbar {
  margin-top: 5px;
  margin-left: 20px;
  font-size: 10px;
}
#tooltip {
  display:none;
  background:#111;
  color:#ccc;
  position:absolute;
  margin:33px 0 0 -15px;
  max-width:300px;
  z-index:9999;
  border-radius:3px;
  box-shadow:4px 4px 8px rgba(0,0,0,0.3);
  padding:5px 8px;
  font-size:13px
}
#tooltip:before {
  content:'';
  position:absolute;
  width:0;
  height:0;
  border:6px solid transparent;
  border-bottom-color:#111;
  bottom:100%;
  left:15px
}
#tooltip:after {
  content:'';
  display:block;
  clear:both
}
#tooltip b {
  color:#eee
}
#tooltip img {
  float:left;
  width:50px;
  margin-right:10px
}

.wrapper {
	margin: 0 auto;
	max-width: 976px;
	position: relative;
	padding-top: 15px;
	padding-bottom: 7px;
	font-size: 13px;
}

section  {width:100%;  margin:0;  padding:0; }
iframe {width:100%;  margin:0;  padding:0; }

.zagolovki {font-size:15px; text-shadow: 1px 1px rgb(0, 0, 0);}

.izbrannoe {
float: right;
position: absolute;
right: -8px;
top: -6px;
z-index: 4;
}
.franchizes {
  margin: 15px 20px 0;
  background: #222;
  position: relative;
  display: block;
  padding: 10px 15px;
  border: 1px solid #393737;
}

.izbrannoe  a:hover img{
opacity: 0.7;
}
.MGitem { display: grid;
  justify-content: center;
  grid-template-columns: 90px 90px 90px 90px 90px 90px;
  background-color: 0b0103;
  padding: 10px;
  gap: 7px;
}
.header_bg {
background: #2b2b2b;
width: 100%;
box-shadow: 0 0 5px black;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 999;
height: 45px;
}

.header-wrapper {
	background: #000;
}
.header44 {
	margin: 0 auto;
	max-width: 974px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 7px 5px 7px 0;
}
.header44 > div {
	padding: 3px 5px;
}
.header44 .main_menu {
	margin-right: auto;
	order: 1;
}

.header44 .social {
	padding-top:10px;
	float: left;
	margin-left: -7px;
}



.header44 .social a {
	opacity: 0.8;
}
.header44 .social a:hover{
	opacity:1;
}
.header44 .main_menu a {
	margin-right: 10px;
}
.header44 .user_panel {
	font-size: 13px;
	order: 2;
}
.header44 .search_panel {
	order: 3;
	margin-left: 15px;
}

.header44 .search_panel input {
	width: 156px;
	height: 22px;
	border: 1px solid #6B6B6B;
	-webkit-box-shadow: 0 2px 4px #666 inset;
	box-shadow: 0 2px 4px #414141 inset;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #B6B6B6;
	background-color: #505050;
	border-radius: 3px
}
.header44 .user_panel input {
	height: 22px;
	border: 1px solid rgb(107, 107, 107);
	-webkit-box-shadow: 0 2px 4px rgb(102, 102, 102) inset;
	box-shadow: 0 2px 4px rgb(65, 65, 65) inset;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: rgb(182, 182, 182);
	background-color: rgb(80, 80, 80);
}

.header44 .body33 {
	width: 976px; 
	margin: 0 auto;
	text-align: left;
	border: 0px solid red;
}

.contener {background-color:#585858; border-radius: 10px; overflow: auto;border: 1px solid rgb(14, 14, 14);}
.contener2 {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	border: 1px solid #848480;
	border-radius: 10px;
	background: #585858 url(../images/bg.png) no-repeat;
}
.content {
	position: relative;
	flex: 0 0 69%;
	order: 2;
	border-left: 1px solid #000;
	background: #2b2b2b;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.rek_top {border-bottom: 1px solid rgb(17, 17, 17);background: #2b2b2b;position: relative;border-left: 1px solid #404040; padding: 7px 8px 6px 8px; text-align: center;}
.rek_top iframe {width:600px; padding-top:10px;}
.leftblok1 {position: relative;flex: 1; padding-top: 15px;}
.leftblok2 {position: relative;flex: 1; padding-top: 15px;}


.pomoshnik {
background: #2b2b2b;
border-left: 1px solid #404040;
border-top: 1px solid #404040;
clear:both;}

.header-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
}
.header-menu a,
.header-menu input {
	display: block;
	padding: 5px 20px;
	background: rgb(63, 63, 63);
	color: #666;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	text-decoration: none;
	border-left: 1px solid rgb(0, 0, 0);
	border-right: 1px solid rgb(0, 0, 0);
	border-top: 1px solid rgb(0, 0, 0);
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	text-shadow: 1px 1px rgb(0, 0, 0);
}
.header-menu a:hover {
	background: rgb(29, 29, 29);
}

.shortstorytitle{padding: 10px 0px 12px 0px; color:#fff;position: relative;}
.shortstory {
	border-top: 1px solid #404040;
	padding: 5px 20px 10px 20px;
float: left;
background: #2b2b2b;
clear: both;
color: #fff;
position: relative;
border-left: 1px solid #404040;}
.fullstorytitle{padding: 16px 20px 8px 20px; background: #2b2b2b;color:#fff;position: relative;border-top: 1px solid #404040;border-left: 1px solid #404040; height:20px;}
.fullstory {float: left;padding: 5px 20px 10px 20px;background: #2b2b2b;clear: both;color:#fff;position: relative;border-left: 1px solid #404040; border-bottom: 1px solid rgb(17, 17, 17);}
.miniblock { }


.leftblok_contener i {font-size:15px; font-weight:bold; font-style: normal; color: rgb(243, 243, 243); text-shadow: 1px 1px rgb(0, 0, 0);}
.mini {padding-left:20px;}
.poloska {background: #3f413f;border-bottom: 1px solid #848480;height: 1px;width: 100%;margin-bottom: 18px;margin-top: 18px;float: left;clear: both;}
.poloska2{background: #3f413f;border-bottom: 1px solid #848480;height: 1px;width: 100%;margin-bottom: 10px;margin-top: 10px;float: left;clear: both;}
.fullimg img {padding-right:20px; padding-top:3px; padding-bottom:2px; position: relative;}
.fullimg a img:hover {opacity: 0.75;}
.screens {text-align:center;padding-left:2px;}
.screens img {padding-right:4px; padding-top:20px; padding-bottom:0px; width:195px;opacity: 0.75;}
.screens a img:hover {opacity: 1;}
.shortimg img {padding-right:20px; padding-top:3px; position: relative;}
.shortimg a img:hover {opacity: 0.75;}
.podrobnosti_right {float: right;
padding-left: 10px;
padding-bottom: 5px;
padding-right: 25px;}
.podrobnosti_right2 { }
.podrobnee {float: left;padding-right: 3px;}
.podrobnee a {text-decoration:none;}
.icons {border-bottom: 1px solid rgb(17, 17, 17);background: #2b2b2b;overflow: hidden;position: relative; border-left: 1px solid #404040;}
.icons2 {padding: 7px 6px 7px 0px;
background: rgb(36, 36, 36);
color: #fff;
position: relative;
border-left: 1px solid #404040;
border-bottom: 1px solid rgb(17, 17, 17);
border-top: 1px solid #404040;
text-align:center;}


.icons3 {padding: 0px 20px 0px 14px;
background: #2b2b2b;
color: #fff;
position: relative;
border-left: 1px solid #404040;
border-bottom: 1px solid rgb(17, 17, 17);
border-top: 1px solid #404040;
text-align:center;}


.leftblok_contener {
	overflow: hidden;
	display: block;
	flex: 0 0 31%;
	order: 1;
}
.block-leftcol {
	overflow: auto;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #848480;
	padding: 5px 12px 0;
	gap: 15px;
}

.leftblok_contener3 {overflow: auto;
width: 331px;
display: block;
border-top: 1px solid #848480;
}

.header {
	margin: 0 auto;
	max-width: 974px;
}
.leftblok1_header {font-size: 15px; }
.leftblok1_header_deeper {}
.leftblok1_header_deeper input {width: 260px; border: 1px solid #000;}
.logo_header {float: left; padding-top: 55px;}
.logo_header a:hover img  {opacity: 0.9;}





.loginin {
	padding: 5px 0 5px 10px;
	color: #DFDFDF;
	font-size: 13px;
}

.loginin a {}
.loginin a:hover {}
.topmenu {height:45px;  width:100%;}
.deepnavigation {padding-top: 144px;}
.menume {padding-top:5px;}



/*êíîïî÷êè*/
.fbutton,  span.fbutton  {text-decoration: none;color: rgb(192, 192, 192);padding: 2px 7px 3px 7px;background: rgb(36, 36, 36);border: 1px solid #404040;cursor: pointer;outline: solid 1px #111; }
.fbutton:hover, .fbutton:focus {background-color: rgb(56, 56, 56); }
.fbutton:active {-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.24);-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.24);box-shadow:inset 0 2px 4px rgba(0,0,0,.24)}
.fbutton-img,  span.fbutton-img  {text-decoration: none;color: rgb(192, 192, 192);padding: 4px 7px 0px 7px;background: rgb(36, 36, 36);border: 1px solid #404040;cursor: pointer;outline: solid 1px #111; }
.fbutton-img:hover, .fbutton:focus {background-color: rgb(56, 56, 56); }
.fbutton-img:active {-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.24);-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.24);box-shadow:inset 0 2px 4px rgba(0,0,0,.24)}
.f_input {border: solid 1px #cfcfcf; height: 18px;}
.f_textarea {border: solid 1px #cfcfcf;}
select {border: solid 1px #cfcfcf; height: 20px;}

.fbutton a {text-decoration: none;}


.fbutton2 {
	text-decoration: none;
	color: silver;
	height: 22px;
	padding: 0px 8px 0px 7px;
	background: #242424;
	border: 1px solid #404040;
	cursor: pointer;
	border-radius: 3px;
	margin-left: 5px;
	text-transform: uppercase;
	font-size: 11px;
}
.fbutton2:hover, .fbutton2:focus {
	background-color: rgb(56, 56, 56);
}


span.fbutton3 {text-decoration: none;
color: rgb(104, 104, 104);
padding: 2px 7px 3px 7px;
background: rgb(36, 36, 36);
border: 1px solid rgb(48, 48, 48);
outline: solid 1px rgb(0, 0, 0);}


.fbutton4,  span.fbutton4 {text-decoration: none;color: rgb(192, 192, 192);padding: 2px 4px 3px 4px;background: rgb(36, 36, 36);border: 1px solid #404040;cursor: pointer;}
.fbutton4:hover, .fbutton:focus {background-color: rgb(56, 56, 56); }
.fbutton4:active {-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.24);-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.24);box-shadow:inset 0 2px 4px rgba(0,0,0,.24)}





.fbutton5,  span.fbutton5  {text-decoration: none;color: rgb(192, 192, 192);padding: 2px 7px 3px 7px;background: rgb(36, 36, 36);border: 1px solid #404040;cursor: pointer; }
.fbutton5:hover, .fbutton5:focus {background-color: rgb(56, 56, 56); }
.fbutton5:active {-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.24);-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.24);box-shadow:inset 0 2px 4px rgba(0,0,0,.24)}



/*ïì*/
.pmpmpm {padding: 16px 20px 8px 20px;
background: #2b2b2b;
color: #fff;
position: relative;
border-top: 1px solid #404040;
border-left: 1px solid #404040;}

.pmpmpm2 {padding: 7px 20px 7px 20px;

color: #fff;
position: relative;
border-top: 1px solid #404040;
border-left: 1px solid #404040;
border-bottom: 1px solid rgb(17, 17, 17)}

.pmpmpm a{color: #000000; text-decoration:underline}

.oformlenie {
	float: left;
	padding: 15px;
	background: #2b2b2b;
	clear: both;
	position: relative;
	border-left: 1px solid #404040;
	border-top: 1px solid #404040;
	color: #a8a8a8;
	border-bottom: 1px solid rgb(17, 17, 17);
}

.oformlenie h1 {color: rgb(218, 218, 218);}


.primer {margin: 0 0 0 0;  border: solid 1px #cfcfcf; outline: solid 1px #fff;  padding: 10px;   clear:both;}
.primer a{color: #000000; text-decoration:underline}
.scriptcode, .title_quote, .quote {}
.quote {border: 1px solid #404040;background: rgb(54, 54, 54); padding: 3px 10px 4px 10px; line-height: 150%; overflow: auto;}
.quote li {list-style-type: square;
margin-left: 14px;}
.title_spoiler {
background: rgb(53, 53, 53);	
border-bottom: 1px solid rgb(17, 17, 17);
border-top: 1px solid #404040;
color: #818181;
padding: 2px 10px 5px 20px;
font-weight: bold;
vertical-align: bottom;}


.title_quote{
background: rgb(53, 53, 53);	
border: 1px solid #404040;
border-bottom: 1px solid rgb(17, 17, 17);
border-top: 1px solid #404040;
color: #818181;
padding: 2px 10px 5px 20px;
font-weight: bold;
vertical-align: bottom;}

.title_quote {padding: 2px 10px 2px 10px; font-weight: bold; }
.title_spoiler {}
.text_spoiler {background: rgb(0, 0, 0);  }
.scriptcode { color: #004e8d; text-align: left; font-family: "Courier New"; }
.hide { background-color: #e8f3fa; padding: 5px; color: #3a78a5; margin: 0 0 1em; }
.hide a { text-decoration: underline; } 
.hide a:hover { text-decoration: none }
.inhide { border: 1px solid #d1e3ef; padding: 5px; background-color: #fff; margin-bottom: 5px; }



/*èêîíêè*/
.viewsicon {background: url(../images/222.png) no-repeat 0px 2px;padding-left:20px;float:left;margin-right:13px;}
.categoryicon {background: url(../images/222.png) no-repeat 0 3px;padding-left:17px;float:left;margin-right:13px;}
.categoryicon a  {color: #A0A5A8;}
.categoryicon a:hover {color: #DD4B39;}
.avtoricon {background: url(../images/222.png) no-repeat 0px 1px;padding-left:16px;float:left;margin-right:16px;}
.avtoricon a  {color: #A0A5A8;}
.avtoricon a:hover {color: #DD4B39;}
.dateicon {background: url(../images/icon_3.png) no-repeat 0px 2px;padding-left:17px;float:left;}
.favoriticon img {margin-bottom: 2px; padding: 0 0 0 0; vertical-align: top;}
.alerticon img {margin-bottom: 0px; padding:  0 0 0 11px;}
.editicon {font-size: 13px;}
.editicon img {margin-bottom: 0px; padding: 0 0 0 12px;}

.bot-navigation {clear:both; font-size: 12px; padding: 15px 20px ;border-top: 1px solid #404040;color:#fff;position: relative;}
.bot-left {border-left: 1px solid #404040;}
.bot-navigation a:link, .bot-navigation a:visited  {text-decoration: none;
border: 1px solid rgb(77, 76, 76);
padding: 3px 6px;
background: rgb(36, 36, 36);
color: rgb(126, 125, 125);
display: inline-block;
	margin-bottom: 5px;
}
.bot-navigation a:hover  {background-color: rgb(80, 80, 80);
color: rgb(163, 163, 163);
border: 1px solid rgb(155, 155, 155);}
.bot-navigation a:active {-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.24);-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.24);box-shadow:inset 0 2px 4px rgba(0,0,0,.24)}
.bot-navigation span {font-size: 12px;
background: #2b2b2b;
padding: 3px 6px;
color: rgb(70, 70, 70);
border: 1px solid rgb(61, 61, 61);
}



/* îïðîñ */
.vtitle {color: #838383;}
.titlevot {padding:10px 0; font-weight:bold;color: #5C5C5C;}
.vote {color: #424242;}


.dvdrip {
	color: #e0dfdc;
display: block;
height: 20px;
padding: 1px 8px 0 8px;
font: bold 12px/19px Arial;
color: #a8a8a8;
text-decoration: none;
border: 1px solid #404040;
outline: solid 1px rgb(17, 17, 17);
margin-top: -3px;
margin-left: -4px;	
background: rgb(36, 36, 36) ;
	
	
}


.favvv {
	color: #e0dfdc;
display: block;
height: 20px;
padding: 1px 4px 0 4px;
font: bold 12px/19px Arial;
color: #a8a8a8;
text-decoration: none;
border: 1px solid #404040;
outline: solid 1px rgb(17, 17, 17);
margin-top: -3px;
margin-left: -4px;	
background: rgb(36, 36, 36) ;
width: 15px;	
	
}


span.ogranichenieplus {text-decoration: none;border: solid 2px rgb(150, 74, 74);color: rgb(150, 74, 74);padding: 6px 7px 7px 7px;background: rgb(243, 223, 223);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-weight: bold;}
span.rsss {text-decoration: none;
border: solid 2px rgb(185, 74, 0);
color: rgb(185, 74, 0);
padding: 6px 7px 7px 7px;
background: rgb(248, 230, 218);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-weight: bold;}



a span.dniwe {opacity: 0.3; text-decoration:none}
a:hover span.dniwe {opacity: 1;}
a:active span.dniwe {opacity: 1;}




/* carousel */
.horizontal {margin: 0 auto; height: 200px; background-color: #585858;
border-radius: 10px 0px 10px 10px;
overflow: auto;
border: 1px solid #848480;
padding-top: 10px;padding-bottom: 10px;} 

.horizontal2 {border: 1px solid rgb(14, 14, 14);border-radius: 10px 0px 10px 10px;  max-width: 974px;}





.horizontal .carousel {height: 174px; margin: 0 auto; position: relative; }
/* 3x220 + 3x1px margin */
.horizontal .carousel_container {height: 184px; margin: 0 auto; overflow: hidden; padding: 0 5px 0 5px; position: relative; }
.horizontal ul {
	height: 177px;
	max-width: 970px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.horizontal ul li { width: 124px; height: 183px; display: block; float: left; margin-right: 5px; margin-left: 5px; margin-bottom: 1px; position: relative; }
.horizontal ul li .text_content { padding: 10px; color: #fff; }
.horizontal ul li a { width: 118px; height: 174px; display: block; color: #fff; border: 3px solid rgb(136, 136, 136);}
.horizontal ul li a.normal { width: auto; height: auto; color: #fff; background: none; }
.horizontal ul li a:hover {border: 3px solid #bababa;}
.horizontal ul li .caption { position: absolute; top: 0; left: 0; display: none; }
.carousel_right, .carousel_left { position: absolute; z-index: 900; width: 19px; height: 33px; display: block; text-indent: -9999px; }

.inner {opacity: 0.8}
.inner:hover {opacity: 1}
.inner img {  width: 118px; min-height: 171px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; height:174px;}


.carousel_left { top: 73px; left:0px; background: url(../carusel/prev2_1.png) top left; }
.carousel_right { top: 73px; right:0px; background: url(../carusel/nextv2_1.png) top left; }
.carousel_right:hover, .carousel_left:hover { background-position: bottom left; }




.footer {padding: 15px 0 5px 0; width:100%; margin: 0 auto;}

.footer a { color: rgb(153, 153, 153);}
.footer a:hover {color:#DD4B39;}

.footer-text {
	padding: 5px 10px;
	text-align: justify;
}

.footer-text p {color: rgb(104, 104, 104);}

.footer-text img {
	opacity: 0.7;
	float:left;
margin: 8px 20px 8px 0px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px; 
border-radius: 10px;
overflow: hidden;}

.footer-copyright {
	padding: 5px 10px;
}

.partners img {
	opacity: 0.7;
	float:left;
margin: 8px 20px 8px 0px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px; 
border-radius: 10px;
overflow: hidden;}

.padding_border {
padding: 20px;
border-left: 1px solid #404040;
border-top: 1px solid #404040;
border-bottom: 1px solid rgb(17, 17, 17);
overflow:auto}

.padding_border_comment {
padding: 10px 20px 10px 10px;
border-left: 1px solid #404040;
overflow: auto;
display: flex;
gap: 10px;
}
.mass_comments_action {
	text-align: right;
	padding: 10px;
}



.poloska_comment {
background: rgb(17, 17, 17);
border-bottom: 1px solid #404040;
height: 1px;
width: 100%;
float: left;
clear: both;}

ul.ul_related {
                        display: block; 
						list-style: none;
						text-align: justify;
						overflow: hidden;
						padding:20px 20px 5px 35px;
						border-left: 1px solid #404040;
}
                
.ul_related li {
display: -moz-inline-box;
display: inline-block;
vertical-align:top;
text-align: center;
width: 116px;
}               
.relatednews_title { background: #2b2b2b;
padding: 15px 20px 2px 20px;
border-left: 1px solid #404040;
border-top: 1px solid #404040;
}
.relatednews {background: #2b2b2b;}				
.ul_related li:hover {opacity: 0.75;}				
.relatednews_title i {
font-size: 14px;
font-weight: bold;
font-style: normal;
text-shadow: 1px 1px rgb(0, 0, 0);
}
.sociallll {float:right;padding-top: 5px; }	 
.komments	{border-left: 1px solid #404040;border-top: 1px solid #404040; padding: 5px 20px 7px 20px; font-size: 14px;
font-weight: bold;
font-style: normal;
text-shadow: 1px 1px rgb(0, 0, 0);
border-bottom: 1px solid rgb(0, 0, 0);}
.komments2	{border-left: 1px solid #404040;border-top: 1px solid #404040; padding: 5px 20px 7px 20px; } 
.section {background-color: #2b2b2b; border-left: 1px solid #404040;border-top: 1px solid #404040;}
ul.tabs { line-height: 26px; list-style: none; padding: 0px; }
.tabs li {float: left; display: inline;  list-style: none; cursor: pointer;  padding:0 20px;  position: relative;  text-align: center; font-weight: bold;
text-shadow: #000 1px 1px 1px; color: rgb(201, 201, 201); height: 28px; }
.tabs li:hover {padding:0 20px; background:#a8a8a8;color: rgb(1, 1, 1);text-shadow: #fff 1px 1px 1px; }
.tabs li.current { background: rgb(26, 26, 26); padding:0 20px; text-align: center; cursor: default;}
.tabs li.current:hover {padding:0 20px; background: rgb(26, 26, 26); text-shadow: #000 1px 1px 1px; color: rgb(201, 201, 201);}
.edge-left {
float: left;
width: 0;
height: 0;
border-width: 10px;
border-style: solid;			 	 
border-color: rgb(138, 33, 46) rgb(138, 33, 46) rgb(138, 33, 46) rgba(255, 255, 255, 0);
position: relative;}
.cont {
background: rgb(138, 33, 46);
float: left;
color: #fff;
padding-top: 1px;
height: 19px;
padding-right: 7px;
}
.edge-left3 {
float: left;
width: 0;
height: 0;
border-width: 10px;
border-style: solid;			 	 
border-color: rgb(79, 24, 100) rgb(79, 24, 100) rgb(79, 24, 100) rgba(79, 24, 100, 0);
position: relative;}
.cont2 {
background: rgb(79, 24, 100);
float: left;
color: #fff;
padding-top: 1px;
height: 19px;
padding-right: 7px;
}
.edge-left22 {
float: left;
width: 0;
height: 0;
border-width: 9px;
border-style: solid;			 	 
border-color: #93b578 #93b578 #93b578 rgba(79, 24, 100, 0);
position: relative;}
.cont22 {
background: #93b578;
float: left;
color: #fff;
padding-top: 1px;
height: 17px;
padding-right: 7px;
}



.lenta {
float: right;
position: absolute;
right: 419px;
top: 322px;
z-index: 2;}

.lenta22 {
float: right;
position: absolute;
right: 21px;
top: 10px;
z-index: 2;
font-size:11px}


.lenta2 {
float: right;
position: absolute;
right: 419px;
top: 288px;
z-index: 1111;}

.lenta3 {
float: right;
position: absolute;
right: 419px;
top: 289px;
z-index: 1111;}


.commennnnty {float:right;width:100%}
.commennnnty a {color:#939393; text-decoration:none;}
.commentimg img {width: 60px;height: 60px;float: left;white-space: pre-wrap;  padding-top: 2px;}
.stronk {text-align:center;padding-top:4px;}

.lastkomment {padding:0px 20px 0 20px; color: rgb(218, 218, 218);}

.lastkomment b a {text-shadow: 1px 1px #292929; text-decoration:none}
#vid {
	overflow:hidden;
padding: 0px 0px 10px 0px;
	text-align:center;
	clear:both;
}
#vid #video_wrapper {padding-bottom:0px;}
#vid .tabs_container {
	margin:0 auto;
    padding: 2px 0 0;
	text-align:left;
	white-space:nowrap;
	overflow:auto;
	overflow-y:hidden;
}
#vid .seasons.tabs_container {
	padding-bottom:0;
}
#vid .series .serieTab.viewed {
	color:#4D535E;
}
#vid .serieTab {
	padding:3px 5px;
	margin:0 2px 0px;
	font:8pt arial,sans-serif;
	text-align:center;
	cursor:pointer;
	background:#2B2B2B;
	border:1px solid #000;
	border-color:#4D4E4E black black #414141;
	display:inline-block;
	*display:inline;
	zoom:1;
}
#vid .tabs .serieTab.inset {
	color:#999;
	background:#0d0e10;
	border:1px solid #000;
	border-color:#000 #343A41 #343A41 #000;
}
#vid .tabs .serieTab:hover {
	color:#DD4B39;
	background:#0d0e10;
}
#vid .tabs .serieTab.inset:hover {color:#999;}


.poloska_bloka {border-bottom: 1px solid #848480; border-top: 1px solid #3f413f; position: relative;}
.poloska_bloka_no {border-top: 1px solid #3f413f; position: relative;}
.li_serial img {border: 1px solid #464646; width:133px}
.li_serial img:hover {border: 1px solid #8B8B8B;}
.li_serial a:hover {color:#fff;}
.li_serial {text-align: center;}
.mimiser {border-top: 1px solid #848480; overflow: auto;  padding: 20px 0px 0 20px; margin-bottom: -5px; }


.li_serial {position: relative;
float: left;
display: block;
width: 135px;
padding: 0px 20px 0 0px;
height: 255px;
opacity: 0.8;
color: white;
text-decoration:underline;
}


.li_serial:hover {
opacity: 1;
}


.li_block img {margin-right: 10px; border: 1px solid #464646; width:83px; }
.li_block img:hover {border: 1px solid #8B8B8B;}

.li_block {text-align: left;}
.mimiserblock {border-top: 1px solid #848480; overflow: auto;  padding: 20px 0px 14px 20px;}
.blockstory {font-size:11px;color: white;}

.li_block_title {padding-bottom:4px;}
.li_block_title a {font-weight:bold; text-shadow: 1px 1px #292929; text-decoration:none;}

.li_block {position: relative;
float: left;
display: block;
padding: 0px 20px 10px 0px;
}

.mimiserblock_bn {border-top: 1px solid #848480; overflow: auto;  padding: 6px 0px 6px 0px; margin-bottom: -5px; }
.li_block_bn {position: relative;
display: block;
padding: 0px 8px 6px 6px;
text-align: center;
}
.li_block_rmb {position: relative;
display: block;
padding: 6px 16px 7px 16px;
text-align: center;
}

.description__block {
  margin: 5px 20px;
  background: #222;
  position: relative;
  display: block;
}
.serial_block {
  margin: 15px 20px;
  background: #222;
  position: relative;
  display: block;
	overflow: hidden;
}
.ul_related li {
	text-align: center;
	width: 119px;
	padding-bottom: 10px;
}
.ul_related {
  display: flex;
  justify-content: center;
  gap: 7px;
  margin-top: 16px;
}
    .relatednews {
  background: #2b2b2b;
}
    .relatednews_title {
  background: #2b2b2b;
  padding: 45px 20px 2px;
}
    .kreativno::before {
  font-size: 13px;
  content: "Регистрируйся и смотри БЕЗ РЕКЛАМЫ в плеере, а точнее всего с 1 рекламой, приятного просмотра! Оставь коммент=)";
  display: block;
  margin-bottom: 10px;
}
    .kreativno {
  width: 65%;
}
    .telegram a {
  color: #32aadf;
  font-weight: 400;
}
.tgicon {
  padding: 12px;
  top: 8px;
  right: 5px;
  position: relative;
  background: no-repeat;
    background-image: none;
  background-image: url(/uploads/tg.png);
}
    .telegram {
  font-size: 13px;
  float: right;
  display: block;
  padding-top: 5px;
  padding-left: 20px;
}
    .trivia {
  background-color: #000;
  padding: 20px 20px 10px 20px;
  margin-top: -10px;
}
    
    .share_buttons li a {
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	outline: none;
	display: block;
	background-color: #fff !important;
	border-radius: 5px;
	background-size: 24px !important;
}
.share_buttons ul {
	display: flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
	margin: 1.2em 0 5px;
}

     {
  background: url(/templates/Kinogo/images/vk.svg) no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto;
}
    {
  background: url(/templates/Kinogo/images/linkedin.svg) no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto;
}
 {
  background: url(/templates/Kinogo/images/mailru.svg) no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto;
}
 {
  background: url(/templates/Kinogo/images/ok.svg) no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto;
}
     {
  background: url(/templates/Kinogo/images/fb.svg) no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto;
}
    {
  background: url(/templates/Kinogo/images/tw.svg) no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto;
}
    
    .share_buttons ul {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  margin: 1.2em 0 5px;
}
    .download::before {
  font-size: 13px;
  content: "Внимание: СКАЧАТЬ видео вы можете в ПЛЕЕРЕ #3 (360р, 480р, 720р), в нижнем меню есть кнопка скачать!";
  display: block;
}
    .usermark__item {
  flex: 1;
  margin: 1px;
  min-width: 100px;
  background: #2b2b2b;
  line-height: 27px;
  color: silver;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  border-radius: 1px;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
  transition: .2s;
}
    .usermark__item {
  flex: 1;
  margin: 1px;
  min-width: 100px;
  background: #2b2b2b;
  line-height: 27px;
  color: silver;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  border-radius: 1px;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
  transition: .2s;
}
    .usermark__item.is-active {
  pointer-events: none;
  background: #00799f;
  color: #fff;
}
    .usermark__panel {
  display: flex;
  padding: 4px;
  background: #000;
  flex-wrap: wrap;
}
    .player__trailer svg {
  color: #a8a8a8;
}
    .player__trailer svg {
  width: 20px;
  margin-right: 10px;
  color: #a8a8a8;
  transition: color .2s;
}
    .player-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
    .player__trailer {
  display: flex;
  align-items: center;
  position: absolute;
  left: 9px;
  bottom: 58px;
  padding: 0 15px 0 10px;
  height: 31px;
  background: rgba(44,44,44,0.7);
  color: #ddd;
  font: normal 11px Arial;
  text-transform: uppercase;
  border: 0;
  outline: 0;
  border-radius: 2px;
  cursor: pointer;
  text-shadow: 0 1px 2px #000;
  transition: background .2s;
}
  .player-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}  
.player-container {
  height: 400px;
  background: #000 url(/templates/Kinogo/images/loader.svg) no-repeat 50% 50%;
  position: relative;
}
    .player-mirrors-controls.player-mirrors-controls-right {
  right: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAAXNSR0IArs4c6QAAAIpJREFUKFOF0UkKgDAMBdAfsxd6NYd9b6KeRNwK4sWE3sBKE7DaOmTX9vETUkKoxVkQe1TlJOekSAAwyv2OAa3pczRvFsyKXiDJw+o67IgJSaKiHxjRB7yjJ0hsc7S4MFt3juGRoBQAPWozxKQXEBIVfQBF143rINLiunXCfeMZiO0CLNijMY8ffAAV3UAIrUnTiQAAAABJRU5ErkJggg==);
}
    .player-mirrors-controls.player-mirrors-controls-left {
  left: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAAXNSR0IArs4c6QAAAItJREFUKFN90E0KwyAQhuF3OvuCV+vP3pskOUnJNhB6sYI3iEUD1Y4xs50HP78RerMGj2jkdp3l0KxhBIa8E/UtqkFCEYMsgJG7m8pLHZATc+4J2FFqAa+qQI6oCwnLx6Na0MbE06V2v9nj3mFgoywMLB8/gf936sD2mBYeXtz+sbl4XSm1vmjk4eYvaOY/AX86pskAAAAASUVORK5CYII=);
}
    .player-mirrors-list {
  display: flex;
  list-style: none;
  transition: 1s cubic-bezier(0.1,.7,.45,1);
  counter-reset: mirror;
  overflow: scroll hidden;
}
    .player-mirrors-content {
  position: relative;
  height: 50px;
  overflow: hidden;
}
    .player-mirrors {
  background: #000;
  padding: 10px 12px;
  display: none;
}
    .player-tabs li {
  padding: 0 14px 2px;
  line-height: 26px;
  cursor: pointer;
  font-weight: 700;
  text-shadow: #000 1px 1px 1px;
  color: #c9c9c9;
  white-space: nowrap;
  transition: .2s;
}
    .player-tabs li {
  padding: 0 14px 2px;
  line-height: 26px;
  cursor: pointer;
  font-weight: 700;
  text-shadow: #000 1px 1px 1px;
  color: #c9c9c9;
  white-space: nowrap;
  transition: .2s;
}
    .player-tabs li.current {
  background-color: #1a1a1a;
  color: #ccc;
  text-shadow: #000 1px 1px 1px;
  padding: 0 20px 2px;
  cursor: default;
  pointer-events: none;
}
    .player-tabs {
  display: flex;
  list-style: none;
}
    .ratingpleer {
  float: right;
  padding-top: 4px;
  padding-right: 1px;
  font-size: 11px;
}
.ratingrealpleer {
  float: right;
  padding-top: 6px;
  padding-right: 5px;
  margin-left: -5px;
  font-size: 11px;
}
.description__block-dopss {
  margin: 15px 20px 0;
  background: #222;
  position: relative;
  display: block;
  padding: 10px 15px;
  border: 1px solid #393737;
}
    .kp {
  background-color: #f60;
  color: #fff;
}
    .imdb, .kp {
  padding: 0 10px;
}
    .imdb, .kp {
  border-radius: 2px;
  display: block;
  line-height: 20px;
  text-align: center;
  width: 63px;
}
    .imdb, .kp {
  padding: 0 10px;
}
    .imdb {
  background-color: #fc0;
  color: #000;
}
    .film__rating-full {
  bottom: 3px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: absolute;
  right: 0;
}
    
    .fullstory__rating .rating__results {
  display: block;
  font-size: 9px;
  color: #a8a8a8;
  text-align: center;
  margin-top: 2px;
}
    {
  height: 28px;
}
 .fullstory__rating {
  margin-right: 3em;
}
    .fullstory__title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  line-height: 1;
  margin-bottom: 12px;
  padding: 10px 20px 0;
        
}
    .fullstory__favs {
  position: absolute;
  right: 13px;
  top: 0;
}
    .single__info1 {
  display: grid;
  grid-template-columns: 200px auto;
  gap: 20px;
  position: relative;
  padding: 0 20px 10px;
}
    .main__poster {
  position: relative;
        
}
    .main__info {
  font-size: 13px;
}
    .description__block {
  margin: 5px 20px;
  background: #222;
  position: relative;
  display: block;
}
    .description__block > div {
  padding: 10px 15px;
  border: 1px solid #393737;
  line-height: 1.5;
}
.ratingkino {
  margin-right: 5px;
}
.section {
  height: 360px;

}
   .last-comments__info_user {
  color: #e6e6e6;
  font-weight: 400;
}
   .liked_comments .li_block, .sb-cont {
  padding: 10px 20px 10px 18px;
} 

   .last-comments {
  list-style: none;
  margin: 0;
  padding: 0;
} 
    .last-comments li {
  background: #333;
  border-radius: 7px;
  margin-top: 5px;
  padding: 2px 10px 0 12px;
  position: relative;
}
    .last-comments li::before {
  content: '';
  position: absolute;
  top: 0;
  left: -8px;
  border: 15px solid transparent;
    border-top-color: transparent;
  border-top-color: #333;
}
    .last-comments__user {
  align-items: center;
  display: flex;
  padding-bottom: 3px;
  padding-top: 7px;
}
.last-comments__user_avatar {
	height: 30px;
	margin-right: 10px;
	width: 30px;
	flex: 0 0 30px;
}
    .last-comments__user_avatar img {
  border-radius: 20px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
    
    .last-comments__info_title {
  display: block;
  font-size: 13px;
  font-weight: 700;
}
    .commennnnty a, .last-comments__info_title a, .li_block_title a, .msupdate_block_list_link, .msupdate_block_list_link:hover {
  text-decoration: none;
}
    .last-comments__info_title {
  font-size: 13px;
  font-weight: 700;
}
    .last-comments__comment {
  font-size: 13px;
  overflow: hidden;
}
.shortstory {
  background: #2b2b2b;
  border-bottom: 1px solid #111;
  border-top: 1px solid #404040;
  margin-right: 15px;
  padding: 0 0 15px 15px;
  position: relative;
}  
    .shortstory__header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  line-height: 1;
  padding: 10px 0 12px;
}
    .shortstory__body {
  display: grid;
  gap: 20px;
  grid-template-columns: 200px auto;
  min-height: 281px;
  position: relative;
}
    .shortstory__meta, .total_meta {
  align-items: center;
  display: flex;
}
    .shortstory__meta {
  gap: 2.5em;
  margin-top: 1em;
}
    .shortstory__title {
  padding-right: 15px;
}
    .shortstory__rating {
  margin-right: 1em;
}

    .shortstory .rating {
  margin-left: unset !important;
  width: unset !important;
}
    .shortstory__favs {
  position: absolute;
  right: 0;
  top: 0;
}
    .shortstory__poster {
  position: relative;
}
    .shortstory__info {
  font-size: 13px;
}
    .shortstory__meta > a {
  background: #242424;
  border: 1px solid #404040;
  color: silver;
  display: block;
  outline: 1px solid #111;
  padding: 4px 6px;
  text-decoration: none;
}
    .shortstory__meta, .total_meta {
  align-items: center;
  display: flex;
}
    .total_meta {
  gap: 2em;
}
    
    .film_posted span, .total_meta-comments, .total_meta-views {
  position: relative;
}
    .film_posted {
  margin-left: auto;
}
.total_meta-views::before {
  background: url(/templates/Kinogo/images/eye.svg);
    background-size: auto;
  background-size: 17px;
  content: "";
  display: block;
  height: 17px;
  left: -19px;
  opacity: .5;
  position: absolute;
  top: -1px;
  width: 17px;
}
    
.film_posted span::before {
  background: url(/templates/Kinogo/images/time.svg);
    background-size: auto;
  left: -17px;
}
    .total_meta-comments::before {
  background: url(/templates/Kinogo/images/comment.svg);
    background-size: auto;
  left: -19px;
}
    .film_posted span::before, .total_meta-comments::before {
  background-size: 14px !important;
  content: "";
  display: block;
  height: 14px;
  opacity: .5;
  position: absolute;
  top: 1px;
  width: 14px;
}
    .shortstory__rating .rating__results {
  color: #a8a8a8;
  display: block;
  font-size: 9px;
  margin-top: 2px;
  text-align: center;
}
    .rating {
  font-size: .9em;
  height: 17px;
  margin-left: 41%;
  width: 100px;
}
    .shortstory__info {
  font-size: 13px;
}
    .shortstory__info span {
  display: block;
  margin-bottom: 4px;
}
 
    .shortstory__info .ka4estvo {
  margin-bottom: 1.5em;
  margin-top: 1.5em;
}
    
    .shortstory__info b {
  margin-right: 5px;
}
    .film__rating {
  bottom: 3px;
  font-size: 14px;
  gap: 5px;
  right: 0;
}
    .player-tabs li.current {
  background-color: #1a1a1a;
  color: #ccc;
  text-shadow: #000 1px 1px 1px;
  padding: 0 20px 2px;
  cursor: default;
  pointer-events: none;
}
    .player-tabs li {
  padding: 0 14px 2px;
  line-height: 26px;
  cursor: pointer;
  font-weight: 700;
  text-shadow: #000 1px 1px 1px;
  color: #c9c9c9;
  white-space: nowrap;
  transition: .2s;
}
.rating {
  margin-left: unset !important;
  width: unset !important;
}

.new_block {
  padding:10px;
}
.msupdate_block {
  border-radius:8px;
  box-shadow:0 4px 8px rgba(0,0,0,.24);
  margin-bottom:15px;
}
.msupdate_block_date {
  background-color:#6f6f6f;
  color:#fff;
  font-size:13px;
  padding:7px 10px;
}
.msupdate_block_list {
  max-height:990px;
  overflow:hidden;
  position:relative;
  transition:max-height 1s ease-in-out
}
.msupdate_block_list.expanded {
  max-height:5000px
}
.msupdate_block_list .a-m-d {
  display:block;
  position:relative
}
.msupdate_block_list .a-m-d:after,
.msupdate_block_list_item {
  -webkit-transition:background-color .2s linear;
  -moz-transition:background-color .2s linear;
  -ms-transition:background-color .2s linear;
  -o-transition:background-color .2s linear;
  transition:background-color .2s linear;
  width:100%
}
.msupdate_block_list .a-m-d:after {
  background-color:transparent;
  content:"";
  height:100%;
  left:0;
  position:absolute;
  top:0
}
.msupdate_block_list .a-m-d:hover:after {
  background-color:rgba(0,0,0,.2)
}
.msupdate_block_list_item {
  background-color:#2b2b2b;
  border-bottom:1px solid #262626;
  cursor:pointer;
  display:table;
  min-height:35px
}
.msupdate_block_list_item:hover {
  background-color:#333
}
.msupdate_block_list_item:hover .b-seriesupdate__block_list_link {
  color:#fff;
  text-decoration:none
}
.msupdate_block_list_item_inner {
  display:table-row
}
.msupdate_block_list_item_inner .cell {
  display:table-cell;
  padding:6px 0 5px;
  vertical-align:middle
}
.msupdate_block_list_item_inner .cell-0 {
  height:64px;
  padding-left:6px;
  padding-right:8px;
  width:56px
}
.msupdate_block_list_item_inner .cell-0 img {
  border-radius:4px;
  height:100%;
  object-fit:cover;
  object-position:center;
  width:100%
}
.msupdate_block_list_item_inner .cell-1 {
  color:#777;
  font-size:12px;
  padding-right:5px
}
.msupdate_block_list_item_inner .cell-1 .season {
  margin-top:1px;
  white-space:nowrap
}
.msupdate_block_list_item_inner .cell-3 {
  color:#777;
  font-size:11px;
  font-weight:700;
  padding-right:10px;
  text-align:right
}
.msupdate_block_list_link {
  display:table-header-group;
  font-weight:700;
  -webkit-transition:color .2s ease-in-out;
  -moz-transition:color .2s ease-in-out;
  -ms-transition:color .2s ease-in-out;
  -o-transition:color .2s ease-in-out;
  transition:color .2s ease-in-out;
  width:100%
}
.msupdate_block_list_item_title {
  color:#d5d5d5
}
   .comment__text button, .comments__section-header > span {
  color: silver;
  padding: 5px 10px;
  background: #242424;
  border: 1px solid #404040;
  cursor: pointer;
  font-size: 13px;
}
    .comments__section {
  margin-top: 2em;
}
    .comments__section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px 18px;
}
    .film_posted {
  margin-left: auto;
}
    .film_posted span, .total_meta-comments, .total_meta-views {
  position: relative;
}
    .film_posted span::before {
  background: url(/templates/Kinogo/images/time.svg);
    background-size: auto;
  left: -17px;
}
    .film_posted span::before, .total_meta-comments::before {
  background-size: 14px !important;
  content: "";
  display: block;
  height: 14px;
  opacity: .5;
  position: absolute;
  top: 1px;
  width: 14px;
}
    .comments__section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px 18px;
}
    #dle-comments-form {
  padding: 0 15px;
  position: relative;
}
    #commentForm {
  padding-bottom: 18px;
}
    #dle-comments-form textarea {
  width: 100%;
  min-height: 80px;
  resize: vertical;
  padding: 10px;
  border-radius: 3px;
  max-height: 130px;
  border: 1px solid #404040;
  background: #242424;
}

    input, textarea {
  margin: 0;
    margin-top: 0px;
  padding: 0 0 0 3px;
}
    input, select, textarea {
  background-color: #a2a2a2;
  color: #fff;
}
    .cFormHeader {
  display: flex;
  margin-top: 8px;
}
    .v-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
    .cFormHeader input {
  width: 100%;
  max-width: 162px;
  background: #222;
  border: 1px solid #404040;
  height: 28px;
  padding: 0 10px;
  border-radius: 3px;
  margin-right: 9px;
  color: #a8a8a8;
  outline: 0;
}
    .content button[type="submit"] {
  display: flex;
  align-items: center;
  height: 29px;
  padding: 0 20px;
  outline: 0;
  border-radius: 2px;
  background: #242424;
  border: 1px solid #404040;
}
    .fbutton, span.fbutton {
  background: #242424;
  border: 1px solid #404040;
  color: silver;
  cursor: pointer;
  outline: 1px solid #111;
  padding: 4px 9px 5px;
  text-decoration: none;
}
   .comment__text > div {
  margin-bottom: 10px;
} 
    
    .comment__reactions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
    .comment__reaction {
  display: flex;
  gap: 25px;
  align-items: center;
}
    
    .comment-rating-cnt {
  padding: 0 0 0 4px;
}

    .comment__reaction {
  display: flex;
  gap: 25px;
  align-items: center;
}
   .comment__text > div {
  margin-bottom: 10px;
} 
 .comment__text button, .comments__section-header > span {
  color: silver;
  padding: 5px 10px;
  background: #242424;
  border: 1px solid #404040;
  cursor: pointer;
  font-size: 13px;
}
    
    .comment__reactions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
    
a {
  color: #e0dfdc;
  text-decoration: underline;
}
    
.comment-rating-cnt {
  padding: 0 0 0 4px;
}
    .comment-rating-btn-dislike, .comment-rating-btn-like {
  position: relative;
}
    
    .comment-rating-btn-dislike::before, .comment-rating-btn-like::before {
  content: "";
  position: absolute;
  background-size: 19px;
  width: 19px;
  height: 19px;
  left: -18px;
}
    .fbutton5, span.fbutton5 {
  padding: 2px 7px 3px;
}
    
.comment-rating-btn-dislike::before {
  background: url(../images/comment-dislike.svg);
  top: -1px;
}
    
    .fbutton4, .fbutton5, span.fbutton4, span.fbutton5 {
  background: #242424;
  border: 1px solid #404040;
  color: silver;
  cursor: pointer;
  padding: 2px 4px 3px;
  text-decoration: none;
}
    .comment-rating-btn-like::before {
  background: url(/templates/Kinogo/images/comment-like.svg);
  top: -3px;
}
    
    .comment-rating-btn-dislike::before {
  background: url(/templates/Kinogo/images/comment-dislike.svg);
  top: -1px;
}
.content .xsort-area {
	padding: 15px 15px 0;
}

.vInnerStatic {
	padding: 12px;
}
.content .xsort-div-filler {
	background-image: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.content .xsort-div-filler img {
	opacity: .8;
}
.s-block {
	padding: 10px;
}

.panel-nav {}
.panel-nav-title {
	position: relative;
	border-bottom: 1px solid #3f413f;
	font-size: 15px;
	font-weight: 700;
	color: #f3f3f3;
	line-height: 22px;
	padding: 7px 14px;
}
.panel-nav-body {}

.btn-mob-menu {
	display: none;
	position: absolute;
	top: 3px;
	right: 5px;
	width: 32px;
	height: 36px;
	cursor: pointer;
}
.btn-mob-menu > span {
	display: block;
	background: #f2f2f2;
	height: 2px;
	width: 100%;
	margin: 6px 0;
	transition: all .15s;
}
.btn-mob-menu._active > span {}
.btn-mob-menu._active > span:nth-child(1) {
	transform: rotate(45deg);
	position: relative;
	top: 7px;
}
.btn-mob-menu._active > span:nth-child(2) {
	transform: scale(0);
}
.btn-mob-menu._active > span:nth-child(3) {
	transform: rotate(-45deg);
	position: relative;
	top: -9px;
}
.btn-mob-search {
	display: none;
	position: absolute;
	top: 2px;
	right: 42px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	padding: 8px !important;
}
.btn-mob-search img {
	width: 20px;
	height: 20px;
}
.btn-mob-login {
	display: none;
	position: absolute;
	top: 3px;
	right: 80px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	padding: 8px !important;
}
.btn-mob-login img {
	width: 18px;
	height: 18px;
}

@media (max-width: 990px) {
	/*.leftblok_contener2 {
		display: block;
		padding-bottom: 15px;
	}*/
	.leftblok1 span[style="float:right"],
	.leftblok2 span[style="float:right"] {
		display: none;
	}
    
.MGitem { display: grid;
  justify-content: center;
  grid-template-columns: 90px 90px 90px 90px 90px;
  background-color: 0b0103;
  padding: 10px;
  gap: 7px;
}
}

@media (max-width: 820px) {
	.horizontal ul li {
		width: 120px;
		margin-right: 3px;
		margin-left: 3px;
	}
	.inner img {
		width: 112px;
		min-height: 168px;
		height: 168px;
	}
	/*.leftblok_contener2 {
		padding: 5px 8px 0 10px;
		gap: 8px;
	}*/
	.content {
		flex: 0 0 68%;
	}
	.leftblok_contener {
		flex: 0 0 32%;
	}
.MGitem { display: grid;
  justify-content: center;
  grid-template-columns: 90px 90px 90px 90px;
  background-color: 0b0103;
  padding: 10px;
  gap: 7px;}
}

@media (max-width: 768px) {
	.btn-mob-menu {
		display: block;
	}
	.btn-mob-search {
		display: block;
	}
	.btn-mob-login {
		display: block;
	}
	.header-wrapper {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
	}
	.header-menu {
		display: none;
		flex-wrap: wrap;
		justify-content: end;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background: #3F3F3F;
		z-index: 999;
		padding: 50px 15px 20px;
	}
	.header-menu._active {
		display: block;
	}
	.header-menu a, .header-menu input {
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
		border-radius: 5px;
		padding: 7px 0;
		background: #000;
	}
	.header44 .main_menu {
		margin: 3px auto 0 0;
	}
	.header44 .search_panel {
		display: none;
		top: 35px;
		position: fixed;
		left: 0;
		width: 100%;
		background: #262626;
		border-bottom: 1px solid #000;
		margin: 0;
		padding: 5px 7px;
	}
	.header44 .search_panel input {
		width: 100%;
	}
	.fbutton2 {
		position: absolute;
		right: 0;
		top: 5px;
		height: 24px;
		padding: 0px 15px 0px 15px;
	}
	.header44 .search_panel._active {
		display: block;
	}
	.header44 .user_panel {
		display: none;
		position: fixed;
		top: 35px;
		left: 0;
		width: 100%;
		background: #262626;
		border-bottom: 1px solid #000;
		margin: 0;
		padding: 5px 7px;
	}
	.header44 .user_panel._active {
		display: block;
	}
	.header44 .user_panel form > * {
		display: block;
		width: 100% !important;
		margin-bottom: 2px;
	}
	.header44 .user_panel form input {
		display: block;
		width: 100% !important;
		padding: 4px 8px;
		height: auto;
		margin: 5px 0;
	}
	.header44 .user_panel .fbutton2 {
		position: relative;
		top: 0;
		left: 0;
		margin: -5px 0 5px;
	}
	.deepnavigation {
		padding-top: 220px;
	}
	.panel-nav-title {
		padding: 7px 14px;
		transition: background .3s;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.panel-nav-title:after {
		content: '';
		transition: transform .4s;
		width: 17px;
		height: 17px;
		background: url(../images/down-arr-17w.png) right center no-repeat;
	}
	.panel-nav._active .panel-nav-title:after {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.panel-nav-body {
		visibility: hidden;
		opacity: 0;
		height: 0;
		padding: 0 12px;
		border: 0;
		margin: 0;
		transition: all .25s;
	}
	.panel-nav._active .panel-nav-body {
		visibility: visible;
		opacity: 1;
		height: 100%;
		padding: 5px 12px 0;
	}
	.contener {
		background-color: transparent;
		border-radius: 0;
		border: 0;
	}
	.contener2 {
		border: 0;
		border-radius: 0;
		background: transparent;
		padding: 0 5px;
	}
	.leftblok_contener {
		flex: 0 0 100%;
		width: 100%;
		background: #585858;
		border-radius: 8px;
		margin-bottom: 6px;
		border: 1px solid #848480;
	}
	.content {
		flex: 0 0 100%;
		width: 100%;
		border-radius: 8px;
		border-left: 0;
	}
	.shortstory__body {
		grid-template-columns: 200px auto;
	}
	.shortstory__body .shortstory__poster img {
		width: 100% !important;
		max-width: 200px;
		height: auto;
	}
	.dop-block {
		display: none;
	}
	.relatednews_title {
		padding: 130px 20px 2px;
	}
	ul.ul_related li {
		margin: 0 3px 3px;
		width: 100px;
	}
	ul.ul_related {
		text-align: center;
		padding: 0;
	}
	ul.ul_related a {
		display: inline-block;
	}
	ul.ul_related img {
		width: 100% !important;
		height: auto !important;
		max-width: 100px;
	}
	.shortstory__title {
		padding-right: 0;
		flex: 0 0 100%;
	}
	.shortstory__rating {
		height: auto !important;
		margin-right: 0;
		padding: 10px 0 0;
		display: flex;
		align-items: center;
	}
	.podrobnosti_right {
		padding-left: 0;
		padding-right: 15px;
	}
	.shortstory__meta {
		gap: 2em;
		flex-direction: row-reverse;
	}
	.ratingkino {
		margin-bottom: 30px;
	}
	.share_buttons {
		top: 95px !important;
	}
	.fullstory__rating {
		margin-right: 0;
		width: 100%;
		display: flex;
		align-items: center;
		gap: 10px;
	}
.speedbar {color: var(--tt-fade); font-size: 10px; padding: 10px 0; margin-top: 5px;}
.speedbar a {color: var(--tt);}
    
.MGitem { display: grid;
  justify-content: center;
  grid-template-columns: 90px 90px 90px 90px 90px 90px ;
  background-color: 0b0103;
  padding: 10px;
  gap: 7px;}
}

@media (max-width: 670px) {
.MGitem { display: grid;
  justify-content: center;
  grid-template-columns: 90px 90px 90px 90px 90px;
  background-color: 0b0103;
  padding: 10px;
  gap: 7px;} 
}
        
@media (max-width: 576px) {
.MGitem { display: grid;
  justify-content: center;
  grid-template-columns: 90px 90px 90px 90px;
  background-color: 0b0103;
  padding: 10px;
  gap: 7px;}
}

@media (max-width: 460px) {
	.header44 {
		justify-content: center;
	}
	.shortstory__poster {
		width: 100%;
		text-align: center;
	}
	.shortstory__body {
		display: flex;
		flex-wrap: wrap;
	}
	.content .xsort-area {
		padding: 10px;
		display: flex;
		flex-wrap: wrap;
		gap: 7px;
	}
	.content .xsort-area>div {
		margin: 0;
		flex: 0 0 calc(32% - 18px);
	}
	.content .xsort-div {
		height: 25px;
		line-height: 25px;
		padding: 0 7px;
	}
	.content .xsort-area-title {
		width: 100% !important;
		margin: 0 !important;
		flex: 0 0 100% !important;
	}
	.content .xsort-div-clearall {
		flex: 0 0 18px !important;
	}
	.content .xsort-div-filler {
		flex: 0 0 18px !important;
	}
	.content .xsort-selected {
		padding-right: 10px;
	}
	.single__info1 {
		display: flex;
		flex-wrap: wrap;
	}
	.main__poster {
		text-align: center;
		width: 100%;
	}
	.horizontal ul li {
		width: 115px;
		margin-right: 2px;
		margin-left: 2px;
	}
	.inner img {
		width: 111px;
	}
.MGitem { display: grid;
  justify-content: center;
  grid-template-columns: 90px 90px 90px;
  background-color: 0b0103;
  padding: 10px;
  gap: 7px;
}
.speedbar {color: var(--tt-fade); font-size: 10px; padding: 10px 0; margin-top: 5px;}
.speedbar a {color: var(--tt);}
}
@media (max-width: 374px) {
.MGitem { display: grid;
  justify-content: center;
  grid-template-columns: 90px 90px;
  background-color: 0b0103;
  padding: 10px;
  gap: 7px;}      
}
@media (max-width: 280px) {
.MGitem { display: grid;
   justify-content: center;
  grid-template-columns: 90px;
  background-color: 0b0103;
  padding: 10px;
  gap: 7px;}      
}
/* Стили плеера и вкладок */
.player-controls-line {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 0;
}

.player-tabs { 
    display: flex; 
    flex-wrap: nowrap;
    gap: 2px; 
    list-style: none; 
    padding: 0; 
    margin: 0; 
    overflow-x: auto; 
    scrollbar-width: none; 
    -webkit-overflow-scrolling: touch;
}

.player-tabs::-webkit-scrollbar {
    display: none;
}

.player-tabs li { 
    margin: 0 !important; 
    border-radius: 4px 4px 0 0; 
    white-space: nowrap; 
    flex-shrink: 0;
    /* Если вы решили оставить ваш вариант паддинга: */
    padding: 4px 20px 2px; 
}

.ratingkino-top {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 5px;
    flex-shrink: 0;
}

.ratingrealpleer {
    font-size: 11px;
    color: #888;
    white-space: nowrap;
}

.player-container { 
    position: relative; 
    background: #000; 
    width: 100%; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    clear: both;
}

.player-loader {
    display: none; 
    position: absolute; 
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%); 
    z-index: 10;
}

.loader-spinner {
    width: 40px; 
    height: 40px; 
    border: 4px solid #333;
    border-top: 4px solid #8dac74; 
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin { 
    0% { transform: rotate(0deg); } 
    100% { transform: rotate(360deg); } 
}

.section {
    height: auto !important;
    min-height: auto;
    position: relative; 
    display: flex; 
    flex-direction: column;
    background-color: #2b2b2b;
    border-left: 1px solid #404040;
    border-top: 1px solid #404040;
}

/* Мобильные стили */
@media screen and (max-width: 767px) {
    .player-controls-line {
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }
    
    .player-tabs {
        width: 100%;
        justify-content: flex-start;
    }

    .ratingkino-top {
        order: -1;
        padding-bottom: 0;
    }

    .player-container {
        padding-bottom: 56.25%; 
        width: calc(100% + 30px) !important;
        margin-left: -15px !important;
    }
    
    .section {
        height: auto !important;
    }
}

/* Базовый стиль вкладок (неактивные) */
.player-tabs li {
    background: #363636 !important; 
    color: #c9c9c9 !important;
    cursor: pointer;
    border: 1px solid #404040 !important; /* Единая серая рамка для всех */
    transition: all 0.3s ease;
}

/* Эффект при наведении */
.player-tabs li:hover {
    background: #444 !important;
    color: #fff !important;
}

/* АКТИВНАЯ ВКЛАДКА (выделяется зеленым при клике) */
.player-tabs li.current {
    background: #8dac74 !important; 
    color: #fff !important;
    border-color: #8dac74 !important;
}
/* 1. ФИКС САЙДБАРА: Запрещаем ему падать, но не ломаем внутренности */
@media screen and (min-width: 769px) {
    .contener2 {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
    }
    .content {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }
    .leftblok_contener {
        width: auto;
    }
}

/* 2. ЛИНИЯ УПРАВЛЕНИЯ: Рейтинг и Вкладки */
.player-controls-line {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    gap: 10px !important;
}

.player-tabs { 
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow-x: auto !important; 
    scrollbar-width: none;
}
.player-tabs::-webkit-scrollbar { display: none; }

/* 3. РЕЙТИНГ: Звезды (5px отступ), затем Голоса (рядом) */
.ratingkino-top {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

.ratingpleer {
    order: 1 !important;
    margin-left: 5px !important; /* Отступ перед звездами */
}

.ratingrealpleer {
    order: 2 !important;
    margin-left: 4px !important; /* Голоса поближе к звездам */
}

/* 4. ЦЕНТРИРОВАНИЕ КРУТИЛКИ (БЕЗ ПРИНУДИТЕЛЬНОГО ПОКАЗА) */
.player-section, .video-box, #video-player, [id^="player_"], .section {
    position: relative !important;
}

/* Удален display: block !important, чтобы она могла исчезать */
#loading-layer, .ajax-loader, .p-loader, .player-loader {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 100 !important;
    pointer-events: none; /* Чтобы можно было нажать Play, даже если она зависла */
}

/* 5. МОБИЛЬНАЯ ВЕРСИЯ (< 769px) */
@media screen and (max-width: 768px) {
    .player-controls-line {
        flex-direction: column !important;
        align-items: center !important;
    }
    .ratingkino-top {
        order: -1;
        justify-content: center !important;
        width: 100% !important;
        margin-bottom: 12px !important;
        margin-left: 0 !important; /* Центровка без сдвигов */
    }
    .player-tabs {
        width: 100% !important;
        justify-content: flex-start !important;
    }
}
:root {
    --side-gap: 15px;      /* Боковые отступы */
    --top-space: 40px;     /* Тот самый отступ от плеера, который заработал */
    --card-width: 110px;
    --card-height: 165px;
}

/* Основной контейнер */
.relatednews {
    display: block !important;
    margin-top: var(--top-space) !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    clear: both !important;
}

/* Заголовок (оставляем стандартный размер, раз 40px не нужен) */
.relatednews_title {
    padding: 0 var(--side-gap) !important;
    margin-bottom: 15px !important;
    font-size: 35px !important; /* Оптимальный размер */
    color: #fff !important;
    font-weight: bold !important;
}

/* Лента */
.ul_related {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 10px !important;
    padding: 0 var(--side-gap) 25px var(--side-gap) !important;
    list-style: none !important;
    margin: 0 !important;
    -webkit-overflow-scrolling: touch;
}

.ul_related::-webkit-scrollbar {
    display: none !important; /* Чистый вид без полосы прокрутки */
}

/* Карточка */
.ul_related li {
    flex: 0 0 var(--card-width) !important;
    width: var(--card-width) !important;
}

.ul_related li img {
    width: var(--card-width) !important;
    height: var(--card-height) !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 3px !important;
}

/* Название фильма — впритык */
.ul_related li a b, 
.ul_related li a span,
.ul_related li b,
.ul_related li span {
    display: block !important;
    font-size: 11px !important;
    color: #999 !important;
    text-align: center !important;
    line-height: 1.2 !important;
    margin-top: 4px !important; /* Плотная посадка под фото */
    max-height: 2.5em !important;
    overflow: hidden !important;
    font-weight: normal !important;
}

.ul_related li br { display: none !important; }

/* Адаптивность для мобилок */
@media screen and (max-width: 480px) {
    :root {
        --side-gap: 10px;
        --top-space: 25px; /* На мобильных отступ чуть меньше, чтобы не крутить долго */
    }
}  
/* --- БАЗОВЫЕ СТИЛИ (ПК) --- */
.main__poster {
    position: relative !important;
    display: inline-block;
    overflow: hidden;
    border-radius: 4px;
    line-height: 0;
    width: 200px;
}

.main__poster img {
    display: block;
    width: 100% !important;
    height: auto !important;
    transition: none !important;
}

.poster-meta {
    position: absolute;
    bottom: 20px;   
    left: 8px;     
    right: 8px;    
    display: flex;
    flex-direction: row; 
    gap: 1px;
    z-index: 100;
    padding: 0 !important;
    pointer-events: none;
    box-sizing: border-box;
}

.meta-item {
    display: flex !important;
    flex: 1;
    align-items: center;
    justify-content: center;
    height: 26px !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
    background: rgba(255, 102, 0, 0.9) !important; 
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5) !important;
}

.meta-item:first-child { border-radius: 3px 0 0 3px !important; }
.meta-item:last-child { border-radius: 0 3px 3px 0 !important; }
.meta-item:only-child { border-radius: 4px !important; }

.meta-num, .meta-text {
    font-family: 'Tahoma', sans-serif !important;
    color: #ffffff !important;
    text-transform: uppercase;
    line-height: 1 !important;
    margin: 0 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7) !important;
}

.meta-num { font-size: 14px !important; font-weight: 900 !important; margin-right: 3px !important; }
.meta-text { font-size: 9px !important; font-weight: 800 !important; }

/* --- МОБИЛЬНАЯ АДАПТАЦИЯ (ЦЕНТРУЕМ ТОЛЬКО ПОСТЕР) --- */
@media screen and (max-width: 480px) {
    /* Центрируем только постер */
    .main__poster {
        display: block !important;
        margin: 0 auto 20px auto !important; 
        float: none !important;
    }

    /* Информация под постером остается слева */
    .main__info {
        text-align: left !important;
        display: block !important;
    }

    /* Увеличенные плашки внутри постера */
    .poster-meta {
        bottom: 15px; 
        left: 6px; 
        right: 6px;
        gap: 2px;
    }

    .meta-item {
        height: 34px !important; 
        background: rgba(255, 90, 0, 0.98) !important;
        border: 1px solid rgba(255, 255, 255, 0.4) !important;
    }

    .meta-num { font-size: 17px !important; font-weight: 900 !important; }
    .meta-text { font-size: 10px !important; font-weight: 900 !important; }
}

@media screen and (max-width: 350px) {
    .main__poster { width: 180px !important; }
    .meta-item { height: 28px !important; }
    .meta-text { display: none !important; } 
}
/* --- ДЛЯ КОМПЬЮТЕРОВ (Обычный размер) --- */
.main__poster {
    position: relative !important;
    display: inline-block;
    overflow: hidden;
    border-radius: 4px;
    line-height: 0;
    width: 200px; 
    max-width: 100%;
}

.main__poster img {
    display: block;
    width: 100% !important; 
    height: auto !important;
}

.poster-meta {
    position: absolute;
    bottom: 20px;   
    left: 8px;     
    right: 8px;    
    display: flex;
    flex-direction: row; 
    gap: 1px;
    z-index: 100;
    padding: 0 !important;
    margin: 0 !important;
    pointer-events: none;
    box-sizing: border-box; 
}

.meta-item {
    display: flex !important;
    flex: 1; 
    min-width: 0; 
    align-items: center;
    justify-content: center;
    height: 26px !important; /* Стандарт для ПК */
    padding: 0 4px !important;
    box-sizing: border-box !important;
    background: rgba(255, 102, 0, 0.9) !important; 
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5) !important;
}

.meta-item:first-child { border-radius: 3px 0 0 3px !important; }
.meta-item:last-child { border-radius: 0 3px 3px 0 !important; }
.meta-item:only-child { border-radius: 3px !important; }

.meta-num, .meta-text {
    font-family: 'Tahoma', sans-serif !important;
    color: #ffffff !important;
    text-transform: uppercase;
    line-height: 1 !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8) !important;
}

.meta-num { font-size: 13px !important; font-weight: 900 !important; margin-right: 3px !important; }
.meta-text { font-size: 9px !important; font-weight: 800 !important; }


/* --- ТОЛЬКО ДЛЯ МОБИЛОК (Увеличенный размер) --- */
@media screen and (max-width: 480px) {
    .poster-meta {
        bottom: 15px; /* Чуть припустили, так как они стали выше */
        left: 4px; 
        right: 4px;
        gap: 2px; /* Увеличили разрыв между блоками */
    }

    .meta-item {
        height: 32px !important; /* ЗНАЧИТЕЛЬНО УВЕЛИЧИЛИ ВЫСОТУ */
        background: rgba(255, 90, 0, 0.97) !important; /* Еще плотнее цвет */
        border: 1px solid rgba(255, 255, 255, 0.4) !important; /* Ярче контур */
    }

    .meta-num { 
        font-size: 16px !important; /* КРУПНЫЕ ЦИФРЫ */
        letter-spacing: 0.5px;
    }

    .meta-text { 
        font-size: 10px !important; /* КРУПНЫЙ ТЕКСТ */
        letter-spacing: 0.3px;
        font-weight: 900 !important;
    }
    
    /* Добавляем внутренние отступы, чтобы текст не прижимался к краям плашки */
    .meta-item { padding: 0 6px !important; }
}

/* Для самых маленьких экранов (мини-смартфоны) */
@media screen and (max-width: 350px) {
    .meta-item {
        height: 28px !important;
    }
    .meta-num { font-size: 14px !important; }
    .meta-text { font-size: 9px !important; }
}