/* BankMovie V117 — selectable cinematic desktop template for movie.php */
.bm-cinematic-tabs{display:none}

@media (min-width:1025px){
  body.bm-movie-template-cinematic{
    --bm-cine:var(--bm-cinematic-accent,#8b2cff);
    --bm-cine-rgb:139,44,255;
    background:#050508!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(610px,72vh,760px)!important;
    margin:0!important;
    padding:clamp(112px,8vw,145px) clamp(34px,7vw,132px) 58px!important;
    border:0!important;
    border-radius:0 0 32px 32px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) clamp(220px,16vw,285px)!important;
    gap:clamp(28px,3vw,54px)!important;
    align-items:center!important;
    overflow:hidden!important;
    background:#09090d!important;
    box-shadow:0 35px 90px rgba(0,0,0,.52)!important;
    text-align:right!important;
  }
  body.bm-movie-template-cinematic .movie-detail::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:-22px!important;
    z-index:-3!important;
    background-image:var(--bg-image)!important;
    background-size:cover!important;
    background-position:center 24%!important;
    filter:blur(1.2px) brightness(.46) saturate(.92)!important;
    opacity:1!important;
    transform:scale(1.035)!important;
  }
  body.bm-movie-template-cinematic .movie-detail::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:-2!important;
    background:
      radial-gradient(circle at 76% 42%,rgba(0,0,0,.08),rgba(0,0,0,.56) 52%,rgba(0,0,0,.88) 100%),
      linear-gradient(90deg,rgba(7,7,10,.96) 0%,rgba(7,7,10,.72) 34%,rgba(7,7,10,.28) 72%,rgba(7,7,10,.48) 100%),
      linear-gradient(180deg,rgba(5,5,8,.16),rgba(5,5,8,.18) 64%,#07070a 100%)!important;
    pointer-events:none!important;
  }
  body.bm-movie-template-cinematic .movie-detail>*{position:relative!important;z-index:2!important}

  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(220px,16vw,285px)!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:18px!important;
    background:rgba(12,12,17,.44)!important;
    box-shadow:0 26px 66px rgba(0,0,0,.62),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:17px!important;
  }
  body.bm-movie-template-cinematic .poster-col .bm-poster-play{
    width:62px!important;height:62px!important;inset:auto!important;left:50%!important;top:50%!important;
    transform:translate(-50%,-50%)!important;border-radius:50%!important;
    background:linear-gradient(145deg,var(--bm-cine),#6f1fe8)!important;
    box-shadow:0 16px 44px rgba(139,44,255,.44),0 0 0 10px rgba(139,44,255,.12)!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}

  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;
    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:minmax(230px,.72fr) minmax(480px,1.55fr)!important;
    grid-auto-rows:auto!important;
    column-gap:clamp(28px,3vw,54px)!important;
    row-gap:10px!important;
    align-content:center!important;
    text-align:right!important;
  }
  body.bm-movie-template-cinematic .info-col:hover{background:transparent!important}
  body.bm-movie-template-cinematic .info-col>*{grid-column:2!important;min-width:0!important}
  body.bm-movie-template-cinematic .movie-title-fa{
    grid-row:1!important;
    margin:0!important;
    max-width:100%!important;
    color:#fff!important;
    font-size:clamp(25px,2.05vw,39px)!important;
    line-height:1.45!important;
    font-weight:950!important;
    text-shadow:0 5px 24px rgba(0,0,0,.82)!important;
  }
  body.bm-movie-template-cinematic .movie-title-en{
    grid-row:2!important;
    margin:0 0 8px!important;
    color:rgba(255,255,255,.76)!important;
    font-size:13px!important;
    font-weight:700!important;
    direction:ltr!important;
    text-align:right!important;
  }
  body.bm-movie-template-cinematic .movie-info-block{
    grid-row:3!important;
    padding:0!important;
    margin: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!important;
    margin:0!important;
  }
  body.bm-movie-template-cinematic .movie-meta-grid .meta-item{
    width:auto!important;
    min-height:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    padding:6px 10px!important;
    border-radius:10px!important;
    background:rgba(4,5,8,.46)!important;
    border:1px solid rgba(255,255,255,.19)!important;
    color:#fff!important;
    font-size:12px!important;
    box-shadow:none!important;
  }
  body.bm-movie-template-cinematic .movie-meta-grid .meta-item .label{color:rgba(255,255,255,.64)!important}
  body.bm-movie-template-cinematic .movie-meta-grid .meta-item .value{color:#fff!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-row:4!important;
    margin:9px 0 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:rgba(255,255,255,.88)!important;
    font-size:13px!important;
    line-height:2!important;
    max-width:900px!important;
    text-shadow:0 3px 12px rgba(0,0,0,.7)!important;
  }
  body.bm-movie-template-cinematic .bm-readmore-btn{color:var(--bm-cine)!important}
  body.bm-movie-template-cinematic .actors-glassmorphism,
  body.bm-movie-template-cinematic .bm-arc1-actors-section{
    grid-row:5!important;
    margin:8px 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}
  body.bm-movie-template-cinematic .actor-chip,
  body.bm-movie-template-cinematic .bm-arc1-actor-card{
    border:1px solid rgba(255,255,255,.2)!important;
    background:rgba(3,3,7,.38)!important;
    border-radius:9px!important;
  }

  body.bm-movie-template-cinematic .movie-rating-section{
    grid-column:1!important;
    grid-row:1!important;
    align-self:end!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    min-height:126px!important;
    padding:16px!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    text-align:center!important;
  }
  body.bm-movie-template-cinematic .movie-rating-section .user-rating{
    flex-direction:column!important;gap:9px!important;color:#fff!important
  }
  body.bm-movie-template-cinematic .movie-rating-section .watchlist-btn,
  body.bm-movie-template-cinematic .movie-rating-section>div{
    max-width:100%!important;
  }
  body.bm-movie-template-cinematic .action-buttons,
  body.bm-movie-template-cinematic .hero-actions{
    grid-column:1!important;
    grid-row:2 / span 4!important;
    align-self:start!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    margin:0!important;
    padding:0 12px!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:44px!important;
    justify-content:center!important;
    border-radius:10px!important;
    font-size:13px!important;
    font-weight:900!important;
  }
  body.bm-movie-template-cinematic .action-buttons .btn-primary,
  body.bm-movie-template-cinematic .action-buttons .hero-primary-action{
    color:#fff!important;
    background:linear-gradient(135deg,var(--bm-cine),#6d1bd5)!important;
    border-color:rgba(255,255,255,.1)!important;
    box-shadow:0 15px 36px rgba(139,44,255,.27)!important;
  }
  body.bm-movie-template-cinematic .action-buttons .btn-outline,
  body.bm-movie-template-cinematic .action-buttons>a[style]{
    color:#fff!important;
    background:rgba(7,7,11,.46)!important;
    border:1px solid rgba(255,255,255,.16)!important;
  }

  body.bm-movie-template-cinematic .bm-cinematic-tabs{
    position:sticky!important;
    top:70px!important;
    z-index:500!important;
    min-height:58px!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:10px!important;
    padding:0 clamp(28px,8vw,150px)!important;
    background:rgba(5,5,8,.91)!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 15px 36px rgba(0,0,0,.32)!important;
    backdrop-filter:blur(20px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(20px) saturate(150%)!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,.7)!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:850!important;
    transition:.2s ease!important;
  }
  body.bm-movie-template-cinematic .bm-cinematic-tabs a::after{
    content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;border-radius:5px 5px 0 0;
    background:var(--bm-cine);transform:scaleX(0);opacity:0;transition:.2s ease;
  }
  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:rgba(139,44,255,.07)!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);opacity:1}
  body.bm-movie-template-cinematic .bm-cinematic-tabs svg{width:18px;height:18px;stroke-width:1.8}

  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:145px!important}
}

@media (min-width:1025px) and (max-width:1280px){
  body.bm-movie-template-cinematic .movie-detail{
    padding:105px 28px 48px!important;
    grid-template-columns:minmax(0,1fr) 215px!important;
    gap:24px!important;
  }
  body.bm-movie-template-cinematic .info-col{
    grid-template-columns:210px minmax(420px,1fr)!important;
    column-gap:24px!important;
  }
  body.bm-movie-template-cinematic .movie-title-fa{font-size:26px!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}
}