html{font-family:sans-serif;-ms_text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:62.5%}body{margin:0;font-family:-apple-system,system-ui,BlinkMacSystemFont,segoe ui,roboto,oxygen,ubuntu,cantarell,fira sans,droid sans,helvetica neue,sans-serif;font-family:roboto,oxygen,ubuntu,cantarell,fira sans,droid sans,helvetica neue,sans-serif;background-color:#111;color:#fff;font-size:12px;font-weight:700}*{-webkit-font-smoothing:antialiased}*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}::-webkit-input-placeholder{color:#a2a2a2;font-weight:300}::-moz-placeholder{color:#a2a2a2;font-weight:300}:-moz-placeholder{color:#a2a2a2;font-weight:300}:-ms-input-placeholder{color:#a2a2a2;font-weight:300}.content{*zoom:1;width:100%;margin:0 auto;max-width:1480px;padding-left:20px;padding-right:20px}.tMBr{display:none;margin:10px auto 20px;text-align:center;padding:20px;background:#6f6767;}.tMBr img{object-fit:cover}.cvr{object-fit:cover;}.content:before,.thumbs:before{content:" ";display:table}.content:after,.thumbs:after{clear:both}h1,h2{text-transform:uppercase;color:darkgray}li>a,footer a,#buttonUp span,.video-info a{-webkit-transition:color .15s ease-in-out;-moz-transition:color .15s ease-in-out;-o-transition:color .15s ease-in-out;transition:color .15s ease-in-out;text-decoration:none;font-weight:700;line-height:16px;height:16px;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-size:1.2rem;color:#fff}li>a:focus,footer a:focus,#buttonUp span:focus,.video-info a:focus{outline:thin dotted}li>a:active,li>a:hover,footer a:active,footer a:hover,#buttonUp span:active,#buttonUp span:hover,.video-info a:active,.video-info a:hover{outline:0;color:#ff4000}header{margin:0 0 15px;width:100%;z-index:100;background:#111c;border-bottom:1px solid #444;-webkit-transition:.2s -webkit-transform linear;transition:.2s transform linear}header .content{display:flex;align-items:center;height:56px;position:relative}header .logo{order:-1;margin-right:20px}header .logo a{display:block;position:relative}header nav{margin:0;order:3;text-align:right;font-size:14px;line-height:16px}header nav ul{display:inline-block;list-style:none;margin:0}header nav ul li{display:inline-block;padding:0 12px}header nav ul li:first-child{padding-left:0}header nav ul li:last-child{padding-right:0}header nav a{color:#fff;font-size:16px;font-weight:700;line-height:1.3;letter-spacing:-.4px}header nav a:hover{color:#ff4000}header .search{flex:1 auto;order:2;position:relative;margin:0}header .search input[type=text]{line-height:normal;border:1px solid #d6d6d6;color:#111;top:50%;height:32px;margin:0;max-width:none;position:static;width:100%;padding:0 10px;font-weight:700;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;font-size:16px;font-size:1.6rem;-webkit-transition:border-color .2s ease-in-out,width .3s ease-in-out;-moz-transition:border-color .2s ease-in-out,width .3s ease-in-out;-o-transition:border-color .2s ease-in-out,width .3s ease-in-out;transition:border-color .2s ease-in-out,width .3s ease-in-out}header .search input[type=text]:focus{border-color:#ff4000;outline:none}header .search label{cursor:pointer;position:absolute;top:50%;margin-top:-10px;right:14px}header .search label svg:last-child{display:none}header .search label svg path{fill:#777}header .search label:hover svg path{fill:#ff4000}body.search-open header .search{position:absolute;left:0;right:0}body.search-open header .search .wrapper{display:block;position:absolute;bottom:-76px;right:0;left:0;padding:5px 10px;background:#111c}body.search-open header .search .wrapper input[type=text]{display:block;border-right:none;border-left:none;border-top:none;max-width:none;width:100%}body.search-open header .search label svg:first-child{display:none}body.search-open header .search label svg:last-child{display:block}body.search-open header .search label svg:last-child path{fill:#ff4000}.section-header2{display:none}.section-header{display:-ms-flexbox;display:-webkit-flex;display:flex;overflow:hidden;max-height:46px}.tag-list{padding:0;margin:0;list-style-type:none;overflow:hidden}.tag-list li{display:inline-block;margin:0 4px 6px}.tag-list li:first-child{margin-left:0}.tag-list li a{background-color:#333;color:#ddd;display:inline-block;font-weight:700;padding:0 15px;height:40px;line-height:40px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-transition:background-color .15s ease-in-out;-moz-transition:background-color .15s ease-in-out;-o-transition:background-color .15s ease-in-out;transition:background-color .15s ease-in-out}.tag-list li a:hover{background-color:#ff4000;color:#fff}.thumbs{line-height:18px;list-style:none;margin:0 auto 15px;padding:0;font-size:0;font-size:0}.thumbs li{display:inline-block;vertical-align:top;font-size:12px;font-size:1.2rem;text-align:center}.thumbs li.i-hide{display:none}.thumbs li:hover .thumb:before{border-width:3px}.thumbs li:hover .title{color:#ff4000}.thumbs .thumb{background:#2a2a2a;cursor:pointer;display:block;margin:0 0 3px;overflow:hidden;padding-top:56.25%;position:relative;border:1px solid #111}.thumbs .thumb:before{content:"";border:0 solid #ff4000;bottom:0;left:0;outline:1px solid #444;position:absolute;right:0;top:0;z-index:50;-webkit-transition:border .15s ease-in-out;-moz-transition:border .15s ease-in-out;-o-transition:border .15s ease-in-out;transition:border .15s ease-in-out}.thumbs .title{display:inline-block}.thumbs .meta{display:block;background:#333;background:#00000047;bottom:4.4444444444444%;color:#fff;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;z-index:60}.thumbs .meta.time{right:2.8571428571429%;padding:4px 6px 2px;font-size:11px}.thumbs .meta.age{left:2.8571428571429%;padding:4px 6px 2px;font-size:11px}.thumbs img{height:100%;left:0;max-width:none;position:absolute;top:0;width:100%;object-fit:cover}.thumbs.categories .thumb{margin:0 0 5px}.thumbs.categories .title{width:100%;text-align:center;font-size:16px;font-size:1.6rem}.categories ul,.friends ul{list-style:none;margin:0;padding:0;font-size:14px;font-size:1.4rem}.categories ul li,.friends ul li{display:inline-block;position:relative}.categories ul li.title,.friends ul li.title{color:#ff4000;margin:10px 0;width:100%;display:block;font-size:16px;font-size:1.6rem;border-bottom:1px solid #444}.categories ul li span,.friends ul li span{position:absolute;right:10px;bottom:2px;color:#777;font-size:12px;font-size:1.2rem}.error{display:block;margin:50px;font-size:20px;font-size:2rem;text-align:center}.paginator{overflow:hidden;max-height:46px;margin-bottom:20px}.paginator ul{display:-ms-flexbox;display:-webkit-flex;display:flex;padding:0;margin:0;list-style-type:none;overflow:hidden;justify-content:center}.paginator ul li{display:inline-block;margin:0 10px;width:8%;text-align:center}.paginator ul li:first-child{margin-left:0}.paginator ul li:last-child{margin-right:0}.paginator ul li a{width:100%}.paginator ul li span{width:100%;background-color:#222;color:#ddd;display:inline-block;padding:0 15px;height:40px;line-height:40px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.paginator ul li.highlight a{background-color:#ff4000}.paginator ul a{background-color:#333;color:#ddd;display:inline-block;font-weight:700;padding:0 15px;height:40px;line-height:40px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-transition:background-color .15s ease-in-out;-moz-transition:background-color .15s ease-in-out;-o-transition:background-color .15s ease-in-out;transition:background-color .15s ease-in-out}.paginator ul a:hover{background-color:#ff4000;color:#fff}.video-info .line span,.video-info .line a{color:#777}.m-add,.m-dur,.m-cat,.video-info .line{color:#a2a2a2!important}.video-info .line a:hover{color:#ff4000}.ntv-c{text-align:center}.video-info .line a+a::before{content:", ";margin-right:4px;color:#777}.video-content{display:flex}.video-content .video2{flex:1 auto;order:1;position:relative;}.video-content .adv{order:2;margin-left:10px}.video-content .adv .ntv-b{margin-top:10px}.video .player{padding-top:56.25%;position:relative;margin-bottom:10px;background-color:#000}.video .player iframe{height:100%;left:0;max-width:none;position:absolute;top:0;width:100%;}footer{margin:20px 0;color:#777}footer div{font-size:10px;font-size:1rem;margin:20px 0}footer p{margin:4px 0}#buttonUp{position:fixed;z-index:100;bottom:0;right:0;margin:10px;cursor:pointer}#buttonUp span{display:block;opacity:.6;padding:20px;line-height:20px;background:#444;border-radius:10px;height:auto}#buttonUp span:hover{opacity:1;background-color:#ff4000;color:#fff}.fadein{-webkit-animation:fadein 1s linear forwards;animation:fadein 1s linear forwards}@keyframes fadein{0%{opacity:0}100%{opacity:1}}.fadeout{-webkit-animation:fadeout 1s linear forwards;animation:fadeout 1s linear forwards}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}.img_t{width:50%!important;margin:0 0 0 90px}@media only screen and (min-width:1100px){.categories ul>li,.friends ul>li{width:19.7%}.thumbs>li:nth-of-type(4n+1){margin-left:0}.thumbs>li:nth-of-type(4n){margin-right:0}.thumbs>li{margin:0 .25% 12px;width:24.62%}}@media only screen and (max-width:1099px) and (min-width:720px){.categories ul>li,.friends ul>li{width:24.6%}.content{padding-left:16px;padding-right:16px}.thumbs>li:nth-of-type(3n+1){margin-left:0}.thumbs>li:nth-of-type(3n){margin-right:0}.thumbs>li{margin:0 .4% 12px;width:32.8%}}@media only screen and (max-width:719px) and (min-width:380px){.thumbs li.i-hide{display:inline-block}.categories ul>li,.friends ul>li{width:32.8%}.content{padding-left:10px;padding-right:10px}.thumbs>li:nth-of-type(2n+1){margin-left:0}.thumbs>li:nth-of-type(2n){margin-right:0}.thumbs>li{margin:0 .5% 12px;width:49.5%}.paginator ul li{display:none;width:20%;text-align:center}.paginator ul li a{width:100%}.paginator ul li.prev,.paginator ul li.next,.paginator ul li.highlight{display:inline-block}}@media only screen and (max-width:649px) and (min-width:380px){.img_t{margin:0 0 0 50px}.categories ul>li,.friends ul>li{width:49.5%}}@media only screen and (max-width:379px){.img_t{margin:0 0 0 85px}.categories ul>li{width:100%}.friends ul>li{width:100%}.thumbs>li:nth-of-type(1n+1){margin-left:0}.thumbs>li:nth-of-type(1n){margin-right:0}.thumbs>li{margin:0 0 6px;width:100%}.content{padding-left:10px;padding-right:10px}h1,h2{font-size:20px}.paginator ul li{display:none;width:20%;text-align:center}.paginator ul li a{width:100%}.paginator ul li.prev,.paginator ul li.next,.paginator ul li.highlight{display:inline-block}}@media only screen and (max-width:869px) and (min-width:650px){header .logo{margin-right:10px}header .search{order:10}header .search input{display:none}}@media only screen and (max-width:649px){header .content{justify-content:center}header nav{display:none}header .logo{margin-right:0}header .search{flex:none;order:unset;position:static}header .search input{display:none}footer{text-align:center}}@media only screen and (max-width:1099px){.video-content{display:block}.video-content .adv{display:flex;margin:20px 0}.video-content .adv .ntv-a{text-align:center;flex:1 auto}.video-content .adv .ntv-b{text-align:center;flex:1 auto;margin-top:0}}@media only screen and (max-width:650px){.video-content .adv .ntv-a,.video-content .adv .ntv-b{display:none}}@media screen and (min-width:100px) and (max-width:320px){.video-content .adv .ntv-a img,.ntv-c img{width:100%;height:100%;}}<!---->.blgs-ipp-container{display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;background:#fff;border-radius:10px;margin:20px;cursor:pointer;z-index:999;position:fixed;color:initial}.blgs-ipp-description-2{font-weight:100;color:#2c2c3d;font-family:monospace;margin:5px 0 0;font-size:12px}.blgs-ipp a{text-decoration:none;}.blgs-w{width:384px;height:96px;}.blgs-ipp-container.h-left{left:0}.blgs-uni1{width:130px;height:130px;}.blgs-ipp-container.h-right{right:0}.blgs-ipp-container.h-center{left:50%;margin-left:-192px}.blgs-ipp-container.v-bottom{bottom:0}.blgs-ipp-container.v-middle{top:50%;margin-top:-48px}.blgs-ipp-container.second-notification{margin-bottom:136px}.blgs-ipp-container.second-notification.v-top{margin-top:136px}.blgs-ipp-container.second-notification.v-middle{margin-top:136px;margin-top:-164px}.blgs-ipp-container.mobile{width:initial;left:0;right:0;margin-left:20px;margin-right:20px;margin-bottom:20px}.blgs-ipp-image{width:auto;height:96px;background:rgba(219,218,215,0.9);border-radius:10px 0 0 10px;flex-shrink:0;max-width:none}.blgs-ipp-text-container{display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;flex-direction:column;-ms-flex-direction:row;-webkit-flex-direction:column;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center;margin-left:16px;width:100%;text-align:center;line-height:20px}.blgs-ipp-title a{font-weight:700;font-size:17px;line-height:18px;color:#000;text-decoration:none}.blgs-ipp-close-button{margin-right:10px;margin-left:auto;align-self:center;-ms-flex-item-align:center;border-radius:50%;padding:6px}.blgs-ipp-container{top:-555px}@media screen and (min-width:100px) and (max-width:480px){.blgs-w{width:90%!important}}.spn1{color:#000;font-weight:bold;display:block;}.spn2{font-weight:100;font-size:12px;}<!---->.pOqVuGR-block{background:#fff;border-radius:15px;padding:8px;position:relative}.sticker_container .pOqVuGR-block,.sticker_container .pOqVuGR-block-spec{box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;min-width:320px;max-width:360px;overflow:hidden;font-family:'Open Sans',sans-serif}.sticker_container .sticker_block__body{display:flex;margin-top:5px;z-index:11}.sticker_container .sticker_block__body .block-body__right{flex:0 1 100%;display:flex;flex-direction:column;justify-content:space-around;word-break:break-word;min-height:100%}.pOqVuGR-text-body{display:inline-block}.pOqVuGR-text-body a{color:#000;font-size:15px;line-height:18px;text-decoration:none;font-weight:500;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;  overflow-wrap:anywhere;hyphens:auto;}.pOqVuGR-button{padding:0;border:none;font:inherit;color:inherit;background:#000;font-weight:300;color:#FFF;text-transform:none}.sticker_container .pOqVuGR-button{font-size:13px;text-rendering:auto;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;display:inline-block;text-align:center;box-sizing:border-box;margin:0 auto;padding:1px 6px;border:none;border-radius:5px;padding:5px;display:flex;align-items:center;justify-content:center;width:120px;cursor:pointer;background: linear-gradient(-45deg,#1a1c1c,#41685e,#2a2f31,#141918);}.pOqVuGR-button a{color:#fff!important;text-decoration:none}.sticker_container .sticker_block__body.pOqVuGR-flex-50 .block-body__left{margin:0;flex:0 1 100%;word-break:break-word}.sticker_container .pOqVuGR-background-block{width:70px;height:70px;border-radius:5px;position:relative;overflow:hidden}.pOqVuGR-image-block{width:100%;height:100%;background-size:cover;position:absolute;top:0;left:0}.pOqVuGR-image-block img{width:100%;height:100%}.sticker_container .pOqVuGR-background-block .pOqVuGR-absolute-date{position:absolute;right:10px;top:5px}.pOqVuGR-timer{color:#000;font-size:11px}.sticker_container .pOqVuGR-timer{text-transform:uppercase;display:flex;align-items:center;padding:0}.block-body__right{padding:10px;justify-content:space-between}.block-body__left{max-width:140px;min-height:140px}@media screen and (min-width:100px) and (max-width:340px){.sticker_container .pOqVuGR-block,.sticker_container .pOqVuGR-block-spec{min-width:200px}}@media screen and (min-width:100px) and (max-width:320px){.block-body__right{padding:0 10px 5px}}.blgs-ipp-container{border:3px solid #7f7f7f}.blgs-ipp-image{width:130px;height:130px;object-fit:cover}.blgs-ipp-container{height:auto}@media screen and (min-width:100px) and (max-width:360px){.blgs-ipp-image,.blgs-uni1{width:100px;height:100px}.blgs-ipp-title a{font-size:14px}}.playpause{background-image:url('/uploads/play.png');background-repeat:no-repeat;width:50%;height:50%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background-size:contain;background-position:center;cursor:pointer}.thumbPlayer{margin-bottom:10px}.thumbPlayer img{width:100%;height:100%;bottom:0;left:0}.altvideoblock{position:relative;height:550px}.altvideoblock img{width:100%;height:100%;object-fit:cover}@media screen and (min-width:100px) and (max-width:480px){.blgs-ipp-container{width:90%;left:50%;transform:translateX(-50%);margin:20px 0 0}.sticker_container .pOqVuGR-block,.sticker_container .pOqVuGR-block-spec{min-width:100%;max-width:100%}.altvideoblock{height:240px}.block-body__left{max-width:120px;min-height:120px;}}@media screen and (min-width:100px) and (max-width:360px){.altvideoblock{height:220px}}@media screen and (min-width:100px) and (max-width:320px){.altvideoblock{height:200px}}.blgs-blc-1,.blgs-blc-2{display:none;}@media screen and (min-width:100px) and (max-width:320px){.altvideoblock{height:220px}.block-body__left{max-width:100px;min-height:100px}}<!---->#slidebox_container{display:none;}.v-top .sbclose{font-size:18px;color:#f52626!important;top:-30px;right:0;position:absolute;cursor:pointer;z-index:9999999;font-weight:700;text-decoration:none;top:-10px;right:0px;}
.fixInPe{position:fixed;bottom:0;width:100%;height:300px;z-index:9999;left:50%;transform:translateX(-50%);overflow:hidden;box-sizing:border-box;}.playpause{background-image:url('/uploads/play.png');background-repeat:no-repeat;width:30%;height:30%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background-size:contain;background-position:center;cursor:pointer}.player-controls{height:30px;bottom:0;left:0;right:0;position:absolute;background:rgba(0,0,0,0.75);background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#bf000000',GradientType=0)}.player-controls-left{width:73px;top:0;left:0;position:absolute;z-index:1}.player-controls img{width:100%;height:auto;display:block}.player-controls-right{width:30px;top:0;right:0;position:absolute;z-index:1}.player-controls-progress{height:3px;top:14px;left:68px;right:29px;position:absolute;background:#6d6d6d;background:rgba(255,255,255,0.3)}.player-controls-progress::after{height:3px;content:"";top:0;left:0;right:20%;position:absolute;background:#fff;background:rgba(255,255,255,0.3);-webkit-animation-duration:33s;animation-duration:33s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:widthFull;animation-name:widthFull;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes widthFull{from{width:0}to{width:68%}}@keyframes widthFull{from{width:0}to{width:68%}}

.video2{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* резерв по высоте под верх/низ (подгони один раз) */
:root{
  --vh-reserve: 220px;
}

/* контейнер видео 16:9 */
.video-stage{
  position: relative;
  aspect-ratio: 16 / 9;

  /* ключ: не даём ширине быть больше, чем позволяет высота */
  width: min(100%, calc((100vh - var(--vh-reserve)) * 16 / 9));
  max-height: calc(100vh - var(--vh-reserve));

  /* margin-inline: auto;   центрируем на ПК */
  /*overflow: hidden;*/
  border-radius: 14px;   /* опционально */
}

/* само видео */
.video-stage > video{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* ВАЖНО: оверлеи должны быть absolute, иначе их режет overflow */
.video-stage .playpause{
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none;
}

.video-stage .player-controls{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  pointer-events: none;
}

/* info гарантированно ниже и не перекрывается */
.video-info{
  position: relative;
  z-index: 2;
  text-align: left;
    margin-bottom: 15px;
}

/* h2 чтобы не "наезжал" */
h2.m-rel{
  position: relative;
  z-index: 1;
  clear: both;
  margin: 24px 0 12px;
}















header .content{
  height:56px;
  display:flex;
  align-items:center;
  gap:12px;
}

/* важно: логотип может сжиматься */
header .logo{
  min-width:0;
  display:flex;
  align-items:center;
}

/* nav пусть не раздувается */
header nav{ flex:0 0 auto; }

/* поиск всегда справа и не сжимается */
header form.search{
  display: block;
  margin-left:auto;
}

/* ===== LOGO ===== */
.bg-logo{
  padding:5px;
  background: burlywood;
  border-radius: 5px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  line-height:1;
  white-space:nowrap;

  /* ключевые строки против “залез на поиск” */
  max-width:100%;
  min-width:0;
  overflow:hidden;

  text-decoration:none;
}

.bg-logo__badge{
  background:#c51616;
  color:#fff;
  font-family: Impact, "Arial Black", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.5px;
  padding:7px 10px 6px;
  border-radius:4px;
  flex:0 0 auto;
  margin: 0 0 0 -5px;
}

.bg-logo__text{
  color:#222;
  font-family: Impact, "Arial Black", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.5px;

  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* под высоту 56 */
.bg-logo__badge,
.bg-logo__text{
  font-size:26px;
}

@media (max-width:420px){
  .bg-logo__badge,
  .bg-logo__text{ font-size:22px; }
}
@media (max-width:320px){
  .bg-logo__badge,
  .bg-logo__text{ font-size:18px; }
}











.js-hover-preview {
  position: relative;
  overflow: hidden;
}

/* картинка */
.js-hover-preview > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* видео создаётся динамически, но стиль задаём заранее */
.js-hover-preview > video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

  opacity: 0;
  transform: scale(1.01); /* чуть приятнее при появлении */
  transition: opacity 180ms ease, transform 180ms ease;
  pointer-events: none; /* чтобы hover не “перепрыгивал” на video */
}

/* когда видео активно */
.js-hover-preview.is-playing > video {
  opacity: 1;
  transform: scale(1);
}


.ad-slot { position: sticky; top: 16px; }



/* ОБЩИЙ БЛОК ВИДЕО */
.video-section{
  margin: 0 0 0 10px;
  padding: 22px 12px 18px;
  background: #0f1116;
  border-top: 2px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  box-shadow: 0 15px 40px rgba(0,0,0,.35);
}

/* Заголовок видео */
.video-section h1,
.video-section h2{
  margin: 0 0 18px;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.3;
  color: #fff;
  letter-spacing: .2px;
}

.belowFold{max-width:none}
.lp-split{
  display:flex;
  align-items:flex-start;
  gap:24px;
}

/* ЛЕВО */
.lp-left{
  flex: 0 1 auto;
  max-width: min(
      980px,
      calc((100vh - 120px) * 16 / 9),
      calc(100% - 360px - 24px)
  );
  width: 100%;
}

/* ПРАВО */
.lp-right{
  flex: 1 1 360px;
  min-width: 360px;
}

/* Сделаем сам плеер “первым экраном” */
.lp-left .video-stage{
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;        /* ключевое */
  max-height: calc(100vh - var(--vh-reserve));
  overflow: hidden;
  border-radius: 14px;
}

@media (min-width: 992px){
  .lp-left{
    /* player-max можно оставить твоим */
    max-width: min(
      var(--player-max),
      calc((100vh - var(--vh-reserve)) * 16 / 9),
      calc(100% - 360px - var(--gap, 24px))
    );
    width: 100%;
  }
}

/* чтобы video корректно вписывался */
.lp-left video{
  width:100%;
  height:100%;
  object-fit: cover; /* или contain, если нельзя кропать */
  display:block;
}



/* ВАЖНО: чтобы правый блок не растягивал строку из-за контента */
.lp-right, .lp-left{
  min-width: 0;
}

/* Если ширины не хватает: переносим вниз (иначе будет горизонтальный скролл) */
@media (max-width: 980px){
  .lp-split{
    flex-direction: column;
  }
  .lp-left{
    width: 100%;
  }
  .lp-right{
    min-width: 0;
    width: 100%;
  }
}

/* ---- ПК ---- */
@media (min-width: 992px) {
  .lp-split{
    display:flex;
    align-items:flex-start;
    gap:24px;
  }

  /* важно, чтобы контент не раздувал колонки */
  .lp-left, .lp-right{ min-width:0; }

  /* ЛЕВО: 16:9 от высоты первого экрана + ограничение, чтобы не был огромным */


  /* ПРАВО: занимает остаток, но не меньше 360 */
  .lp-right{
    flex: 1 1 auto;
    min-width: 360px;
  }
}

/* ---- МОБИЛКА ---- */
@media (max-width: 991.98px) {
  .belowFold{max-width:100%;width:100%}
  .video-section{margin:30px 0 0 0}
.lp-left .video-stage{
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 16 / 9;
  }

  .lp-left video{
    height: 100%;
  }
  .lp-split{
    display:flex;
    flex-direction:column;
    gap:16px;
  }

  .lp-left, .lp-right{
    flex:none;
    width:100%;
    max-width:100%;
    text-align:center;
    min-width:0;
  }

  .ad-slot{
    position:static;
    top:auto;
  }

  /* у тебя тут была ошибка: вложенный селектор */
  .ad-placeholder{ min-height:0 !important; }
}

@media (max-width: 991.98px){

  .lp-right{
    width: 100%;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;   /* центрирование */
  }

}

/* ---- ОЧЕНЬ УЗКИЕ (<=420px) ---- */
@media (max-width: 420px){

  .lp-right{
    max-width: 100%;
  }

}


:root{
  --accent:#ff1f3d;
  --bg:#0e0f14;
  --card:#171923;
}
.buffer{
  position:absolute;
  inset:0;
  background:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  display:none;
}
.lock{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.92);
  backdrop-filter:blur(6px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:20px;
  display:none;
}

.lock h2{
  font-size:20px;
  margin:0 0 10px 0;
  color: white;
}

.lock p{
  font-size:14px;
  opacity:.8;
  color: white;
  margin: 5px 0 20px 0;
}

.cta{
  display:block;
  width:100%;
  max-width: 360px;
  padding:16px;
  border-radius:12px;
  background:var(--accent);
  text-align:center;
  font-weight:bold;
  font-size:16px;
  color:#fff;
  text-decoration:none;
  box-shadow:0 8px 30px rgba(255,31,61,.5);
  animation:pulse 1.5s infinite;
}

@keyframes pulse{
  0%{transform:scale(1);}
  50%{transform:scale(1.05);}
  100%{transform:scale(1);}
}


.comments_outer{
  margin-top:14px;
  padding:12px;
  border-radius:14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}

.comments_head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.comments_titlewrap h3{
  margin:0;
  font-size:16px;
  line-height:1.2;
}
.comments_count{ opacity:.7; font-weight:400; }

.comments_hint{
  margin-top:4px;
  font-size:10px;
  opacity:.75;
}

.comments_sort{
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}

.sortBtn{
  appearance:none;
  border:0;
  background:transparent;
  color:inherit;
  opacity:.75;
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
}
.sortBtn.is-active{
  opacity:1;
  border-color:rgba(255,255,255,.22);
  background:rgba(255,255,255,.06);
}
.sortSep{ opacity:.35; }

.comments_inner{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.comment-outer{
  display:flex;
  gap:10px;
  padding:10px 10px 10px 5px;
  border-radius:12px;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.06);
}

.comment_user{
  flex:0 0 auto;
  width:56px;
  text-align:center;
}

.avatarWrap{
  display:inline-block;
  position:relative;
  width:44px;
  height:44px;
}
.avatarWrap img{
  width:44px;
  height:44px;
  border-radius:12px;
  object-fit:cover;
  display:block;
}

.badge{
  position:absolute;
  right:-3px;
  bottom:-3px;
  width:16px;
  height:16px;
  border-radius:50%;
  border:2px solid rgba(0,0,0,.6);
  background:rgba(255,255,255,.85);
}
.badge-verified{
  background:linear-gradient(135deg, rgba(0,200,255,.95), rgba(0,120,255,.95));
}

.comment_user_rating{
  display:block;
  margin-top:6px;
  font-size:11px;
  opacity:.8;
}

.pill{
  display:inline-block;
  padding:2px 6px;
  border-radius:999px;
  font-size:11px;
  margin-left:4px;
}
.pill-green{ background:rgba(0,255,140,.14); color:rgba(140,255,200,.95); }

.comment{ flex:1 1 auto; }

.comment_top{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
}
.comment_login{
  font-weight:600;
  font-size:13px;
  color:darkgrey;
}
.comment_time{
  font-size:11px;
  opacity:.65;
}

.comment_text{
  margin-top:6px;
  font-size:13px;
  line-height:1.35;
  opacity:.95;
}
.emoji{ margin-left:4px; }

.comment_down{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
}

.replyBtn{
  appearance:none;
  border:0;
  background:transparent;
  color:inherit;
  opacity:.7;
  font-size:12px;
  padding:4px 0;
}
.replyBtn:active{ opacity:1; }

.comment_rate{
  display:flex;
  align-items:center;
  gap:8px;
}

.rateBtn{
  width:28px;
  height:28px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  position:relative;
}
.rateBtn.plus::before,
.rateBtn.minus::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:12px;
  height:2px;
  transform:translate(-50%,-50%);
  background:rgba(255,255,255,.8);
}
.rateBtn.plus::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:2px;
  height:12px;
  transform:translate(-50%,-50%);
  background:rgba(255,255,255,.8);
}

.comm-rate{ font-size:12px; min-width:18px; text-align:center; }
.comm-rate.green{ color:rgba(140,255,200,.95); }
.comm-rate.red{ color:rgba(255,140,140,.95); }

.helper{
  margin-top:10px;
  font-size:12px;
  opacity:.7;
}
.helper a{ color:inherit; text-decoration:underline; }



.video-rating.video-bubble{
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}

.post-ratings{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.rating_item{
  appearance:none;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  width:40px;
  height:36px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  flex:0 0 auto;
}

.rating_item svg{
  width:20px;
  height:20px;
  fill:rgba(255,255,255,.9);
  display:block;
}

.rating_item:active{ transform:scale(.98); }
.rating_item:hover{ border-color:rgba(255,255,255,.22); }

.rating_on{
  border-color:rgba(140,255,200,.28);
  background:rgba(0,255,140,.10);
}
.rating_off{
  border-color:rgba(255,140,140,.22);
  background:rgba(255,80,80,.08);
}

/* Иконки “плюс/минус” — без внешних svg */
.rating_1::before{
  /* thumbs-up условно */
  background:
    radial-gradient(circle at 55% 45%, rgba(255,255,255,.95) 0 35%, transparent 36%),
    linear-gradient(rgba(255,255,255,.95), rgba(255,255,255,.95));
  background-size: 18px 18px, 10px 2px;
  background-position: center, 52% 70%;
  background-repeat:no-repeat;
}
.rating_2::before{
  /* thumbs-down условно */
  background:
    radial-gradient(circle at 55% 55%, rgba(255,255,255,.95) 0 35%, transparent 36%),
    linear-gradient(rgba(255,255,255,.95), rgba(255,255,255,.95));
  background-size: 18px 18px, 10px 2px;
  background-position: center, 52% 30%;
  background-repeat:no-repeat;
}



.rating_score{
  margin-left:auto;
  text-align:right;
  line-height:1.1;
  padding-left:6px;
  flex:1 1 auto;
  min-width:120px;
}

.rating_pct{
  font-size:16px;
  font-weight:700;
  letter-spacing:.2px;
}

.rating_meta{
  margin-top:4px;
  font-size:12px;
  opacity:.75;
}

/* твой legacy-ховер блок — спрятан по умолчанию, можно оставить */
.upper_hr{
  display:none;
}



.playpause--hot {
  position: absolute;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: #c51616;
  display: flex!important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 0 0 rgba(255, 0, 0, 0.6);
  animation: pulse 1.8s infinite;
}

.playpause--hot::after {
  content: '';
  border-style: solid;
  border-width: 11px 0 11px 19px;
  border-color: transparent transparent transparent burlywood;
  margin-left: 5px;
}

.playpause--hot:hover {
  transform: scale(1.1);
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.6); }
  70% { box-shadow: 0 0 0 20px rgba(255, 0, 0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); }
}
#news-id-rating.ratedPulse{
  animation:ratedPulse .6s ease-out 1;
}
@keyframes ratedPulse{
  0%{ transform:scale(1); }
  40%{ transform:scale(1.02); }
  100%{ transform:scale(1); }
}

.pulsePlay{
  animation: pulsePlay 1.8s ease-out 1;
}
@keyframes pulsePlay{
  0%{ transform: scale(1); }
  35%{ transform: scale(1.08); }
  100%{ transform: scale(1); }
}