* { margin: 0; padding: 0; }
ul, li { list-style-type: none; }
body {
  background-color: #191a1c;
  color: white;
  font: 14px Tahoma, Verdana, Arial, sans-serif;
  min-height: 100%;    
  min-width: 320px;
  background: -webkit-linear-gradient(top, #18191c, #191a1c);
  background: -moz-linear-gradient(top, #18191c, #191a1c);
  background: -ms-linear-gradient(top, #18191c, #191a1c);
  background: -o-linear-gradient(top, #18191c, #191a1c);
}
.clearfix:before,.clearfix:after,.menu:before,.menu:after{display:table;content:" "}
.clearfix:after{clear:both}
.sTitle{
  font-family: 'Montserrat', sans-serif;
  color: #ffa700;
}
A {color: #FFF;text-decoration: none;}
A:hover {color: #fd6081;}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1500px;
}
a.category {color: #e9ad7c; font-size: 16px;}
a.category:hover, a.category:active {color: red;}

img {
  vertical-align: middle;
}
.nav_panel {
  margin-bottom: 5px;
  background: #1d1d1d;
  background: -webkit-linear-gradient(top, #1d1d1d, #131313);
  background: -moz-linear-gradient(top, #1d1d1d, #131313);
  background: -ms-linear-gradient(top, #1d1d1d, #131313);
  background: -o-linear-gradient(top, #1d1d1d, #131313);
  border: 1px solid rgba(37,37,37,1);
}
.nav_center { margin: 0 auto;width: 78%;max-width: 1360px;}
.nav_panel .nav_center .nav_menu {
  color: #FFF;
  font-weight: bolder;
  font-size: 12px;
  padding: 0;
  margin: 5px 0 5px 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}
.nav_panel .nav_center .nav_menu A {
  flex-grow: 1;
  text-align: center;
  color: #8f9924;
  display: inline-block;
  margin: 0 2px 2px 0;
  text-decoration: none;
}
.nav_panel .nav_center .nav_menu A:HOVER {
  color: #fd6081;
  text-decoration: underline;
}
.header {
  display: inline-block;
  width: 100%;
}
.menu {
  width: 100%;
  margin: 0px auto;
  display: table;
  margin-top: 5px;
}
.logo {
  float: left;
  text-shadow: 3px -3px 3px rgb(42, 45, 10);
}
.logo A {
  text-decoration: none;
  color: #ffffff;
  font-size: 32px;
  line-height: 33px;
}
.logo A:HOVER {
  text-decoration: none;
  color: #FFF;
}
.logo A SPAN {
  color: #ffa700;
}
a#pull {display: none;}
.navbar {
  float: left;
  margin: 4px 0px 0px 5px;
}
.navbar>li {
  display: inline-block;
}
.navbar li A, .navbar li B {
  padding: 6px 8px;
  display: block;
  font-weight: bolder;
  text-transform: uppercase;
  margin-left: 3px;
  background: #2c2e31;
  background: -webkit-linear-gradient(top, #2c2e31, #131414);
  background: -moz-linear-gradient(top, #2c2e31, #131414);
  background: -ms-linear-gradient(top, #2c2e31, #131414);
  background: -o-linear-gradient(top, #2c2e31, #131414);
  text-shadow: 1px 1px #000;
  border: 1px solid rgba(0,0,0,0.15);
  box-shadow: inset 1px 1px 0 rgba(57,58,62,1);
}
.navbar li A:HOVER, .navbar li a.active {
  background: -webkit-linear-gradient(top, #222225, #0b0b0c);
  background: -moz-linear-gradient(top, #222225, #0b0b0c);
  background: -ms-linear-gradient(top, #222225, #0b0b0c);
  background: -o-linear-gradient(top, #222225, #0b0b0c);
  border: 1px solid rgba(0,0,0,0.15);
  box-shadow: inset 1px 1px 0 rgba(48,51,54,1);
  color: #fd6081;
}
.searches{font-weight: bolder;width:100%;font-size:15px;padding: 0;margin: 13px 0 5px 0;list-style: none; float: left;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;justify-content: space-around;}
.searches A {color: #e9ad7c;display: inline-block;margin: 0 1px 2px 2px;text-decoration: none;flex-grow: 1;text-align: center;}
.searches A:HOVER {color: #8f9924;text-decoration:underline;}

.pagination{display: inline-block; margin: 5px 0px 5px;float: right;}
.pagination LI {
  display: inline-block;
  padding: 6px 10px;
  margin: 0px 2px 0px 0px;
  background: #2c2e31;
  background: -moz-linear-gradient(top, #2c2e31 1%, #131414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2c2e31), color-stop(100%,#131414));
  background: -webkit-linear-gradient(top, #2c2e31 1%,#131414 100%);
  background: -o-linear-gradient(top, #2c2e31 1%,#131414 100%);
  background: -ms-linear-gradient(top, #2c2e31 1%,#131414 100%);
  background: linear-gradient(to bottom, #2c2e31 1%, #131414 100%);
  text-decoration: none;
  text-shadow: 1px 1px #000;
  box-shadow: inset 0px 1px 0 rgb(57, 58, 62), 0 0 1px 1px rgba(7,6,6,1);
}
.pagination LI a.active  {
  color: #fd6081;
}
.pagination LI:first-child{
  border-radius: 5px 0px 0px 5px;
}
.pagination LI:last-child{
  border-radius: 0px 5px 5px 0px;
}
.search {
  float: right;
  text-align: right;
}
.srchform {
  background-color: white;
  border: 1px solid;
  text-indent: 1em;
  display: inline-block;
  height: 29px;
  margin-top: 5px;
  width: 350px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.searchbtm {
  color: white;
  background: #8f9924;
  background: -moz-linear-gradient(top, #8f9924 1%, #737b1f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#8f9924), color-stop(100%,#737b1f));
  background: -webkit-linear-gradient(top, #8f9924 1%,#737b1f 100%);
  background: -o-linear-gradient(top, #8f9924 1%,#737b1f 100%);
  background: -ms-linear-gradient(top, #8f9924 1%,#737b1f 100%);
  background: linear-gradient(to bottom, #8f9924 1%, #737b1f 100%);
  border: 0px solid;
  font-weight: bolder;
  text-shadow: 1px 1px #000;
  box-shadow: inset 0px 1px 0 rgb(52, 56, 14), 0 0 1px 1px rgba(7,6,6,1);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 6px 10px;
  margin: 2px 2px;
}
.searchbtm:hover{
  color: #fd6081;
}
.description {
  padding: 5px 10px;
  width: 99%;
  margin: 5px auto;
  color: #ffffff;
  font-size: 14px;
  min-height: 70px;
}
.blockTitle {
  height: 30px;
  font-size: 12px;
  text-align: center;
  padding-top: 5px;
  margin: 0 auto;
  color: #FFF;
  overflow: hidden;
  text-transform: uppercase;
  float: left;
}
.termsTitle{
  height: 30px;
  font-size: 12px;
  text-align: center;
  padding-top: 5px;
  margin: 0 auto 10px;
  color: #FFF;
  overflow: hidden;
  text-transform: uppercase;
}
.titleWrapper H2 {font-size: 24px;}
.thumbBlock, .hlBlock { width: 100%; max-width: 1700px; }
.titleWrapper {
  display: inline-block;
}
.titleWrapper SPAN { color: #8f9924;}
.thumbwrap, .model_list OL {
  position: relative;
  float: left;
}
.video-top{
	float: left;
    width: 220px;
    margin-right: 5px;
}
.tp {
    position: relative;
	width: calc(100% - 4px);
	margin: 0 2px 4px 2px;
}
.model_list OL LI {
  padding-left: 10px;
  color: #f0eddc;
  font-size: 12px;
}
.model_list OL LI H2 {
  margin-top: 10px;
  padding-left: 15px;
  color: #8f9924;
}
.model_list OL LI A {
  text-decoration: none;
  font-size: 18px;
}
.txt_top LI {
  height: 32px;
  position: relative;
  display: block;
  float: left;
  text-align: left;
}
.thumb {
  margin: 3px;
  text-align: center;
  min-height: 1px;
  text-shadow: 1px 1px #000;
  box-shadow: 0 0 1px 1px rgba(7,6,6,1);
}
.thumb A DIV {
  padding-bottom: 75%;
  position: relative;
}
.thumb IMG {
  position: absolute;
  border-radius: 2px 2px 0 0;
  max-width: 100%;
  display: block;
  width: 100%;
  height: 100%;
}
.thumb A {
  text-decoration: none;
}
.thumb A SPAN{
  display: block;
  padding: 4px;
  font-size: 14px;
  line-height: 17px;
  height: 35px;
  border-radius: 0 0 2px 2px;
 /* white-space: nowrap; */
 /* overflow: hidden; */
  text-overflow: ellipsis;
 /* text-align: left; */
  background: #2c2e31;
  background: -moz-linear-gradient(top, #2c2e31 1%, #131414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2c2e31), color-stop(100%,#131414));
  background: -webkit-linear-gradient(top, #2c2e31 1%,#131414 100%);
  background: -o-linear-gradient(top, #2c2e31 1%,#131414 100%);
  background: -ms-linear-gradient(top, #2c2e31 1%,#131414 100%);
  background: linear-gradient(to bottom, #2c2e31 1%, #131414 100%);
  text-decoration: none;
  box-shadow: inset 0px 0px 1px rgb(57, 58, 62);
}
.txt_top A {
  display: block;
  padding: 4px;
  font-size: 14px;
  line-height: 20px;
  height: 18px;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  background: #2c2e31;
  background: -moz-linear-gradient(top, #2c2e31 1%, #131414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2c2e31), color-stop(100%,#131414));
  background: -webkit-linear-gradient(top, #2c2e31 1%,#131414 100%);
  background: -o-linear-gradient(top, #2c2e31 1%,#131414 100%);
  background: -ms-linear-gradient(top, #2c2e31 1%,#131414 100%);
  background: linear-gradient(to bottom, #2c2e31 1%, #131414 100%);
  text-decoration: none;
  box-shadow: inset 0px 1px 0 rgb(57, 58, 62), 0 0 1px 1px rgba(7,6,6,1);
  margin: 3px;
  text-align: center;
  min-height: 1px;
  text-decoration: none;
}
.txt_top A:HOVER {
  background: #222225;
  background: linear-gradient(to bottom, #222225 1%, #0b0b0c 100%);
  background: -webkit-linear-gradient(top, #222225, #0b0b0c);
  background: -moz-linear-gradient(top, #222225, #0b0b0c);
  background: -ms-linear-gradient(top, #222225, #0b0b0c);
  background: -o-linear-gradient(top, #222225, #0b0b0c);
  text-decoration: none;
  box-shadow: inset 0px 1px 0 rgb(57, 58, 62), 0 0 1px 1px rgba(7,6,6,1);
  margin: 3px;
  text-align: center;
  min-height: 1px;
  text-decoration: none;
}
.duration {
  bottom: 50px;
  left: 5px;
  position: absolute;
  background-color: #1d1b1d;
  font-size: 11px;
  line-height: 16px;
  padding-left: 5px;
  padding-right: 5px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  font-style: normal;
  border-radius: 5px;
}
.spon {
  position: absolute;
  top: 2%;
  left: 2%;
  font-size: 11px;
  font-weight: bolder;
  padding: 4px 4px;
  background-color: rgba(0,0,0,0.5);
  font-style: normal;
  -moz-text-shadow: 1px 1px 0 #000;
  -webkit-text-shadow: 1px 1px 0 #000;
  text-shadow: 1px 1px 0 #000;
  border-radius: 5px;
}
A.report {
  bottom: 32px;
  right: 5px;
  position: absolute;
  background-color: #1d1b1d;
  text-transform: capitalize;
  font-size: 12px;
  line-height: 15px;
  padding-left: 5px;
  padding-right: 5px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  border-radius: 5px;
}
.terms {
  padding: 20px;
  max-width: 85%;
  margin: 0px auto;
  color: #7f7f7f;
}
.wrapper {text-align: center;}

#video {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0px;
  position: relative;
}
.blockPlayer {
  width: 60%;
  max-width: 1600px;
  float: left;
  margin: 0;
  box-shadow: inset 0px 1px 0 rgb(57, 58, 62), 0 0 1px 1px rgba(7,6,6,1);
  border-radius: 5px;
}
.player {
  position: relative;
  padding-bottom: 53.45%;
  height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}
.player iframe {
  width: 100%;
  height: 100%;
}
.box {
  background: #171211;
  padding: 10px 0px;
  overflow: hidden;
}
.videoTitle{
  height: 55px;
  font-size: 14px;
  text-align: center;
  padding-top: 5px;
  margin: 0 auto;
  color: #f8b468;
  overflow: hidden;

}
.info-line { width: calc(100% - 20px);margin: 0 20px;text-align: left;}

.info-line li{
  margin: 0 10px 0 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 12px;
  padding: 5px 0;
}
.info-line li a {
  color: #fd6081;
}
.info-line li a:hover {
  color: #8f9924;
}


.container-report {
  width: 630px;
  margin: 0px auto;
}
.container-report form {
  background: #302e30;
  border-radius: 2px;
  padding: 15px;
  border: 1px solid rgb(15,15,15);
  box-shadow: 0 0 0 1px rgb(55,55,55);
}
.container-report select, .container-report input {
  height: 40px;
  margin-top: 10px;
}
.pics {text-align: center;}
.row {
  padding: 5px 0px 5px 0px;
}
.model_list {
  display: inline-block;
  width: 100%;
}

.note{
  text-align: center;
  margin: 5px auto;
  color: #8b8b8b;
}
.note B {
  color: #fd6081;
}
.alert{padding: 5px;margin: 5px 0px;border: 1px solid transparent;  border-radius: 2px;color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
.btn-report {padding: 6px 12px;vertical-align: middle;border: 1px solid transparent;border-radius: 2px;}
.leftCap,.rightCap {width: 50%;float: left;}
/* ad_blocks */
.block-pub-side {
  float: left;
  position: relative;
  margin: 5px 0px 0px 5px;
}
.hide--first > *:first-child {
  display: none;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #000;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close {
  float: none;
  opacity: 0.8;
  color: #fd6081;
}
.close:focus, .close:hover {
  color: #f9ffff;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.8;
}
.adPlBlock{
  position: absolute;
  top: 15%;
  left: 45%;
  margin: 0 0 0 -316px;
  width: 635px;
  height:auto;
  z-index: 12;
  background: rgba(0,0,0,0.50);
  border: 1px solid rgba(0,0,0,1.00);
  display: block;
  overflow: hidden;
  text-align: center;
}
.pl_spot {
  float: left;
  margin: 5px 0px 5px 10px;
  overflow: hidden;
  width: 300px;
  height: 250px;
}
.p_spot {padding-bottom: 5px;}
.m_spot {text-align: center;padding: 5px;overflow: hidden;margin: 0px auto;}
.bottom-adv {
  margin: 10px 0 10px;
  text-align: center;
  font-size: 0;
  box-shadow: 0 0 1px 1px rgba(7,6,6,1);
}
.bottom-adv .p_spot, .bottom-adv .m_spot, .bottom-adv .w_spot, .bottom-adv .q_spot {
  display: inline-block;
  vertical-align: top;
  width: 305px;
  overflow: hidden;
  margin: 1px;
}
/* end ad_blocks */
.footer {
  background-color: rgb(15,15,15);
  color: #7f7f7f;
  padding: 15px 5px;
  margin: 20px 0 0 0;
  text-align: center;
}
.footer .content {
  font-size: 12px;
  text-transform: uppercase;
}
.footer .content p {margin: 5px 0px 5px;}
.footer span {
  color: #8f9924;
  font-size: 14px;
}
@media screen and (min-width: 861px) {
  .thumbwrap, .txt_top LI, .model_list OL {width: 20%;}
}
@media (max-width: 1369px) {
  .blockPlayer {
    width: 52%;
  }
}
@media (max-width: 1224px) {
  .srchform {
    width: 180px;
  }
}
@media (max-width: 1161px) {
  .blockPlayer {
    width: 100%;
    max-width: 100%;
    position: relative;
  }
  .block-pub-side {
    width: 100%;
    position: relative;
    margin: 5px auto 0;
  }
  .SideBoxer {
    width: 620px;
    margin: 0px auto;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
  }
  .block-pub-side .p_spot {
    margin: 0px 5px;
    float: left;
    flex-grow: 1;
    text-align: center;
  }
  .adPlBlock {
    position: absolute;
    top: 15%;
    left: 50%;
    margin: 0 0 0 -316px;
    width: 635px;
    height: auto;
    z-index: 12;
    background: rgba(78, 74, 78, 0.8);
    border: 1px solid rgba(0,0,0,1.00);
    display: block;
    overflow: hidden;
    text-align: center;
  }
  .video-top {
    	width: 100%;
    	margin: 0px;
	}
	.tp {
    	width: 33%;
    	float: left;
    	margin: 0 0px 4px 1px;
	}
}
@media (max-width: 1031px) {
  .search{width: 100%;margin: 0px 0px 5px 0px;}
  .srchform {width: 80%; float: left;}
  .searchbtm { float: right;width: 15%;padding: 9px;margin-top: 5px;}
  .thumb A SPAN {  
    font-size: 13px;
	line-height: 14px;
  }
}
@media (max-width: 876px) {
  .container-fluid {padding-right: 5px;padding-left: 5px;}
  .menu{width: 95%;}
  .logo{float: none;margin: 0px auto;text-align: center;}
  .navbar {width: 100%; margin: 5px auto; float: none;text-align:center;}
  .description{/*display: none;*/}
  .thumbwrap, .txt_top LI {width: 50%;}
  .nav_center {width: 90%;}
  .pagination {float: none;}
  .blockTitle {float: none;font-size: 10px; height: 100%;}
  .titleWrapper H2 {font-size: 17px;}
  .SideBoxer {width: 100%;}
  .adPlBlock,.navMenu,.wrapperPag {/*display:none;*/}
  .m_spot {
    padding: 0px;
    margin: 0px auto;
  }
  a#pull {
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 3%;
    width: 50px;
    position: relative;
    float: right;
    margin-top: -25px;
  }
  a#pull:before {
    content: "";
    position: absolute;
    right: 0px;
    top: 9.5px;
    display: block;
    width: 25px;
    height: 2px;
    background: #fd6081;
  }
  a#pull:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 14.5px;
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-top: 2px solid #fd6081;
    border-bottom: 2px solid #fd6081;
    width: 25px;
    height: 3px;
  }
  .thumb A SPAN {  
    font-size: 16px;
	line-height: 14px;
	font-family: monospace;
  }
}
@media (max-width: 535px) {
  .thumbwrap, .txt_top LI {width: 50%;}
  .navbar li A, .navbar li B {margin-top: 5px;}
  .thumb A SPAN {  
    font-size: 11px;
	line-height: 14px;
  }
}

/* zheka */

#kt_player {
    width: 100% !important;
    height: 100% !important;
}
    #kt_player object,
    #kt_player iframe,
    #kt_player video {
        width: 100% !important;
        height: 100% !important;
    }

.bottom-spots {
  margin-top: 20px;

  letter-spacing: -5px;
  text-align: center;
}
  .bottom-spots .spasibo {
    display: inline-block;

    letter-spacing: 0;
  }

@media screen and (max-width: 1230px) {
  .bottom-spots .spasibo:nth-child(4) {
    display: none;
  }
}

@media screen and (max-width: 930px) {
  .bottom-spots .spasibo:nth-child(3) {
    display: none;
  }
}

@media screen and (max-width: 630px) {
  .bottom-spots .spasibo:nth-child(2) {
    display: none;
  }
  
  .videoTitle {
    height: 78px;
  }
}

.g_hidden {
  display: none;
}

#flagging_container {
  display: block;

  margin-bottom: -10px;
  padding-top: 10px;
}
  #flagging_container:after {
    content: '';

    display: block;

    clear: both;
  }
  #flagging_container #flag_like_this_video {
    float: left;
    width: 30px;
    height: 30px;
    background: #2c2e31;
    background: -webkit-linear-gradient(top, #2c2e31, #131414);
    background: -moz-linear-gradient(top, #2c2e31, #131414);
    background: -ms-linear-gradient(top, #2c2e31, #131414);
    background: -o-linear-gradient(top, #2c2e31, #131414);
    text-shadow: 1px 1px #000;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: inset 1px 1px 0 rgba(57,58,62,1);
    text-align: center;
    font-size: 18px;
    line-height: 26px;
  }
  #flagging_container #flag_dislike_this_video {
    float: left;
    width: 30px;
    height: 30px;
    background: #2c2e31;
    background: -webkit-linear-gradient(top, #2c2e31, #131414);
    background: -moz-linear-gradient(top, #2c2e31, #131414);
    background: -ms-linear-gradient(top, #2c2e31, #131414);
    background: -o-linear-gradient(top, #2c2e31, #131414);
    text-shadow: 1px 1px #000;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: inset 1px 1px 0 rgba(57,58,62,1);
    text-align: center;
    font-size: 18px;
    line-height: 26px;
  }
  #flagging_container .bar-container {
    float: left;

    width: 160px;

    padding: 0 10px;

    text-align: center;
  }
    #flagging_container .bar-container .voters {
      line-height: 24px;
    }
    #flagging_container .bar-container .scale-holder {
      display: block;
      position: relative;

      width: 100%;
      height: 3px;

      background: red;
    }
    #flagging_container .bar-container .scale-holder .scale {
      display: block;
      position: absolute;

      top: 0;
      left: 0;

      height: 3px;

      background: green;
    }

.info-line {
  padding-bottom: 10px;

  text-align: center;
}
  .info-line .info_row {
    display: inline-block;
  }
  .info-line ul {
    margin-top: 10px;
  }
/* ===== porntop-style typography & colors + video title fix (2026-10-08) ===== */
body{font-family:Verdana,Geneva,sans-serif;font-size:14px;color:#fff;-webkit-font-smoothing:antialiased}
A{color:#fff}
A:hover{color:#ff4242}
.sTitle{font-family:Verdana,Geneva,sans-serif;color:#fff;font-weight:400}
.logo A SPAN{color:#ff4242}
/* video title: no fixed height, never overlaps the player */
.videoTitle{height:auto!important;min-height:0;overflow:visible;padding:12px 15px 10px;color:#fff}
.videoTitle h1{margin:0;font-family:Verdana,Geneva,sans-serif;font-weight:400;font-size:20px;line-height:28px;color:#fff;word-wrap:break-word}
@media (max-width:876px){.videoTitle h1{font-size:17px;line-height:24px}}
@media (max-width:535px){.videoTitle{padding:10px 10px 8px}.videoTitle h1{font-size:15px;line-height:21px}}
/* thumbs */
.thumb A SPAN{font-family:Verdana,Geneva,sans-serif;font-size:14px;line-height:17px;color:#d4d2d9}
.thumb A:hover SPAN{color:#fff}
/* links & menus */
a.category,.searches A,.nav_panel .nav_center .nav_menu A,.info-line li a{color:#d4d2d9}
a.category:hover,a.category:active,.searches A:HOVER,.nav_panel .nav_center .nav_menu A:HOVER,.info-line li a:hover,.pagination LI a.active,.searchbtm:hover{color:#ff4242}
.titleWrapper SPAN,.model_list OL LI H2,.footer span,.note B,.close{color:#ff4242}
.model_list OL LI{color:#d4d2d9}
.description{color:#d4d2d9;line-height:1.5}
.terms,.footer,.note{color:#a5a1ad}

/* header "Популярные категории": tidy left-aligned row (2026-10-08) */
.searches{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px 18px;font-weight:400;font-size:14px;line-height:20px;margin:10px 0 6px}
.searches .searches-label{color:#a5a1ad;white-space:nowrap}
.searches A{flex-grow:0;text-align:left;white-space:nowrap;margin:0}
.searches A:HOVER{text-decoration:none}
@media (max-width:876px){.searches{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;gap:6px 14px}.searches::-webkit-scrollbar{display:none}}

/* ===== Мобильная шапка: фикс 08.10.2026 =====
   Причина поломки: .menu имеет display:table, а добавленное правило
   .searches{flex-wrap:nowrap} сделало строку категорий нерастяжимой.
   Таблица раздулась по min-content до 1523px при экране 375px, из-за чего
   логотип и меню (text-align:center) уехали за правый край экрана, а страница
   получила горизонтальную прокрутку. Ниже: на мобильных .menu — обычный блок,
   категории переносятся по строкам. Десктоп не затронут. */
@media (max-width: 876px) {
  .header   {display:block; width:100%}
  .menu     {display:block; width:100%; margin:0}
  .logo     {float:none; margin:0; text-align:center; max-width:100%}
  .navMenu  {display:block; max-width:100%; overflow:hidden}
  .navbar   {display:block; width:100%; margin:5px auto; float:none; text-align:center}
  .search   {float:none; width:100%; margin:6px 0}
  .search form {display:flex; gap:6px}
  .srchform {flex:1 1 auto; min-width:0}
  .searches {float:none; flex-wrap:wrap; overflow-x:visible; justify-content:center; max-width:100%}
  /* блок описания: content-box + отрицательный правый margin вылезал за экран */
  .description {box-sizing:border-box; width:auto; max-width:100%; margin-right:0}
}

/* ===== Заголовки под тумбами: фикс 08.10.2026 =====
   Было: .thumb A SPAN{height:35px; line-height:17px} — в коробку влезали
   ровно 2 строки, третья обрезалась пополам (и на мобильных, и на десктопе).
   Стало: коробка ровно на 3 строки (3*17+8=59px), длинные заголовки
   обрезаются по границе строки с многоточием, сетка карточек остаётся ровной. */
.thumb A SPAN{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  height:auto;
  min-height:51px;
  line-height:17px;
  font-size:14px;
}

/* ===== 08.10.2026, часть 2: время на тумбе, слайдер категорий, строка поиска =====
   1) .duration имел bottom:50px — значение было подогнано под старую высоту
      заголовка (43px). После перехода на 3 строки (59px) бейдж уезжал на текст.
      Теперь высота заголовка задана переменной, а отступ бейджа считается от неё:
      менять надо только --thumb-title-h.
   2) Категории в шапке — горизонтальный слайдер (свайп на тач, стрелки на мышке).
   3) Строка поиска — единая тёмная «таблетка» с иконкой лупы вместо кнопки. */

:root{--thumb-title-h:59px}
.thumb A SPAN{box-sizing:border-box;height:var(--thumb-title-h);min-height:0}
.duration{bottom:calc(var(--thumb-title-h) + 5px)}

/* --- строка поиска --- */
.search{float:none;display:block;text-align:left}
.search form{display:flex;align-items:center;background:#1b1c1f;border:1px solid #2e3034;border-radius:24px;padding:3px 3px 3px 16px;max-width:560px;margin:0 0 0 auto;transition:border-color .15s ease}
.search form:focus-within{border-color:#ff4242}
.srchform{flex:1 1 auto;min-width:0;width:auto;height:38px;margin:0;padding:0;background:transparent;border:0;outline:0;color:#fff;font-size:15px;text-indent:0;border-radius:0;box-shadow:none}
.srchform::placeholder{color:#8b8b93;opacity:1}
.searchbtm{flex:0 0 auto;width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:0;border-radius:50%;background:transparent;color:#d4d2d9;box-shadow:none;text-shadow:none;cursor:pointer;transition:background .15s,color .15s}
.searchbtm:hover{color:#ff4242;background:#26272b}
.searchbtm svg{display:block}

/* --- слайдер категорий --- */
.searches-wrap{margin:10px 0 8px}
.searches-label{display:block;color:#a5a1ad;font-size:13px;line-height:18px;margin:0 0 6px;white-space:nowrap}
.searches-slider{position:relative}
.searches{display:flex;flex-wrap:nowrap;align-items:stretch;gap:8px;margin:0;padding:2px 0;width:auto;float:none;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;font-weight:400;font-size:14px}
.searches::-webkit-scrollbar{display:none}
.searches A{flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;margin:0;padding:8px 14px;background:#232427;border:1px solid #2e3034;border-radius:8px;color:#d4d2d9;font-size:14px;line-height:18px;white-space:nowrap;text-align:center;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.searches A:hover,.searches A:focus{background:#2c2e31;border-color:#3a3c41;color:#fff;text-decoration:none}
.searches-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #2e3034;border-radius:50%;background:#1b1c1f;color:#d4d2d9;font-size:19px;line-height:1;cursor:pointer;opacity:.95}
.searches-nav:hover{background:#2c2e31;color:#fff}
.searches-prev{left:-2px}
.searches-next{right:-2px}
.searches-slider.at-start .searches-prev,
.searches-slider.at-end .searches-next,
.searches-slider.no-scroll .searches-nav{display:none}
@media (hover:none){.searches-nav{display:none!important}}

/* Блок категорий вынесен из .menu (там display:table, и слайдер с nowrap
   снова раздувал таблицу по min-content — на десктопе страница уезжала
   до 1591px при экране 1200). Теперь он обычный блок во всю ширину шапки. */
.header{display:block;width:100%;min-width:0}
.searches-wrap{max-width:100%;min-width:0;clear:both}
.searches-slider{max-width:100%;min-width:0}

/* ===== 08.10.2026, часть 3 =====
   1) Поле поиска — без скруглений (прямые углы).
   2) Под лентой категорий — видимая горизонтальная полоса прокрутки
      (раньше была скрыта через scrollbar-width:none).
   3) Категорий в ленте стало 16 (admin/data/config/$global/
      list_categories_categories.dat, items_per_page). */

/* поиск без скруглений */
.search form{border-radius:0}
.searchbtm{border-radius:0}

/* видимая полоса прокрутки под лентой категорий */
.searches{scrollbar-width:thin;scrollbar-color:#4a4d54 #1b1c1f;padding-bottom:10px}
.searches::-webkit-scrollbar{display:block;height:8px}
.searches::-webkit-scrollbar-track{background:#1b1c1f;border:1px solid #2e3034}
.searches::-webkit-scrollbar-thumb{background:#4a4d54}
.searches::-webkit-scrollbar-thumb:hover{background:#5d616a}
/* стрелки центруем по плиткам, а не по полосе прокрутки */
.searches-nav{transform:translateY(calc(-50% - 5px))}

/* =========================================================
   Блок «Просмотрено» — история просмотров посетителя
   (наполняется на клиенте, js/watched.js)
   ========================================================= */
.watchedBlock{clear:both;width:100%}
.watchedClear{
  float:right;background:#232427;border:1px solid #2e3034;color:#a5a1ad;
  font-family:Verdana,Geneva,sans-serif;font-size:13px;line-height:1;
  padding:8px 14px;cursor:pointer;
}
.watchedClear:hover{color:#fff;border-color:#4a4d54}
.watched-noimg{
  display:block;width:100%;height:0;padding-bottom:75%;
  background:#1b1c1f;border:1px solid #2e3034;box-sizing:border-box;
}
@media (max-width:876px){
  .watchedClear{float:none;display:block;margin:4px auto 8px;font-size:12px;padding:6px 12px}
}