/* BankMovie V118 — cinematic desktop movie template
   Keeps the classic template untouched and only affects desktop cinematic mode. */
.bm-cinematic-tabs{display:none}

@media (min-width:1025px){
  html body.bm-movie-template-cinematic{
    --bm-cine:var(--bm-cinematic-accent,#8b2cff);
    --bm-cine-soft:color-mix(in srgb,var(--bm-cine) 22%,transparent);
    background:#050507!important;
    color:#fff!important;
  }

  /* The reference design places the public header over the hero artwork. */
  html body.bm-movie-template-cinematic #siteHeader.header,
  html body.bm-movie-template-cinematic #siteHeader.header-admin{
    position:absolute!important;
    inset:0 0 auto 0!important;
    z-index:2500!important;
    min-height:78px!important;
    background:linear-gradient(180deg,rgba(3,4,8,.82),rgba(3,4,8,.34) 72%,transparent)!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html body.bm-movie-template-cinematic #siteHeader .header-inner,
  html body.bm-movie-template-cinematic #siteHeader.header-admin .header-inner{
    width:min(1480px,calc(100% - 44px))!important;
    max-width:1480px!important;
    min-height:78px!important;
    margin:0 auto!important;
    padding:0!important;
  }

  body.bm-movie-template-cinematic .container{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
  }

  body.bm-movie-template-cinematic .movie-detail{
    position:relative!important;
    isolation:isolate!important;
    width:100%!important;
    max-width:none!important;
    min-height:clamp(620px,74vh,760px)!important;
    margin:0!important;
    padding:clamp(105px,7.4vw,138px) clamp(34px,6vw,112px) 52px!important;
    border:0!important;
    border-radius:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) clamp(230px,16vw,282px)!important;
    gap:clamp(30px,3.4vw,62px)!important;
    align-items:center!important;
    overflow:hidden!important;
    background:#08090d!important;
    box-shadow:none!important;
    text-align:right!important;
  }

  /* Make the poster/backdrop visibly readable instead of burying it under black. */
  body.bm-movie-template-cinematic .movie-detail::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:-12px!important;
    z-index:-4!important;
    background-image:var(--bg-image)!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:center 26%!important;
    filter:brightness(.72) saturate(1.12) contrast(1.03)!important;
    opacity:.92!important;
    transform:scale(1.025)!important;
  }
  body.bm-movie-template-cinematic .movie-detail::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:-3!important;
    pointer-events:none!important;
    background:
      radial-gradient(ellipse 54% 72% at 82% 46%,rgba(0,0,0,.05),rgba(0,0,0,.22) 50%,rgba(0,0,0,.48) 100%),
      linear-gradient(90deg,rgba(4,5,8,.88) 0%,rgba(4,5,8,.64) 26%,rgba(4,5,8,.28) 58%,rgba(4,5,8,.38) 82%,rgba(4,5,8,.58) 100%),
      linear-gradient(180deg,rgba(3,4,7,.10) 0%,rgba(3,4,7,.08) 54%,rgba(4,5,8,.88) 100%)!important;
  }
  body.bm-movie-template-cinematic .movie-detail>*{position:relative!important;z-index:2!important}

  /* Poster rail */
  body.bm-movie-template-cinematic .poster-col,
  [dir="rtl"] body.bm-movie-template-cinematic .poster-col,
  [dir="ltr"] body.bm-movie-template-cinematic .poster-col{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    width:100%!important;
    max-width:clamp(230px,16vw,282px)!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:17px!important;
    background:rgba(8,9,13,.24)!important;
    box-shadow:0 24px 68px rgba(0,0,0,.56),0 0 0 4px rgba(255,255,255,.025)!important;
    transform:none!important;
    overflow:visible!important;
  }
  body.bm-movie-template-cinematic .poster-col::before,
  body.bm-movie-template-cinematic .poster-col::after{display:none!important}
  body.bm-movie-template-cinematic .poster-col>img,
  body.bm-movie-template-cinematic .poster-col>div:first-child{
    display:block!important;
    width:100%!important;
    aspect-ratio:2/3!important;
    object-fit:cover!important;
    border-radius:16px!important;
  }
  body.bm-movie-template-cinematic .poster-col .bm-poster-play{
    width:64px!important;
    height:64px!important;
    inset:auto!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    border-radius:50%!important;
    color:#fff!important;
    background:linear-gradient(145deg,var(--bm-cine),color-mix(in srgb,var(--bm-cine) 72%,#4210a3))!important;
    box-shadow:0 18px 46px color-mix(in srgb,var(--bm-cine) 42%,transparent),0 0 0 10px color-mix(in srgb,var(--bm-cine) 14%,transparent)!important;
  }
  body.bm-movie-template-cinematic .poster-col .bm-poster-play:hover{
    transform:translate(-50%,-50%) scale(1.08)!important;
  }
  body.bm-movie-template-cinematic .bm-poster-badges{
    top:10px!important;
    right:10px!important;
    left:auto!important;
    gap:6px!important;
  }

  /* Two-column information area: compact rating/action rail + main copy. */
  body.bm-movie-template-cinematic .info-col,
  [dir="rtl"] body.bm-movie-template-cinematic .info-col,
  [dir="ltr"] body.bm-movie-template-cinematic .info-col{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:grid!important;
    grid-template-columns:clamp(210px,15vw,255px) minmax(430px,760px)!important;
    grid-template-rows:auto auto auto auto auto auto!important;
    column-gap:clamp(30px,3vw,56px)!important;
    row-gap:9px!important;
    align-content:center!important;
    justify-content:end!important;
    text-align:right!important;
  }
  body.bm-movie-template-cinematic .info-col:hover{background:transparent!important}
  body.bm-movie-template-cinematic .info-col>*{min-width:0!important}

  body.bm-movie-template-cinematic .movie-title-fa{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    margin:0!important;
    max-width:100%!important;
    color:#fff!important;
    font-size:clamp(27px,2.15vw,40px)!important;
    line-height:1.38!important;
    font-weight:950!important;
    letter-spacing:-.025em!important;
    text-shadow:0 5px 24px rgba(0,0,0,.86)!important;
  }
  body.bm-movie-template-cinematic .movie-title-en{
    grid-column:2!important;
    grid-row:2!important;
    margin:-2px 0 4px!important;
    color:rgba(255,255,255,.76)!important;
    font-size:13px!important;
    font-weight:750!important;
    direction:ltr!important;
    text-align:right!important;
    text-shadow:0 3px 16px rgba(0,0,0,.72)!important;
  }

  /* Small rating rail like the reference, without a large floating card. */
  body.bm-movie-template-cinematic .movie-rating-section{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:end!important;
    justify-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    min-height:96px!important;
    margin:0!important;
    padding:0 8px 4px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:center!important;
  }
  body.bm-movie-template-cinematic .movie-rating-section>div,
  body.bm-movie-template-cinematic .movie-rating-section>button{
    max-width:100%!important;
    border-radius:12px!important;
  }
  body.bm-movie-template-cinematic .movie-rating-section .user-rating{
    flex-direction:column!important;
    gap:8px!important;
    color:#fff!important;
  }

  body.bm-movie-template-cinematic .movie-info-block{
    grid-column:2!important;
    grid-row:3!important;
    padding:0!important;
    margin:6px 0 0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.bm-movie-template-cinematic .movie-info-title{display:none!important}
  body.bm-movie-template-cinematic .movie-meta-grid{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px 8px!important;
    margin:0!important;
  }
  body.bm-movie-template-cinematic .movie-meta-grid .meta-item{
    width:auto!important;
    min-height:30px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    padding:5px 9px!important;
    border-radius:9px!important;
    background:rgba(2,3,6,.34)!important;
    border:1px solid rgba(255,255,255,.20)!important;
    color:#fff!important;
    font-size:11.5px!important;
    line-height:1.5!important;
    box-shadow:0 8px 22px rgba(0,0,0,.13)!important;
    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
  }
  body.bm-movie-template-cinematic .movie-meta-grid .meta-item svg{
    color:var(--bm-cine)!important;
    flex:0 0 14px!important;
  }
  body.bm-movie-template-cinematic .movie-meta-grid .meta-item .label{color:rgba(255,255,255,.58)!important}
  body.bm-movie-template-cinematic .movie-meta-grid .meta-item .value{color:#fff!important;font-weight:800!important}
  body.bm-movie-template-cinematic .genre-link,
  body.bm-movie-template-cinematic .director-link,
  body.bm-movie-template-cinematic .country-link,
  body.bm-movie-template-cinematic .actor-chip{color:#fff!important}

  body.bm-movie-template-cinematic .description{
    grid-column:2!important;
    grid-row:4!important;
    margin:8px 0 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:rgba(255,255,255,.91)!important;
    font-size:13px!important;
    line-height:2!important;
    max-width:760px!important;
    text-shadow:0 3px 12px rgba(0,0,0,.72)!important;
  }
  body.bm-movie-template-cinematic .bm-readmore-content{
    max-height:76px!important;
    overflow:hidden!important;
  }
  body.bm-movie-template-cinematic .bm-readmore-desc[data-collapsed="0"] .bm-readmore-content{max-height:none!important}
  body.bm-movie-template-cinematic .bm-readmore-btn{
    margin-top:7px!important;
    color:color-mix(in srgb,var(--bm-cine) 80%,#fff)!important;
    border-color:color-mix(in srgb,var(--bm-cine) 38%,transparent)!important;
    background:rgba(7,8,13,.42)!important;
  }

  body.bm-movie-template-cinematic .actors-glassmorphism,
  body.bm-movie-template-cinematic .bm-arc1-actors-section{
    grid-column:2!important;
    grid-row:5!important;
    margin:7px 0 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.bm-movie-template-cinematic .actors-header,
  body.bm-movie-template-cinematic .bm-arc1-section-head{
    margin-bottom:7px!important;
    color:rgba(255,255,255,.78)!important;
  }
  body.bm-movie-template-cinematic .actors-list,
  body.bm-movie-template-cinematic .bm-arc1-actors-list{
    gap:6px!important;
  }
  body.bm-movie-template-cinematic .actor-chip,
  body.bm-movie-template-cinematic .bm-arc1-actor-card{
    min-height:31px!important;
    padding:5px 9px!important;
    border:1px solid rgba(255,255,255,.21)!important;
    background:rgba(2,3,7,.38)!important;
    border-radius:9px!important;
    box-shadow:none!important;
    backdrop-filter:blur(6px)!important;
    -webkit-backdrop-filter:blur(6px)!important;
  }
  body.bm-movie-template-cinematic .bm-arc1-actor-photo-wrap,
  body.bm-movie-template-cinematic .bm-arc1-actor-text-icon{display:none!important}
  body.bm-movie-template-cinematic .bm-arc1-actor-role{display:none!important}

  /* Action rail. It stays compact and does not become a giant left-aligned block. */
  body.bm-movie-template-cinematic .action-buttons,
  body.bm-movie-template-cinematic .hero-actions{
    grid-column:1!important;
    grid-row:3 / span 4!important;
    align-self:start!important;
    justify-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:9px!important;
    margin:10px 0 0!important;
    padding:0 8px!important;
  }
  body.bm-movie-template-cinematic .action-buttons .btn,
  body.bm-movie-template-cinematic .action-buttons .arc1-wl-btn,
  body.bm-movie-template-cinematic .action-buttons>a,
  body.bm-movie-template-cinematic .action-buttons>button{
    width:100%!important;
    min-height:42px!important;
    padding:0 13px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border-radius:9px!important;
    font-size:12.5px!important;
    font-weight:900!important;
    color:#fff!important;
    background:rgba(5,6,10,.48)!important;
    border:1px solid rgba(255,255,255,.17)!important;
    box-shadow:0 10px 26px rgba(0,0,0,.16)!important;
    text-decoration:none!important;
    transition:transform .2s ease,border-color .2s ease,background .2s ease!important;
  }
  body.bm-movie-template-cinematic .action-buttons .btn:hover,
  body.bm-movie-template-cinematic .action-buttons .arc1-wl-btn:hover,
  body.bm-movie-template-cinematic .action-buttons>a:hover,
  body.bm-movie-template-cinematic .action-buttons>button:hover{
    transform:translateY(-2px)!important;
    border-color:color-mix(in srgb,var(--bm-cine) 58%,transparent)!important;
  }
  body.bm-movie-template-cinematic .action-buttons .btn-primary,
  body.bm-movie-template-cinematic .action-buttons .hero-primary-action,
  body.bm-movie-template-cinematic .action-buttons .bm-trailer-cta{
    color:#fff!important;
    background:linear-gradient(135deg,var(--bm-cine),color-mix(in srgb,var(--bm-cine) 70%,#4b0ab1))!important;
    border-color:rgba(255,255,255,.12)!important;
    box-shadow:0 15px 34px color-mix(in srgb,var(--bm-cine) 28%,transparent)!important;
  }

  /* Static tab strip. It no longer follows the page while scrolling. */
  body.bm-movie-template-cinematic .bm-cinematic-tabs{
    position:relative!important;
    top:auto!important;
    z-index:40!important;
    min-height:58px!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:4px!important;
    padding:0 clamp(24px,8vw,150px)!important;
    margin:0!important;
    background:#07080b!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 12px 32px rgba(0,0,0,.22)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.bm-movie-template-cinematic .bm-cinematic-tabs a{
    position:relative!important;
    min-width:150px!important;
    min-height:58px!important;
    padding:0 18px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    color:rgba(255,255,255,.67)!important;
    text-decoration:none!important;
    font-size:12.5px!important;
    font-weight:850!important;
    transition:.2s ease!important;
  }
  body.bm-movie-template-cinematic .bm-cinematic-tabs a::after{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:0!important;
    height:3px!important;
    border-radius:5px 5px 0 0!important;
    background:var(--bm-cine)!important;
    transform:scaleX(0)!important;
    opacity:0!important;
    transition:.2s ease!important;
  }
  body.bm-movie-template-cinematic .bm-cinematic-tabs a:hover,
  body.bm-movie-template-cinematic .bm-cinematic-tabs a.is-active{
    color:#fff!important;
    background:color-mix(in srgb,var(--bm-cine) 8%,transparent)!important;
  }
  body.bm-movie-template-cinematic .bm-cinematic-tabs a:hover::after,
  body.bm-movie-template-cinematic .bm-cinematic-tabs a.is-active::after{
    transform:scaleX(1)!important;
    opacity:1!important;
  }
  body.bm-movie-template-cinematic .bm-cinematic-tabs svg{width:18px!important;height:18px!important;stroke-width:1.8!important}

  body.bm-movie-template-cinematic .download-section,
  body.bm-movie-template-cinematic .comments-section,
  body.bm-movie-template-cinematic .related-section,
  body.bm-movie-template-cinematic .bm-arc1-related-section,
  body.bm-movie-template-cinematic #arc1DownloadSection,
  body.bm-movie-template-cinematic #arc1PlayerWrapper,
  body.bm-movie-template-cinematic .player-wrapper,
  body.bm-movie-template-cinematic .subkade-box,
  body.bm-movie-template-cinematic .cinema-panel{
    max-width:1420px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.bm-movie-template-cinematic .comments-section,
  body.bm-movie-template-cinematic .download-section,
  body.bm-movie-template-cinematic .related-section,
  body.bm-movie-template-cinematic .bm-arc1-related-section{
    scroll-margin-top:24px!important;
  }
}

@media (min-width:1025px) and (max-width:1320px){
  html body.bm-movie-template-cinematic #siteHeader .header-inner,
  html body.bm-movie-template-cinematic #siteHeader.header-admin .header-inner{
    width:calc(100% - 28px)!important;
  }
  body.bm-movie-template-cinematic .movie-detail{
    min-height:610px!important;
    padding:98px 28px 44px!important;
    grid-template-columns:minmax(0,1fr) 220px!important;
    gap:25px!important;
  }
  body.bm-movie-template-cinematic .info-col{
    grid-template-columns:205px minmax(390px,1fr)!important;
    column-gap:22px!important;
  }
  body.bm-movie-template-cinematic .movie-title-fa{font-size:27px!important}
  body.bm-movie-template-cinematic .movie-meta-grid .meta-item{font-size:10.8px!important;padding:4px 8px!important}
  body.bm-movie-template-cinematic .bm-cinematic-tabs a{min-width:125px!important;padding:0 10px!important}
}

@media (max-width:1024px){
  body.bm-movie-template-cinematic .bm-cinematic-tabs{display:none!important}
}