:root{
  --nf-bg:#0b0b0f;
  --nf-surface:#141414;
  --nf-surface-2:#1b1b1f;
  --nf-card:#18181d;
  --nf-text:#f5f5f7;
  --nf-muted:#b3b3bd;
  --nf-red:#e50914;
  --nf-red-2:#b20710;
  --nf-border:#2a2a33;
}
html,body{background:var(--nf-bg)!important;color:var(--nf-text)!important}
.wrapper-main{max-width:1360px}
a{transition:.2s ease}
a:hover{color:#fff}
.header,.footer,.side-block,.item,.sect,.carousels{border-radius:14px}
.header{background:linear-gradient(180deg,#18181d,#121216)!important;border:1px solid var(--nf-border);padding:14px 18px;position:sticky;top:8px;z-index:40;backdrop-filter:blur(6px)}
.logo__title{letter-spacing:1.5px;font-weight:800}
.logo__caption{color:var(--nf-muted)}
.header__search-box input{background:#0f0f13;border:1px solid var(--nf-border);color:#fff;border-radius:12px}
.search-btn,.header__btn-login,.header__btn-menu{background:var(--nf-red)!important;border-radius:10px;color:#fff!important;border:none}
.search-btn:hover,.header__btn-login:hover,.header__btn-menu:hover{background:var(--nf-red-2)!important}
.header__menu a{color:#d7d7df}
.header__menu a:hover{color:#fff}
.sect,.carousels,.side-block,.item{background:var(--nf-surface)!important;border:1px solid var(--nf-border);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.sect__title,.carousels__caption,.side-block__title{color:#fff;font-weight:700}
.side-block__title{border-left:4px solid var(--nf-red);padding-left:10px}
.item__title a{color:#fff}
.item__text,.item__meta-item,.page__list li{color:var(--nf-muted)}
.item__img,.poster-item__img,.carousel-item__img{border-radius:12px;overflow:hidden}
.poster-item,.carousel-item{display:block}
.poster-item__img:before,.carousel-item__img:before,.item__img:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0) 55%);pointer-events:none}
.poster-item:hover,.carousel-item:hover,.item:hover{transform:translateY(-4px)}
.poster-item,.carousel-item,.item{transition:transform .25s ease,box-shadow .25s ease}
.poster-item:hover,.carousel-item:hover{box-shadow:0 12px 30px rgba(0,0,0,.5)}
.carousel-item__label,.item__label{background:var(--nf-red);color:#fff;border-radius:8px;padding:3px 8px;font-weight:700}
.btn,.item__btn{background:var(--nf-red)!important;border:0!important;color:#fff!important;border-radius:10px;padding:10px 16px;font-weight:700}
.btn:hover,.item__btn:hover{background:var(--nf-red-2)!important}
.speedbar,.page__list,.item__footer{border-color:var(--nf-border)!important}
.footer{background:#121216;border:1px solid var(--nf-border)}
.footer__two,.footer__menu a,.item__category{color:var(--nf-muted)}
.footer__menu a:hover{color:#fff}
#scrolltop{background:var(--nf-red)!important}
@media (max-width: 1024px){
  .header{position:relative;top:0}
  .wrapper-main{max-width:100%}
}

/* --- Fullstory Netflix-like polish --- */
.page__main{background:var(--nf-surface);border:1px solid var(--nf-border);border-radius:16px;padding:18px;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.page__header{position:relative;overflow:hidden;border:1px solid var(--nf-border);background:linear-gradient(180deg,#1a1a20,#121217)!important}
.page__header h1{font-size:clamp(24px,3vw,40px);line-height:1.15;margin-bottom:14px;color:#fff}
.page__poster{border-radius:14px;overflow:hidden;border:1px solid var(--nf-border);margin-bottom:14px}
.page__poster:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.52),rgba(0,0,0,0) 55%);pointer-events:none}
.page__list{background:#121217;border:1px solid var(--nf-border);border-radius:12px;padding:12px 14px;margin:14px 0}
.page__list li{border-bottom:1px dashed #2a2a33;padding:8px 0;color:#d7d7df}
.page__list li:last-child{border-bottom:0}
.page__list li span{color:#fff;font-weight:700}
.page__subtitle{font-size:20px;color:#fff;margin-bottom:10px}
.page__text{color:#d1d1d8;line-height:1.7}
.page__desc,.page__screenshots,.page__player,.page__dl,.page__comments,.page__add-comms{background:#121217;border:1px solid var(--nf-border);border-radius:14px;padding:14px;margin-top:14px}
.page__player-select{gap:8px;flex-wrap:wrap;margin-bottom:10px}
.page__player-select > div{background:#23232a;color:#f3f3f5;border:1px solid #2f2f39;padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:700}
.page__player-select > .is-active,.page__player-select > div:hover{background:var(--nf-red);border-color:var(--nf-red)}
.video-inside iframe{border-radius:12px;border:1px solid var(--nf-border);background:#000}
.item__btn.-.online,.item__btn.-\.online,.item__btn--trailer{white-space:nowrap}
.item__btns{gap:10px;flex-wrap:wrap}
.item__btns .item__btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center}
.page__footer{margin-top:14px;background:#121217;border:1px solid var(--nf-border);border-radius:12px;padding:12px}
.page__comments-title{color:#fff}
.page__comments-list{margin-top:8px}

/* improve cards readability */
.item__header{gap:8px}
.item__title a{font-size:22px;line-height:1.25}
.item__desc{padding-left:14px}

/* Mobile refinement */
@media (max-width: 768px){
  .page__main{padding:12px}
  .page__header h1{font-size:24px}
  .item__cols{flex-direction:column}
  .item__desc{padding-left:0;padding-top:10px}
  .item__btns{display:grid!important;grid-template-columns:1fr;gap:8px}
  .page__player-select > div{font-size:13px;padding:7px 10px}
  .video-inside iframe{height:260px!important}
  .header__search{display:block!important}
}

/* --- v1.1 polish --- */
:root{--nf-muted-2:#9b9ba6;--nf-soft:#202028}
.item__text,.page__text,.footer__two,.item__meta-item,.item__category,.page__list li{color:var(--nf-muted-2)}
.sect,.carousels,.side-block,.item,.page__main,.page__desc,.page__player,.page__comments,.page__add-comms,.page__dl{box-shadow:0 10px 22px rgba(0,0,0,.28)!important}
.poster-item,.carousel-item,.item{transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.poster-item:hover,.carousel-item:hover,.item:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.36)!important}

/* forms / inputs */
input[type="text"],input[type="password"],input[type="email"],textarea,select{
  background:#0f0f14!important;color:#f2f2f5!important;border:1px solid #2d2d36!important;border-radius:10px!important
}
input:focus,textarea:focus,select:focus{border-color:var(--nf-red)!important;box-shadow:0 0 0 2px rgba(229,9,20,.22)!important;outline:none}

/* comments */
.page__comments-list > *{background:#15151b;border:1px solid #2a2a33;border-radius:10px;padding:10px 12px;margin-bottom:10px}
.page__add-comms .bb-editor,.page__add-comms .wseditor,.page__add-comms form{background:transparent!important}

/* pagination */
.navigation, .pages, .pagination{display:flex;gap:8px;flex-wrap:wrap}
.navigation a,.pages a,.pagination a,.navigation span,.pages span,.pagination span{
  background:#1c1c24;border:1px solid #2f2f39;color:#ececf1;border-radius:10px;padding:7px 11px
}
.navigation a:hover,.pages a:hover,.pagination a:hover{background:var(--nf-red);border-color:var(--nf-red);color:#fff}

/* tags and minor blocks */
.speedbar{background:#121217;border:1px solid #2a2a33;border-radius:10px;padding:8px 12px}
.item__label,.carousel-item__label{letter-spacing:.2px}

/* mobile spacing polish */
@media (max-width:768px){
  .cols{gap:10px}
  .page__main,.sect,.side-block,.item{padding:12px!important}
  .item__title a{font-size:20px}
  .page__subtitle{font-size:18px}
  .footer__one{gap:10px;flex-wrap:wrap}
}

/* --- v1.2 final tuning --- */
:root{--nf-red:#f40612;--nf-red-2:#c2040f}
body{font-size:15px;letter-spacing:.1px}
.logo__title{font-size:30px}

/* grid/card rhythm */
.sect__content .item,.posters .poster-item,.top-carousel .carousel-item{margin-bottom:8px}
.item__title a{font-weight:700}
.item__meta{gap:10px;flex-wrap:wrap}
.item__footer{gap:12px}

/* better readability on dense lists */
.line-clamp{line-height:1.55}
.page__text p{margin:0 0 12px}

/* CTA consistency */
.btn,.item__btn,.header__btn-login,.search-btn{
  box-shadow:0 6px 16px rgba(229,9,20,.26);
}
.btn:active,.item__btn:active{transform:translateY(1px)}

/* links and focus visibility */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid rgba(244,6,18,.6);outline-offset:2px
}

/* sidebar balance */
.col-left .side-block,.col-right .side-block{padding:12px}
.side-block__content{border-radius:10px}

/* trailer/player tabs touch-friendly */
.page__player-select > div{min-height:38px;display:inline-flex;align-items:center}

/* mobile final */
@media (max-width:768px){
  body{font-size:14px}
  .logo__title{font-size:26px}
  .header__menu{gap:8px;overflow:auto}
  .header__menu li{flex:0 0 auto}
  .item__meta-item{font-size:12px}
  .page__player-select{gap:6px}
  .page__player-select > div{min-height:34px;padding:6px 9px}
}

/* --- comments editor style fix --- */
.page__comments .message-info{
  background:#141419!important;
  border:1px solid #34343f!important;
  color:#e7e7ec!important;
  border-radius:10px;
  padding:12px 14px;
}

.page__add-comms form,
.page__add-comms .bb-editor,
.page__add-comms .wseditor,
.page__add-comms .wseditor-body,
.page__add-comms .editor,
.page__add-comms .editorcomm,
.page__add-comms .comments-tree-editor{
  background:#141419!important;
  border-color:#2f2f39!important;
  color:#ececf1!important;
  border-radius:12px!important;
}

.page__add-comms .bb-editor,
.page__add-comms .wseditor,
.page__add-comms .editor,
.page__add-comms .editorcomm{
  border:1px solid #2f2f39!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}

.page__add-comms .bb-editor .bb-btn,
.page__add-comms .wseditor .bb-btn,
.page__add-comms .wseditor .wseditor-toolbar button,
.page__add-comms .editor button{
  background:#1b1b22!important;
  color:#e8e8ef!important;
  border-color:#2f2f39!important;
}

.page__add-comms .bb-editor .bb-btn:hover,
.page__add-comms .wseditor .bb-btn:hover,
.page__add-comms .wseditor .wseditor-toolbar button:hover,
.page__add-comms .editor button:hover{
  background:#23232c!important;
  border-color:#444451!important;
}

.page__add-comms textarea,
.page__add-comms .wseditor textarea,
.page__add-comms .editor textarea,
.page__add-comms iframe,
.page__add-comms .fr-element{
  background:#0f0f14!important;
  color:#f0f0f5!important;
  border:1px solid #2f2f39!important;
  border-radius:10px!important;
}

.page__add-comms input[type="submit"],
.page__add-comms .btn,
.page__add-comms button[type="submit"]{
  background:var(--nf-red)!important;
  border:0!important;
  color:#fff!important;
  border-radius:10px!important;
  padding:10px 18px!important;
  font-weight:700;
}

.page__add-comms input[type="submit"]:hover,
.page__add-comms .btn:hover,
.page__add-comms button[type="submit"]:hover{
  background:var(--nf-red-2)!important;
}

/* disable visible comment editor toolbar + force plain dark textarea */
.page__add-comms .bb-editor .bb-btn,
.page__add-comms .wseditor .wseditor-toolbar,
.page__add-comms .wseditor .bb-panel,
.page__add-comms .editor .xfields-panel,
.page__add-comms .editor .wseditor-toolbar{display:none!important}

.page__add-comms textarea,
.page__add-comms textarea:focus,
.page__add-comms #comments,
.page__add-comms [name="comments"],
.page__add-comms [name="comments"]:focus{
  background:#0f0f14!important;
  color:#ffffff!important;
  caret-color:#ffffff!important;
  border:1px solid #343443!important;
}
.page__add-comms textarea::placeholder{color:#a9a9b6!important}

/* top new single-row tuning */
.top-carousel--single .carousel-item{transform:scale(1.3);transform-origin:top left;margin-right:38px}
.top-carousel--single .carousel-item__title{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:1.25;
  max-height:2.5em;
  font-size:30px;
}
.top-carousel--single .carousel-item__img{min-height:430px}
.top-carousel--single .owl-stage{padding-top:8px;padding-bottom:24px}
@media (max-width:1024px){
  .top-carousel--single .carousel-item{transform:scale(1.15);margin-right:20px}
  .top-carousel--single .carousel-item__title{font-size:22px}
  .top-carousel--single .carousel-item__img{min-height:330px}
}