/* BankMovie performance layer v3
   هدف: روان‌تر شدن موبایل بدون تغییر منطق و بدون حذف ظاهر.
   v3: لود مرحله‌ای API در JS + محدودکردن content-visibility روی صفحه فیلم برای جلوگیری از محو/ظاهر شدن کامنت و دانلود. */
:root{--bm-perf-ease:cubic-bezier(.2,.8,.2,1)}
html{scroll-behavior:smooth}
img,video{max-width:100%}
.hero-bg,.movie-poster img,.poster-img,.bm-poster-img,img[loading="eager"]{backface-visibility:hidden;transform:translateZ(0)}

/* content-visibility فقط برای بخش‌های پایین صفحه‌های لیستی/خانه؛ روی movie-page خاموش است. */
@supports (content-visibility:auto){
  @media (max-width:900px){
    body:not(.movie-page) .genres-section,
    body:not(.movie-page) .countries-section,
    body:not(.movie-page) .new-releases-section,
    body:not(.movie-page) .collections-section,
    body:not(.movie-page) .admin-picks-section,
    body:not(.movie-page) .top-movies-section,
    body:not(.movie-page) .top-series-section,
    body:not(.movie-page) .user-rated-section,
    body:not(.movie-page) .dubbed-section,
    body:not(.movie-page) .smart-suggestions-section,
    body:not(.movie-page) .latest-animations-section,
    body:not(.movie-page) .recent-updates-section,
    body:not(.movie-page) .ext-section,
    body:not(.movie-page) .arc-section,
    body:not(.movie-page) .archive-section,
    body:not(.movie-page) .bm-section{
      content-visibility:auto;
      contain-intrinsic-size:1px 520px;
    }
    body.movie-page .related-section,
    body.movie-page .comments-section,
    body.movie-page .episodes-section,
    body.movie-page .download-section,
    body.movie-page .downloads-section,
    body.movie-page .cast-section,
    body.movie-page .movie-info-section,
    body.movie-page .movie-section,
    body.movie-page [class$="-section"]{
      content-visibility:visible!important;
      contain-intrinsic-size:auto!important;
    }
  }
}
@supports (contain:layout paint){
  @media (max-width:900px){
    .scroll-horizontal,.genres-scroll,.countries-scroll,.stories-container,.movie-grid,.results-grid,.grid,
    .movie-card,.content-card,.collection-card,.archive-card,.result-card,.grid-item,.scroll-card,
    .poster-card,.person-card,.cast-card,.notif-item,.bm-ad-slot{
      contain:layout paint style;
    }
    body.movie-page .comment-item,
    body.movie-page .reply-item,
    body.movie-page .download-section,
    body.movie-page .download-list,
    body.movie-page .download-link,
    body.movie-page .comments-section,
    body.movie-page .episodes-section{
      contain:none!important;
    }
  }
}

/* موقع اسکرول، hover/transitionهای پرهزینه موقتاً سبک می‌شوند. */
html.bm-is-scrolling .movie-card,
html.bm-is-scrolling .grid-item,
html.bm-is-scrolling .scroll-card,
html.bm-is-scrolling .content-card,
html.bm-is-scrolling .collection-card,
html.bm-is-scrolling .archive-card,
html.bm-is-scrolling .result-card,
html.bm-is-scrolling .poster-card,
html.bm-is-scrolling .bm-poster-img,
html.bm-is-scrolling .poster-img{
  transition-duration:.001ms!important;
  animation-play-state:paused!important;
  will-change:auto!important;
}
html.bm-is-scrolling .grid-item:hover,
html.bm-is-scrolling .scroll-card:hover,
html.bm-is-scrolling .movie-card:hover,
html.bm-is-scrolling .content-card:hover,
html.bm-is-scrolling .collection-card:hover,
html.bm-is-scrolling .archive-card:hover{
  transform:none!important;
}

html.bm-tab-hidden *,html.bm-tab-hidden *::before,html.bm-tab-hidden *::after{
  animation-play-state:paused!important;
  transition-duration:.001ms!important;
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

@media (max-width:768px){
  html.bm-low-power{scroll-behavior:auto!important}
  html.bm-low-power .hero-bg{animation:none!important;will-change:auto!important;transform:none!important}
  html.bm-low-power .hero-slide{transition:opacity .22s var(--bm-perf-ease),visibility .22s var(--bm-perf-ease)!important;filter:none!important;will-change:auto!important}
  html.bm-low-power .hero-content{animation-duration:.18s!important}
  html.bm-low-power .loading-spinner{animation-duration:1.4s!important}
  html.bm-low-power .skeleton-line:before,
  html.bm-low-power .movie-skeleton-poster:before,
  html.bm-low-power .ext-loading-skeletons:before,
  html.bm-low-power [class*="skeleton"]:before{animation:none!important}
  html.bm-low-power .header,
  html.bm-low-power .desktop-header,
  html.bm-low-power .sidebar-menu,
  html.bm-low-power .notif-sidebar,
  html.bm-low-power .menu-overlay,
  html.bm-low-power .bottom-nav,
  html.bm-low-power .modal,
  html.bm-low-power .auth-menu,
  html.bm-low-power .story-caption,
  html.bm-low-power .story-modal,
  html.bm-low-power .glass,
  html.bm-low-power [class*="glass"],
  html.bm-low-power [style*="backdrop-filter"]{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html.bm-low-power .movie-card,
  html.bm-low-power .grid-item,
  html.bm-low-power .scroll-card,
  html.bm-low-power .content-card,
  html.bm-low-power .collection-card,
  html.bm-low-power .archive-card,
  html.bm-low-power .result-card,
  html.bm-low-power .poster-card,
  html.bm-low-power .person-card,
  html.bm-low-power .cast-card{
    transition:transform .08s var(--bm-perf-ease),opacity .08s var(--bm-perf-ease),border-color .08s var(--bm-perf-ease),background .08s var(--bm-perf-ease)!important;
    will-change:auto!important;
    box-shadow:none!important;
  }
  html.bm-low-power .movie-card:hover,
  html.bm-low-power .grid-item:hover,
  html.bm-low-power .scroll-card:hover,
  html.bm-low-power .content-card:hover,
  html.bm-low-power .collection-card:hover,
  html.bm-low-power .archive-card:hover,
  html.bm-low-power .result-card:hover,
  html.bm-low-power .poster-card:hover{transform:none!important}
  html.bm-low-power .bm-poster-img,
  html.bm-low-power .poster-img,
  html.bm-low-power .scroll-card-poster,
  html.bm-low-power .movie-poster img{transition:opacity .12s ease!important;transform:none!important;filter:none!important}
  html.bm-low-power .scroll-horizontal,
  html.bm-low-power .genres-scroll,
  html.bm-low-power .countries-scroll,
  html.bm-low-power .stories-container{
    scroll-behavior:auto!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    scroll-snap-type:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
}
@media (max-width:768px){
  .scroll-horizontal,.genres-scroll,.countries-scroll,.stories-container{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
}
html.bm-low-power .bm-offscreen,html.bm-low-power .bm-offscreen *{animation-play-state:paused!important}


/* v9: Local database grid is archive-2 only. Prevent accidental rendering under archive 1/3/4. */
html[data-bm-archive="arc1"] #homePage,
html[data-bm-archive="arc3"] #homePage,
html[data-bm-archive="arc4"] #homePage,
body[data-bm-archive="arc1"] #homePage,
body[data-bm-archive="arc3"] #homePage,
body[data-bm-archive="arc4"] #homePage{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    max-height:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
}
html[data-bm-archive="arc1"] #moviesGrid,
html[data-bm-archive="arc3"] #moviesGrid,
html[data-bm-archive="arc4"] #moviesGrid,
html[data-bm-archive="arc1"] #loadMoreBtn,
html[data-bm-archive="arc3"] #loadMoreBtn,
html[data-bm-archive="arc4"] #loadMoreBtn{
    display:none!important;
}

/* v24: Stable scroll rescue for weak phones.
   پلیر دست‌نخورده می‌ماند. دیگر transform/opacity کلی هنگام اسکرول تغییر نمی‌کند
   چون همان باعث پریدن کارت‌ها، هدر، hero و اجزای صفحه می‌شد. */
@media (max-width: 900px){
  html.bm-scroll-lite{scroll-behavior:auto!important;}

  /* فقط transition و انیمیشن آیتم‌های لیستی را سبک می‌کنیم؛ مقدار transform را عوض نمی‌کنیم. */
  html.bm-is-scrolling body:not(.movie-page) .movie-card,
  html.bm-is-scrolling body:not(.movie-page) .grid-item,
  html.bm-is-scrolling body:not(.movie-page) .scroll-card,
  html.bm-is-scrolling body:not(.movie-page) .content-card,
  html.bm-is-scrolling body:not(.movie-page) .collection-card,
  html.bm-is-scrolling body:not(.movie-page) .archive-card,
  html.bm-is-scrolling body:not(.movie-page) .result-card,
  html.bm-is-scrolling body:not(.movie-page) .poster-card,
  html.bm-is-scrolling body:not(.movie-page) .person-card,
  html.bm-is-scrolling body:not(.movie-page) .cast-card,
  html.bm-is-scrolling body:not(.movie-page) .bm-ad-card{
    transition-property:opacity,border-color,background-color,color,box-shadow,filter!important;
    transition-duration:.001ms!important;
    transition-delay:0s!important;
    animation-play-state:paused!important;
    will-change:auto!important;
    box-shadow:none!important;
    filter:none!important;
  }

  /* پسترها موقع اسکرول transform:none نمی‌شوند؛ فقط repaint آنها کم می‌شود. */
  html.bm-is-scrolling body:not(.movie-page) .poster-img,
  html.bm-is-scrolling body:not(.movie-page) .bm-poster-img,
  html.bm-is-scrolling body:not(.movie-page) .scroll-card-poster,
  html.bm-is-scrolling body:not(.movie-page) .movie-poster img{
    transition-property:opacity,filter!important;
    transition-duration:.001ms!important;
    filter:none!important;
    will-change:auto!important;
  }

  /* skeleton و shimmer موقع اسکرول فریم نمی‌خورند. */
  html.bm-is-scrolling body:not(.movie-page) .skeleton-line::before,
  html.bm-is-scrolling body:not(.movie-page) .movie-skeleton-poster::before,
  html.bm-is-scrolling body:not(.movie-page) .ext-loading-skeletons::before,
  html.bm-is-scrolling body:not(.movie-page) [class*="skeleton"]::before{
    animation-play-state:paused!important;
  }

  /* اسکرول افقی در موبایل نرم‌تر و بدون snap اجباری. */
  html.bm-scroll-lite .scroll-horizontal,
  html.bm-scroll-lite .genres-scroll,
  html.bm-scroll-lite .countries-scroll,
  html.bm-scroll-lite .stories-container{
    scroll-behavior:auto!important;
    scroll-snap-type:none!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
  }

  /* ارتفاع حداقلی لیست‌ها باعث می‌شود هنگام جایگزینی skeleton با کارت، صفحه نپرد. */
  body:not(.movie-page) .scroll-horizontal{
    min-height:238px;
    align-items:stretch;
  }
  body:not(.movie-page) .scroll-card{
    min-height:226px;
    transform:translateZ(0);
  }
  body:not(.movie-page) .scroll-card-poster,
  body:not(.movie-page) .poster-wrap{
    aspect-ratio:2/3;
    min-height:0;
  }

  /* پلیر و انیمیشن‌های خودش کاملاً از rescue اسکرول مستثنا هستند. */
  html.bm-is-scrolling body.movie-page .player-wrapper,
  html.bm-is-scrolling body.movie-page .player-wrapper *,
  html.bm-is-scrolling body.movie-page #playerWrapper,
  html.bm-is-scrolling body.movie-page #arc1PlayerInner{
    animation-play-state:running!important;
    will-change:unset;
  }
}

.bm-archive-speed-note{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 16px 14px;
  padding:11px 13px;
  border-radius:18px;
  border:1px solid rgba(var(--accent-rgb),.22);
  background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),rgba(255,255,255,.045));
  color:var(--text-secondary);
  font-size:12px;
  line-height:1.8;
}
.bm-archive-speed-note svg{
  width:18px;
  height:18px;
  flex:0 0 auto;
  stroke:var(--accent);
}
@media (max-width:768px){
  .bm-archive-speed-note{margin:0 12px 12px;font-size:11.5px;padding:10px 12px;border-radius:16px;}
}

/* v26: Remove heavy hero slider zoom animation.
   مخصوص گوشی‌های ضعیف: عکس اسلایدر دیگر scale/zoom دائمی ندارد،
   ولی تغییر اسلاید با fade ساده حفظ می‌شود. */
.hero-bg{
  animation:none!important;
  transform:none!important;
  will-change:auto!important;
}
.hero-slide,
.hero-slide.active{
  transform:none!important;
  filter:none!important;
  will-change:opacity!important;
}
.hero-slide{
  transition:opacity .38s ease, visibility .38s ease!important;
}
@media (max-width:900px){
  .hero-slider *{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
  }
  .hero-content{
    animation:none!important;
    transform:none!important;
  }
  .hero-arrow:hover,
  .hero-btn.main:hover,
  .hero-dot:hover{
    transform:none!important;
  }
}


/* v27: Movie/Series section, not hero slider.
   حل خالی/سیاه ماندن بخش فیلم و سریال روی گوشی ضعیف + انیمیشن خیلی سبک ورود کارت‌ها. */
.ext-loading-skeletons{
  display:flex;
  gap:12px;
  width:max-content;
  min-height:226px;
  align-items:stretch;
  flex:0 0 auto;
}
.ext-skeleton-card{
  flex:0 0 130px;
  width:130px;
  min-height:226px;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.06);
  background:#0f0f13;
  pointer-events:none;
}
.ext-skeleton-poster{
  position:relative;
  width:100%;
  aspect-ratio:2/3;
  background:linear-gradient(180deg,#1b1b22,#101015);
  overflow:hidden;
}
.ext-skeleton-info{padding:8px;display:block!important}
.ext-skeleton-info span,
.ext-skeleton-info small{
  display:block;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.075);
  margin-bottom:7px;
}
.ext-skeleton-info small{width:58%;height:8px;background:rgba(255,255,255,.045)}
.ext-skeleton-poster::before,
.ext-skeleton-info span::before,
.ext-skeleton-info small::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.05) 42%,rgba(255,255,255,.13) 50%,rgba(255,255,255,.05) 58%,transparent 100%);
  transform:translateX(100%);
  animation:skeletonSweep 1.35s ease-in-out infinite;
}
.ext-skeleton-info span,
.ext-skeleton-info small{position:relative;overflow:hidden}

@media (max-width:900px){
  body:not(.movie-page) .filter-bar{
    transform:translateZ(0);
    contain:layout paint style;
  }
  body:not(.movie-page) .filter-bar.bm-type-switching .type-buttons{
    border-color:rgba(var(--accent-rgb),.24);
    box-shadow:0 0 0 1px rgba(var(--accent-rgb),.08),0 10px 28px rgba(0,0,0,.16);
  }

  /* ثابت نگه داشتن فضا؛ دیگر هنگام لود فیلم/سریال صفحه سیاه و خالی دیده نمی‌شود. */
  body:not(.movie-page) #moviesGrid,
  body:not(.movie-page) #extUpdatedMoviesList,
  body:not(.movie-page) #extUpdatedSeriesList,
  body:not(.movie-page) #arc3NewMoviesList,
  body:not(.movie-page) #arc3NewSeriesList,
  body:not(.movie-page) #arc4NewMoviesList,
  body:not(.movie-page) #arc4NewSeriesList{
    min-height:238px;
  }

  /* انیمیشن ورود برای بخش فیلم/سریال: سبک، بدون 3D/cube سنگین. */
  body:not(.movie-page) .scroll-horizontal.bm-list-rendered > .scroll-card,
  body:not(.movie-page) .movies-grid.bm-list-rendered > .grid-item{
    animation:bmMovieSeriesSoftIn .26s cubic-bezier(.2,.8,.2,1) both;
  }
  body:not(.movie-page) .scroll-horizontal.bm-list-rendered > .scroll-card:nth-child(1),
  body:not(.movie-page) .movies-grid.bm-list-rendered > .grid-item:nth-child(1){animation-delay:0ms}
  body:not(.movie-page) .scroll-horizontal.bm-list-rendered > .scroll-card:nth-child(2),
  body:not(.movie-page) .movies-grid.bm-list-rendered > .grid-item:nth-child(2){animation-delay:18ms}
  body:not(.movie-page) .scroll-horizontal.bm-list-rendered > .scroll-card:nth-child(3),
  body:not(.movie-page) .movies-grid.bm-list-rendered > .grid-item:nth-child(3){animation-delay:36ms}
  body:not(.movie-page) .scroll-horizontal.bm-list-rendered > .scroll-card:nth-child(4),
  body:not(.movie-page) .movies-grid.bm-list-rendered > .grid-item:nth-child(4){animation-delay:54ms}
  body:not(.movie-page) .scroll-horizontal.bm-list-rendered > .scroll-card:nth-child(5),
  body:not(.movie-page) .movies-grid.bm-list-rendered > .grid-item:nth-child(5){animation-delay:72ms}
  body:not(.movie-page) .scroll-horizontal.bm-list-rendered > .scroll-card:nth-child(6),
  body:not(.movie-page) .movies-grid.bm-list-rendered > .grid-item:nth-child(6){animation-delay:90ms}
  body:not(.movie-page) .scroll-horizontal.bm-list-rendered > .scroll-card:nth-child(7),
  body:not(.movie-page) .movies-grid.bm-list-rendered > .grid-item:nth-child(7){animation-delay:108ms}
  body:not(.movie-page) .scroll-horizontal.bm-list-rendered > .scroll-card:nth-child(8),
  body:not(.movie-page) .movies-grid.bm-list-rendered > .grid-item:nth-child(8){animation-delay:126ms}
  body:not(.movie-page) .scroll-horizontal.bm-list-rendered > .scroll-card:nth-child(n+9),
  body:not(.movie-page) .movies-grid.bm-list-rendered > .grid-item:nth-child(n+9){
    animation:none!important;
    opacity:1!important;
    transform:none!important;
  }

  html.bm-is-scrolling body:not(.movie-page) .scroll-horizontal.bm-list-rendered > .scroll-card,
  html.bm-is-scrolling body:not(.movie-page) .movies-grid.bm-list-rendered > .grid-item{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
  }
}
@keyframes bmMovieSeriesSoftIn{
  from{opacity:.01;transform:translate3d(12px,0,0) scale(.985)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@media (prefers-reduced-motion:reduce){
  body:not(.movie-page) .scroll-horizontal.bm-list-rendered > .scroll-card,
  body:not(.movie-page) .movies-grid.bm-list-rendered > .grid-item{animation:none!important}
}


/* v28: Ultra mobile smooth mode for weak phones.
   هدف: روی موبایل‌های ضعیف فشار GPU کم شود؛ ظاهر اصلی می‌ماند ولی افکت‌های پرهزینه سبک می‌شوند. */
@media (max-width:768px){
  html.bm-mobile-lite{scroll-behavior:auto!important;}

  /* افکت‌های سنگین موبایل: blur/mask/shadow/filter کمتر. */
  html.bm-mobile-lite .hero-bg,
  html.bm-mobile-lite .hero-content,
  html.bm-mobile-lite .bm-page-loader,
  html.bm-mobile-lite .bm-loader-bar span,
  html.bm-mobile-lite .skeleton-line::before,
  html.bm-mobile-lite .movie-skeleton-poster::before,
  html.bm-mobile-lite .ext-skeleton-poster::before,
  html.bm-mobile-lite .ext-skeleton-info span::before,
  html.bm-mobile-lite .ext-skeleton-info small::before,
  html.bm-mobile-lite [class*="skeleton"]::before{
    animation:none!important;
  }

  html.bm-mobile-lite .header,
  html.bm-mobile-lite .desktop-header,
  html.bm-mobile-lite .mobile-header,
  html.bm-mobile-lite .bottom-nav,
  html.bm-mobile-lite .sidebar-menu,
  html.bm-mobile-lite .menu-overlay,
  html.bm-mobile-lite .notif-sidebar,
  html.bm-mobile-lite .notification-modal,
  html.bm-mobile-lite .modal,
  html.bm-mobile-lite .auth-menu,
  html.bm-mobile-lite .story-modal,
  html.bm-mobile-lite .download-link,
  html.bm-mobile-lite .arc2-movie-link,
  html.bm-mobile-lite .arc2-episode-row,
  html.bm-mobile-lite .arc2-download-card,
  html.bm-mobile-lite .movie-detail,
  html.bm-mobile-lite .poster-col,
  html.bm-mobile-lite .related-section,
  html.bm-mobile-lite [style*="backdrop-filter"],
  html.bm-mobile-lite [class*="glass"]{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  html.bm-mobile-lite .movie-card,
  html.bm-mobile-lite .grid-item,
  html.bm-mobile-lite .scroll-card,
  html.bm-mobile-lite .content-card,
  html.bm-mobile-lite .collection-card,
  html.bm-mobile-lite .archive-card,
  html.bm-mobile-lite .result-card,
  html.bm-mobile-lite .related-card,
  html.bm-mobile-lite .download-link,
  html.bm-mobile-lite .arc2-movie-link,
  html.bm-mobile-lite .arc2-episode-row,
  html.bm-mobile-lite .arc2-download-card,
  html.bm-mobile-lite .poster-col{
    box-shadow:0 8px 18px rgba(0,0,0,.22)!important;
    filter:none!important;
    will-change:auto!important;
  }

  html.bm-mobile-lite .movie-card:hover,
  html.bm-mobile-lite .grid-item:hover,
  html.bm-mobile-lite .scroll-card:hover,
  html.bm-mobile-lite .content-card:hover,
  html.bm-mobile-lite .collection-card:hover,
  html.bm-mobile-lite .archive-card:hover,
  html.bm-mobile-lite .result-card:hover,
  html.bm-mobile-lite .related-card:hover,
  html.bm-mobile-lite .download-link:hover,
  html.bm-mobile-lite .arc2-movie-link:hover,
  html.bm-mobile-lite .arc2-episode-row:hover,
  html.bm-mobile-lite .arc2-download-card:hover,
  html.bm-mobile-lite .poster-col:hover{
    transform:none!important;
  }

  html.bm-mobile-lite .bm-poster-img,
  html.bm-mobile-lite .poster-img,
  html.bm-mobile-lite .scroll-card-poster,
  html.bm-mobile-lite .grid-poster,
  html.bm-mobile-lite .related-poster,
  html.bm-mobile-lite .poster-col img,
  html.bm-mobile-lite .movie-poster img,
  html.bm-mobile-lite .search-result-poster{
    transform:none!important;
    filter:none!important;
    transition:opacity .12s ease!important;
    will-change:auto!important;
  }

  html.bm-mobile-lite .scroll-horizontal,
  html.bm-mobile-lite .genres-scroll,
  html.bm-mobile-lite .countries-scroll,
  html.bm-mobile-lite .stories-container,
  html.bm-mobile-lite .related-scroll{
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
    -webkit-overflow-scrolling:touch;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }

  /* عکس‌های لیستی قبل از لود، فضای ثابت دارند تا صفحه نپرد. */
  html.bm-mobile-lite .poster-wrap,
  html.bm-mobile-lite .scroll-card-poster,
  html.bm-mobile-lite .grid-poster,
  html.bm-mobile-lite .related-poster,
  html.bm-mobile-lite .search-result-poster{
    background:#111117;
    aspect-ratio:2/3;
  }

  /* وقتی کاربر اسکرول می‌کند، همه افکت‌های غیرضروری موقتاً خاموش می‌شوند. */

  /* پلیر از حالت سبک‌سازی کلی مستثناست تا کنترل‌ها خراب نشوند. */
  html.bm-mobile-lite .player-wrapper,
  html.bm-mobile-lite .player-wrapper *,
  html.bm-mobile-lite video.player-video{
    animation-duration:initial!important;
    animation-play-state:running!important;
  }
}


/* v29: fix play-choice modal on mobile lite.
   مودال پخش باید حتی هنگام touch/scroll سبک‌سازی، قابل دیدن و کلیک باشد. */
@media (max-width:768px){
  html.bm-mobile-lite .bm-play-choice-overlay,
  html.bm-mobile-lite .bm-play-choice-overlay *,
  html.bm-mobile-lite.bm-is-scrolling .bm-play-choice-overlay,
  html.bm-mobile-lite.bm-is-scrolling .bm-play-choice-overlay *{
    animation-play-state:running!important;
    pointer-events:auto!important;
  }
  html.bm-mobile-lite .bm-play-choice-overlay.active{
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
  }
  html.bm-mobile-lite .bm-play-choice-overlay.active .bm-play-choice-modal{
    opacity:1!important;
    transform:none!important;
    animation:none!important;
  }
}

/* v31 hard fix: play choice modal must be above every mobile lite/performance layer */
.bm-play-choice-overlay.active{
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:2147483647!important;
}
.bm-play-choice-overlay.active .bm-play-choice-modal{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}


/* v32: BankMovie mobile lag hardening - home/list pages only. Player untouched. */
@media (max-width:900px){
  html.bm-mobile-lite body:not(.movie-page) .hero-slider,
  html.bm-home-mobile-lite body:not(.movie-page) .hero-slider{
    height:52vh!important;
    min-height:360px!important;
    max-height:520px!important;
    contain:layout paint style;
    overflow:hidden;
  }
  html.bm-mobile-lite body:not(.movie-page) .hero-bg,
  html.bm-home-mobile-lite body:not(.movie-page) .hero-bg,
  html.bm-mobile-lite body:not(.movie-page) .hero-slide,
  html.bm-home-mobile-lite body:not(.movie-page) .hero-slide,
  html.bm-mobile-lite body:not(.movie-page) .hero-slide::before,
  html.bm-home-mobile-lite body:not(.movie-page) .hero-slide::before,
  html.bm-mobile-lite body:not(.movie-page) .hero-slide::after,
  html.bm-home-mobile-lite body:not(.movie-page) .hero-slide::after{
    animation:none!important;
    transform:none!important;
    filter:none!important;
    will-change:auto!important;
  }
  html.bm-mobile-lite body:not(.movie-page) .hero-slide,
  html.bm-home-mobile-lite body:not(.movie-page) .hero-slide{
    transition:opacity .22s ease,visibility .22s ease!important;
  }
  html.bm-mobile-lite body:not(.movie-page) .header,
  html.bm-home-mobile-lite body:not(.movie-page) .header,
  html.bm-mobile-lite body:not(.movie-page) .header-inner,
  html.bm-home-mobile-lite body:not(.movie-page) .header-inner,
  html.bm-mobile-lite body:not(.movie-page) .header-actions .notif-bell,
  html.bm-home-mobile-lite body:not(.movie-page) .header-actions .notif-bell,
  html.bm-mobile-lite body:not(.movie-page) .header-actions .menu-btn,
  html.bm-home-mobile-lite body:not(.movie-page) .header-actions .menu-btn,
  html.bm-mobile-lite body:not(.movie-page) .bm-header-search,
  html.bm-home-mobile-lite body:not(.movie-page) .bm-header-search,
  html.bm-mobile-lite body:not(.movie-page) .bm-header-request,
  html.bm-home-mobile-lite body:not(.movie-page) .bm-header-request,
  html.bm-mobile-lite body:not(.movie-page) .bottom-nav,
  html.bm-home-mobile-lite body:not(.movie-page) .bottom-nav,
  html.bm-mobile-lite body:not(.movie-page) .sidebar-menu,
  html.bm-home-mobile-lite body:not(.movie-page) .sidebar-menu,
  html.bm-mobile-lite body:not(.movie-page) .menu-overlay,
  html.bm-home-mobile-lite body:not(.movie-page) .menu-overlay,
  html.bm-mobile-lite body:not(.movie-page) .notif-sidebar,
  html.bm-home-mobile-lite body:not(.movie-page) .notif-sidebar,
  html.bm-mobile-lite body:not(.movie-page) .story-modal,
  html.bm-home-mobile-lite body:not(.movie-page) .story-modal,
  html.bm-mobile-lite body:not(.movie-page) .modal,
  html.bm-home-mobile-lite body:not(.movie-page) .modal,
  html.bm-mobile-lite body:not(.movie-page) [class*="glass"],
  html.bm-home-mobile-lite body:not(.movie-page) [class*="glass"]{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html.bm-mobile-lite body:not(.movie-page) .header-actions .notif-bell,
  html.bm-home-mobile-lite body:not(.movie-page) .header-actions .notif-bell,
  html.bm-mobile-lite body:not(.movie-page) .header-actions .menu-btn,
  html.bm-home-mobile-lite body:not(.movie-page) .header-actions .menu-btn,
  html.bm-mobile-lite body:not(.movie-page) .bm-header-search,
  html.bm-home-mobile-lite body:not(.movie-page) .bm-header-search,
  html.bm-mobile-lite body:not(.movie-page) .bm-header-request,
  html.bm-home-mobile-lite body:not(.movie-page) .bm-header-request,
  html.bm-mobile-lite body:not(.movie-page) .bottom-nav,
  html.bm-home-mobile-lite body:not(.movie-page) .bottom-nav,
  html.bm-mobile-lite body:not(.movie-page) .scroll-card,
  html.bm-home-mobile-lite body:not(.movie-page) .scroll-card,
  html.bm-mobile-lite body:not(.movie-page) .grid-item,
  html.bm-home-mobile-lite body:not(.movie-page) .grid-item,
  html.bm-mobile-lite body:not(.movie-page) .movie-card,
  html.bm-home-mobile-lite body:not(.movie-page) .movie-card,
  html.bm-mobile-lite body:not(.movie-page) .content-card,
  html.bm-home-mobile-lite body:not(.movie-page) .content-card,
  html.bm-mobile-lite body:not(.movie-page) .collection-card,
  html.bm-home-mobile-lite body:not(.movie-page) .collection-card,
  html.bm-mobile-lite body:not(.movie-page) .archive-card,
  html.bm-home-mobile-lite body:not(.movie-page) .archive-card,
  html.bm-mobile-lite body:not(.movie-page) .result-card,
  html.bm-home-mobile-lite body:not(.movie-page) .result-card{
    box-shadow:0 6px 14px rgba(0,0,0,.18)!important;
  }
  html.bm-mobile-lite body:not(.movie-page) .scroll-card:hover,
  html.bm-home-mobile-lite body:not(.movie-page) .scroll-card:hover,
  html.bm-mobile-lite body:not(.movie-page) .grid-item:hover,
  html.bm-home-mobile-lite body:not(.movie-page) .grid-item:hover,
  html.bm-mobile-lite body:not(.movie-page) .movie-card:hover,
  html.bm-home-mobile-lite body:not(.movie-page) .movie-card:hover,
  html.bm-mobile-lite body:not(.movie-page) .content-card:hover,
  html.bm-home-mobile-lite body:not(.movie-page) .content-card:hover,
  html.bm-mobile-lite body:not(.movie-page) .collection-card:hover,
  html.bm-home-mobile-lite body:not(.movie-page) .collection-card:hover,
  html.bm-mobile-lite body:not(.movie-page) .archive-card:hover,
  html.bm-home-mobile-lite body:not(.movie-page) .archive-card:hover,
  html.bm-mobile-lite body:not(.movie-page) .result-card:hover,
  html.bm-home-mobile-lite body:not(.movie-page) .result-card:hover,
  html.bm-mobile-lite body:not(.movie-page) .bm-poster-img:hover,
  html.bm-home-mobile-lite body:not(.movie-page) .bm-poster-img:hover,
  html.bm-mobile-lite body:not(.movie-page) .poster-img:hover,
  html.bm-home-mobile-lite body:not(.movie-page) .poster-img:hover{
    transform:none!important;
    filter:none!important;
  }
  html.bm-mobile-lite body:not(.movie-page) .bm-poster-img,
  html.bm-home-mobile-lite body:not(.movie-page) .bm-poster-img,
  html.bm-mobile-lite body:not(.movie-page) .poster-img,
  html.bm-home-mobile-lite body:not(.movie-page) .poster-img,
  html.bm-mobile-lite body:not(.movie-page) .scroll-card-poster,
  html.bm-home-mobile-lite body:not(.movie-page) .scroll-card-poster,
  html.bm-mobile-lite body:not(.movie-page) .grid-poster,
  html.bm-home-mobile-lite body:not(.movie-page) .grid-poster,
  html.bm-mobile-lite body:not(.movie-page) .search-result-poster,
  html.bm-home-mobile-lite body:not(.movie-page) .search-result-poster{
    content-visibility:auto;
    contain:layout paint style;
  }
  html.bm-mobile-lite body:not(.movie-page) .scroll-horizontal,
  html.bm-home-mobile-lite body:not(.movie-page) .scroll-horizontal,
  html.bm-mobile-lite body:not(.movie-page) .movies-grid,
  html.bm-home-mobile-lite body:not(.movie-page) .movies-grid,
  html.bm-mobile-lite body:not(.movie-page) .results-grid,
  html.bm-home-mobile-lite body:not(.movie-page) .results-grid{
    contain:layout paint style;
  }
  html.bm-mobile-lite body:not(.movie-page) .bm-ad-floating,
  html.bm-home-mobile-lite body:not(.movie-page) .bm-ad-floating,
  html.bm-mobile-lite body:not(.movie-page) .bm-ad-badge,
  html.bm-home-mobile-lite body:not(.movie-page) .bm-ad-badge,
  html.bm-mobile-lite body:not(.movie-page) .bm-ad-close,
  html.bm-home-mobile-lite body:not(.movie-page) .bm-ad-close{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:0 6px 14px rgba(0,0,0,.2)!important;
  }
}
@media (max-width:420px){
  html.bm-mobile-lite body:not(.movie-page) .hero-slider,
  html.bm-home-mobile-lite body:not(.movie-page) .hero-slider{height:48vh!important;min-height:330px!important;}
}


/* v33: extra mobile rescue, auth social cleanup, and safer rendering without touching player. */
.auth-page .social-login,
.auth-page .social-auth,
.auth-page .auth-social,
.auth-page .login-social,
.auth-page .register-social,
.auth-page .social-buttons,
.auth-page .social-links,
.auth-page .social-divider,
.auth-page .social-network,
.auth-page .social-networks,
.auth-page .social-btn,
.auth-page .google-login,
.auth-page .facebook-login,
.auth-page .apple-login,
.auth-page .telegram-login,
.auth-page .instagram-login{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
@media (max-width:768px){
  body.auth-page .container,
  body.auth-page .form-box,
  body.auth-page .toggle-box,
  body.auth-page .toggle-box::before,
  body.auth-page .toggle-panel{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    will-change:auto!important;
  }
  body.auth-page .duck-frame,
  body.auth-page .duck-sticker,
  body.auth-page .soundwave,
  body.auth-page .soundwave span{
    animation:none!important;
    transition-duration:.12s!important;
    will-change:auto!important;
  }
  body.auth-page .soundwave{display:none!important}

  /* خانه و آرشیو: هنگام اسکرول، paint روی متن/سایه/فیلترها کم شود. */
  html.bm-mobile-lite.bm-is-scrolling body:not(.movie-page):not(.bm-player-active) .hero-title,
  html.bm-mobile-lite.bm-is-scrolling body:not(.movie-page):not(.bm-player-active) .section-title,
  html.bm-mobile-lite.bm-is-scrolling body:not(.movie-page):not(.bm-player-active) .movie-title,
  html.bm-mobile-lite.bm-is-scrolling body:not(.movie-page):not(.bm-player-active) .scroll-card-title,
  html.bm-mobile-lite.bm-is-scrolling body:not(.movie-page):not(.bm-player-active) .grid-title{
    text-shadow:none!important;
    filter:none!important;
  }
  html.bm-mobile-lite.bm-is-scrolling body:not(.movie-page):not(.bm-player-active) .header,
  html.bm-mobile-lite.bm-is-scrolling body:not(.movie-page):not(.bm-player-active) .mobile-header,
  html.bm-mobile-lite.bm-is-scrolling body:not(.movie-page):not(.bm-player-active) .bottom-nav,
  html.bm-mobile-lite.bm-is-scrolling body:not(.movie-page):not(.bm-player-active) .archive-switch,
  html.bm-mobile-lite.bm-is-scrolling body:not(.movie-page):not(.bm-player-active) .arc-tabs,
  html.bm-mobile-lite.bm-is-scrolling body:not(.movie-page):not(.bm-player-active) .filter-bar{
    box-shadow:none!important;
    filter:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html.bm-mobile-lite body:not(.movie-page):not(.bm-player-active) .bm-ad-glow,
  html.bm-mobile-lite body:not(.movie-page):not(.bm-player-active) .hero-glow,
  html.bm-mobile-lite body:not(.movie-page):not(.bm-player-active) [class*="glow"]{
    animation:none!important;
    filter:none!important;
    opacity:.45!important;
  }
}


/* v34: fixed header + icon-only media badges on posters */
.header.bm-header-fixed-top,
.site-header.bm-header-fixed-top,
#siteHeader.bm-header-fixed-top{
  position:sticky!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:1600!important;
  transform:none!important;
}
html.bm-mobile-lite body:not(.movie-page):not(.bm-player-active) .header.bm-header-fixed-top,
html.bm-mobile-lite body:not(.movie-page):not(.bm-player-active) .site-header.bm-header-fixed-top,
html.bm-mobile-lite body:not(.movie-page):not(.bm-player-active) #siteHeader.bm-header-fixed-top{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
  background:rgba(10,12,18,.94)!important;
}
.bm-card-media-badges{
  position:absolute;
  top:8px;
  left:8px;
  z-index:4;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.bm-card-media-badge{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(8,10,14,.82);
  border:1px solid rgba(255,255,255,.1);
  color:#fff;
  box-shadow:0 6px 14px rgba(0,0,0,.24);
}
.bm-card-media-badge.is-dub{color:#ffcf57;border-color:rgba(255,207,87,.28)}
.bm-card-media-badge.is-sub{color:#8fd6ff;border-color:rgba(143,214,255,.28)}
.bm-card-media-badge svg{
  width:15px;
  height:15px;
  stroke:currentColor;
}
@media (max-width:768px){
  .bm-card-media-badges{top:6px;left:6px;gap:5px}
  .bm-card-media-badge{width:24px;height:24px}
  .bm-card-media-badge svg{width:13px;height:13px}
}
body.movie-page .bm-poster-badges .bm-poster-badge,
body.movie-page .bm-poster-badges .bm-poster-badge span{
  transition:none!important;
}
body.movie-page .bm-poster-badges .bm-poster-badge{
  min-width:36px!important;
  width:36px!important;
  height:36px!important;
  padding:0!important;
  justify-content:center!important;
  gap:0!important;
}
body.movie-page .bm-poster-badges .bm-poster-badge span{
  display:none!important;
}
body.movie-page .bm-poster-badges .bm-poster-badge svg{
  width:18px!important;
  height:18px!important;
  margin:0!important;
}


/* v35: perceived performance + retention polish */
@media (max-width:900px){
  body:not(.movie-page) .bm-lazy-pending{
    min-height:0!important;
    contain:layout paint style;
  }
  body:not(.movie-page) .bm-lazy-pending:empty::before{
    content:"";
    display:block;
    height:1px;
  }
  body:not(.movie-page) .scroll-horizontal{
    gap:10px!important;
    scrollbar-width:none;
  }
  body:not(.movie-page) .scroll-horizontal::-webkit-scrollbar,
  body:not(.movie-page) .stories-container::-webkit-scrollbar,
  body:not(.movie-page) .genres-scroll::-webkit-scrollbar,
  body:not(.movie-page) .countries-scroll::-webkit-scrollbar{display:none!important}
  body:not(.movie-page) .scroll-card,
  body:not(.movie-page) .grid-item,
  body:not(.movie-page) .movie-card{
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }
  body:not(.movie-page) .scroll-card,
  body:not(.movie-page) .grid-item{
    box-shadow:0 6px 16px rgba(0,0,0,.18)!important;
  }
  body:not(.movie-page) .scroll-card:active,
  body:not(.movie-page) .grid-item:active,
  body:not(.movie-page) .movie-card:active{
    transform:scale(.985)!important;
    transition:transform .08s ease!important;
  }
  body:not(.movie-page) .section-header,
  body:not(.movie-page) .archive-switch,
  body:not(.movie-page) .arc-tabs,
  body:not(.movie-page) .filter-bar,
  body:not(.movie-page) .type-buttons{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  body:not(.movie-page) .hero-slider{
    contain:layout paint style;
    isolation:isolate;
  }
  body:not(.movie-page) .hero-slide:not(.active){
    pointer-events:none!important;
  }
  body:not(.movie-page) .hero-title,
  body:not(.movie-page) .hero-desc{
    text-wrap:balance;
  }
}
@media (max-width:768px){
  body:not(.movie-page) .ext-skeleton-card{flex-basis:112px!important;width:112px!important;min-height:196px!important}
  body:not(.movie-page) .scroll-card{min-height:204px!important}
  body:not(.movie-page) .scroll-horizontal{min-height:214px!important}
  body:not(.movie-page) .imdb-card-badge{
    height:22px!important;
    padding-inline:6px!important;
    border-radius:10px!important;
  }
  body:not(.movie-page) .imdb-card-badge .imdb-mini-svg{width:25px!important;max-height:13px!important}
  body:not(.movie-page) .imdb-card-badge b{font-size:9px!important}
  body:not(.movie-page) .year-badge{font-size:9px!important;padding:2px 6px!important}
  body:not(.movie-page) .scroll-card-info,
  body:not(.movie-page) .grid-info{padding-top:7px!important}
}
@media (hover:none) and (pointer:coarse){
  body:not(.movie-page) .scroll-card:hover,
  body:not(.movie-page) .grid-item:hover,
  body:not(.movie-page) .movie-card:hover,
  body:not(.movie-page) .hero-btn:hover,
  body:not(.movie-page) .view-all-btn:hover{
    transform:none!important;
    filter:none!important;
  }
}


/* v36: Archive 1 real backdrop support. When a source cover/backdrop exists, use it as the hero background instead of stretching the poster. */
body.movie-page .movie-detail.bm-arc1-has-backdrop::before{
  background-size:cover!important;
  background-position:center center!important;
  filter:blur(13px) brightness(.46) saturate(1.1)!important;
  opacity:.78!important;
}
@media (max-width:768px){
  body.movie-page .movie-detail.bm-arc1-has-backdrop::before{
    background-size:cover!important;
    background-position:center top!important;
    filter:blur(9px) brightness(.44) saturate(1.08)!important;
    opacity:.72!important;
  }
}


/* v38: backdrop blur restored to the previous v36 look; favicon kept. */


/* ===== V63 FINAL HEADER: NO GLASS, NO BLACK BAR, ICONS ONLY ON MOBILE ===== */
#siteHeader,
#siteHeader.header,
#siteHeader.header-solid,
#siteHeader.header-glass,
#siteHeader.bm-smart-header,
#siteHeader.bm-header-fixed-top,
.header#siteHeader{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}
#siteHeader::before,
#siteHeader::after,
#siteHeader .header-inner::before,
#siteHeader .header-inner::after{
  display:none !important;
  content:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
#siteHeader .request-link,
#siteHeader .bm-header-request,
#siteHeader a[href*="request.php"],
#siteHeader .bm-header-collections-icon,
#siteHeader .bm-icon-only-collection:not(.bm-header-collection),
#siteHeader .header-actions a.collection-link:not(.bm-header-collection){
  display:none !important;
}

@media (min-width: 992px){
  #siteHeader{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:1600 !important;
  }
  #siteHeader .header-inner{
    width:min(1420px, calc(100% - 28px)) !important;
    min-height:62px !important;
    margin:8px auto 0 !important;
    padding:0 8px !important;
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:14px !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  #siteHeader .logo{grid-column:3 !important;justify-self:end !important;display:flex !important;align-items:center !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
  #siteHeader .bm-header-logo-img{height:30px !important;width:auto !important;max-width:104px !important;object-fit:contain !important;filter:drop-shadow(0 5px 12px rgba(0,0,0,.32)) !important;}
  #siteHeader .desktop-nav{grid-column:2 !important;justify-self:center !important;display:flex !important;align-items:center !important;gap:18px !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
  #siteHeader .desktop-nav-item{
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    color:#fff !important;
    text-decoration:none !important;
    font-size:13px !important;
    font-weight:900 !important;
    text-shadow:0 2px 10px rgba(0,0,0,.55) !important;
  }
  #siteHeader .desktop-nav-item:hover,
  #siteHeader .desktop-nav-item.active{
    background:transparent !important;
    color:#52a8ff !important;
    border:0 !important;
    box-shadow:none !important;
  }
  #siteHeader .header-actions{grid-column:1 !important;justify-self:start !important;display:flex !important;align-items:center !important;gap:14px !important;direction:ltr !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
  #siteHeader .menu-btn,
  #siteHeader .bm-header-collection{display:none !important;}
  #siteHeader .notif-bell,
  #siteHeader .bm-header-search,
  #siteHeader .auth-trigger,
  #siteHeader .user-trigger{
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    padding:0 !important;
    border-radius:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    color:#fff !important;
    text-decoration:none !important;
    font-size:13px !important;
    font-weight:900 !important;
    text-shadow:0 2px 10px rgba(0,0,0,.55) !important;
  }
  #siteHeader .notif-bell svg,
  #siteHeader .bm-header-search svg{width:20px !important;height:20px !important;stroke:currentColor !important;}
}

@media (max-width: 991px){
  #siteHeader,
  #siteHeader.header,
  #siteHeader.header-solid,
  #siteHeader.header-glass,
  #siteHeader.bm-smart-header,
  #siteHeader.bm-header-fixed-top{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:60px !important;
    min-height:60px !important;
    z-index:1600 !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  #siteHeader .header-inner{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:60px !important;
    min-height:60px !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    overflow:visible !important;
  }
  #siteHeader .desktop-nav,
  #siteHeader .auth-dropdown{display:none !important;}
  #siteHeader .logo{
    position:absolute !important;
    left:50% !important;
    top:10px !important;
    transform:translateX(-50%) !important;
    z-index:4 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:68px !important;
    height:28px !important;
    max-width:68px !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  #siteHeader .bm-header-logo-img{
    display:block !important;
    height:auto !important;
    max-height:28px !important;
    width:auto !important;
    max-width:68px !important;
    object-fit:contain !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:drop-shadow(0 3px 8px rgba(0,0,0,.32)) !important;
  }
  #siteHeader .header-actions{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:60px !important;
    min-height:60px !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  #siteHeader .menu-btn,
  #siteHeader .bm-header-collection,
  #siteHeader .notif-bell,
  #siteHeader .bm-header-search{
    position:absolute !important;
    top:13px !important;
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    color:#fff !important;
    text-decoration:none !important;
  }
  #siteHeader .menu-btn{left:22px !important;}
  #siteHeader .bm-header-collection{left:62px !important;color:#3f96ff !important;}
  #siteHeader .notif-bell{right:62px !important;}
  #siteHeader .bm-header-search{right:22px !important;}
  #siteHeader .menu-btn svg,
  #siteHeader .bm-header-collection svg,
  #siteHeader .notif-bell svg,
  #siteHeader .bm-header-search svg{
    width:24px !important;
    height:24px !important;
    stroke:currentColor !important;
    color:currentColor !important;
    stroke-width:2.1 !important;
    filter:drop-shadow(0 2px 5px rgba(0,0,0,.38)) !important;
  }
  #siteHeader .notif-badge{
    position:absolute !important;
    top:-2px !important;
    right:-2px !important;
    width:9px !important;
    height:9px !important;
    border-radius:50% !important;
    background:#ff3f6d !important;
    box-shadow:none !important;
  }
  #siteHeader .menu-btn:hover,
  #siteHeader .bm-header-collection:hover,
  #siteHeader .notif-bell:hover,
  #siteHeader .bm-header-search:hover{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
  }
}


/* ===== V64 desktop responsive + mobile logo size tune ===== */
@media (min-width: 1200px){
  #siteHeader .header-inner{
    min-height:72px !important;
    width:min(1480px, calc(100% - 36px)) !important;
    margin:10px auto 0 !important;
    grid-template-columns: minmax(220px,auto) minmax(420px,1fr) minmax(190px,auto) !important;
    gap:24px !important;
  }
  #siteHeader .bm-header-logo-img{
    max-width:158px !important;
    height:44px !important;
    max-height:44px !important;
  }
  #siteHeader .desktop-nav{
    gap:26px !important;
    justify-content:center !important;
    min-width:0 !important;
  }
  #siteHeader .desktop-nav-item{
    font-size:15px !important;
    font-weight:950 !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  #siteHeader .header-actions{
    gap:18px !important;
  }
  #siteHeader .notif-bell,
  #siteHeader .bm-header-search,
  #siteHeader .auth-trigger,
  #siteHeader .user-trigger{
    font-size:14px !important;
    font-weight:950 !important;
  }
  #siteHeader .notif-bell svg,
  #siteHeader .bm-header-search svg{
    width:22px !important;
    height:22px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px){
  #siteHeader .header-inner{
    min-height:64px !important;
    width:calc(100% - 24px) !important;
    margin:8px auto 0 !important;
    grid-template-columns: minmax(160px,auto) minmax(300px,1fr) minmax(135px,auto) !important;
    gap:14px !important;
  }
  #siteHeader .bm-header-logo-img{
    max-width:126px !important;
    height:36px !important;
    max-height:36px !important;
  }
  #siteHeader .desktop-nav{
    gap:15px !important;
    min-width:0 !important;
    overflow:hidden !important;
  }
  #siteHeader .desktop-nav-item{
    font-size:13px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
  }
  #siteHeader .header-actions{
    gap:12px !important;
    min-width:0 !important;
  }
  #siteHeader .auth-trigger,
  #siteHeader .user-trigger{
    font-size:13px !important;
    white-space:nowrap !important;
  }
  #siteHeader .notif-bell svg,
  #siteHeader .bm-header-search svg{
    width:20px !important;
    height:20px !important;
  }
}

@media (max-width: 991px){
  #siteHeader .logo{
    top:9px !important;
    width:82px !important;
    max-width:82px !important;
    height:32px !important;
  }
  #siteHeader .bm-header-logo-img{
    max-width:82px !important;
    max-height:32px !important;
  }
}

@media (max-width: 390px){
  #siteHeader .logo{
    width:78px !important;
    max-width:78px !important;
  }
  #siteHeader .bm-header-logo-img{
    max-width:78px !important;
    max-height:31px !important;
  }
  #siteHeader .menu-btn{left:16px !important;}
  #siteHeader .bm-header-collection{left:54px !important;}
  #siteHeader .notif-bell{right:54px !important;}
  #siteHeader .bm-header-search{right:16px !important;}
}


/* ===== V65 desktop RTL-grid fix + mobile logo tune ===== */
@media (min-width: 992px){
  #siteHeader,
  #siteHeader.header,
  #siteHeader.header-solid,
  #siteHeader.header-glass,
  #siteHeader.bm-smart-header,
  #siteHeader.bm-header-fixed-top{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:1600 !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-bottom:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    direction:ltr !important;
  }
  #siteHeader .header-inner{
    direction:ltr !important;
    position:relative !important;
    width:min(1460px, calc(100% - 40px)) !important;
    max-width:1460px !important;
    min-height:82px !important;
    height:82px !important;
    margin:0 auto !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:minmax(180px, 260px) minmax(360px, 1fr) minmax(180px, 260px) !important;
    align-items:center !important;
    gap:24px !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  #siteHeader .logo{
    grid-column:3 !important;
    justify-self:end !important;
    align-self:center !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:auto !important;
    height:auto !important;
    max-width:none !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  #siteHeader .bm-header-logo-img{
    display:block !important;
    width:auto !important;
    height:52px !important;
    max-height:52px !important;
    max-width:188px !important;
    object-fit:contain !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:drop-shadow(0 7px 16px rgba(0,0,0,.38)) !important;
  }
  #siteHeader .desktop-nav{
    grid-column:2 !important;
    justify-self:center !important;
    align-self:center !important;
    display:flex !important;
    flex-direction:row-reverse !important;
    align-items:center !important;
    justify-content:center !important;
    gap:32px !important;
    min-width:0 !important;
    width:auto !important;
    direction:rtl !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  #siteHeader .desktop-nav-item{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    color:#fff !important;
    text-decoration:none !important;
    font-size:16px !important;
    line-height:1 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    text-shadow:0 2px 10px rgba(0,0,0,.52) !important;
  }
  #siteHeader .desktop-nav-item:hover,
  #siteHeader .desktop-nav-item.active{
    color:#4ba6ff !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  #siteHeader .header-actions{
    grid-column:1 !important;
    justify-self:start !important;
    align-self:center !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:22px !important;
    min-width:0 !important;
    width:auto !important;
    direction:ltr !important;
    position:relative !important;
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  #siteHeader .menu-btn,
  #siteHeader .bm-header-collection{
    display:none !important;
  }
  #siteHeader .notif-bell,
  #siteHeader .bm-header-search,
  #siteHeader .auth-trigger,
  #siteHeader .user-trigger{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    padding:0 !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    color:#fff !important;
    text-decoration:none !important;
    font-size:15px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    text-shadow:0 2px 10px rgba(0,0,0,.52) !important;
  }
  #siteHeader .notif-bell svg,
  #siteHeader .bm-header-search svg{
    width:24px !important;
    height:24px !important;
    stroke:currentColor !important;
    color:currentColor !important;
    filter:drop-shadow(0 2px 6px rgba(0,0,0,.35)) !important;
  }
  #siteHeader .notif-badge{
    top:-4px !important;
    right:-4px !important;
    width:10px !important;
    height:10px !important;
    background:#ff3f6d !important;
    box-shadow:none !important;
  }
}

@media (min-width: 992px) and (max-width: 1240px){
  #siteHeader .header-inner{
    width:calc(100% - 26px) !important;
    min-height:72px !important;
    height:72px !important;
    grid-template-columns:minmax(140px, 210px) minmax(300px, 1fr) minmax(145px, 210px) !important;
    gap:16px !important;
  }
  #siteHeader .bm-header-logo-img{
    height:42px !important;
    max-height:42px !important;
    max-width:150px !important;
  }
  #siteHeader .desktop-nav{
    gap:20px !important;
  }
  #siteHeader .desktop-nav-item{
    font-size:14px !important;
  }
  #siteHeader .header-actions{
    gap:15px !important;
  }
  #siteHeader .notif-bell svg,
  #siteHeader .bm-header-search svg{
    width:22px !important;
    height:22px !important;
  }
}

@media (max-width: 991px){
  #siteHeader .logo{
    top:8px !important;
    width:92px !important;
    max-width:92px !important;
    height:36px !important;
  }
  #siteHeader .bm-header-logo-img{
    max-width:92px !important;
    max-height:36px !important;
    height:auto !important;
  }
}

@media (max-width: 390px){
  #siteHeader .logo{
    width:86px !important;
    max-width:86px !important;
    height:34px !important;
  }
  #siteHeader .bm-header-logo-img{
    max-width:86px !important;
    max-height:34px !important;
  }
}

/* ===== V66 LOW-END MOBILE RUNTIME =====
   Early device tiering + no per-scroll DOM class mutations.
   Player controls and active dialogs are deliberately excluded. */
@media (max-width:900px){
  html.bm-mobile-lite{scroll-behavior:auto!important}
  html.bm-mobile-lite body{overscroll-behavior-y:none}

  html.bm-mobile-lite .header,
  html.bm-mobile-lite .mobile-header,
  html.bm-mobile-lite .bottom-nav,
  html.bm-mobile-lite .sidebar-menu,
  html.bm-mobile-lite .notif-sidebar,
  html.bm-mobile-lite .menu-overlay,
  html.bm-mobile-lite .notif-backdrop,
  html.bm-mobile-lite .notification-modal,
  html.bm-mobile-lite .modal,
  html.bm-mobile-lite .story-modal,
  html.bm-mobile-lite .auth-menu,
  html.bm-mobile-lite .bm-app-mini-card,
  html.bm-mobile-lite [class*="glass"],
  html.bm-mobile-lite [style*="backdrop-filter"]{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  html.bm-mobile-lite .hero-bg,
  html.bm-mobile-lite .movie-card img,
  html.bm-mobile-lite .grid-item img,
  html.bm-mobile-lite .scroll-card img,
  html.bm-mobile-lite .content-card img,
  html.bm-mobile-lite .collection-card img,
  html.bm-mobile-lite .archive-card img,
  html.bm-mobile-lite .result-card img,
  html.bm-mobile-lite .related-card img,
  html.bm-mobile-lite .poster-col img{
    filter:none!important;
    -webkit-filter:none!important;
    transform:none!important;
    will-change:auto!important;
    backface-visibility:visible!important;
  }

  html.bm-mobile-lite .movie-card,
  html.bm-mobile-lite .grid-item,
  html.bm-mobile-lite .scroll-card,
  html.bm-mobile-lite .content-card,
  html.bm-mobile-lite .collection-card,
  html.bm-mobile-lite .archive-card,
  html.bm-mobile-lite .result-card,
  html.bm-mobile-lite .related-card,
  html.bm-mobile-lite .person-card,
  html.bm-mobile-lite .cast-card,
  html.bm-mobile-lite .download-link,
  html.bm-mobile-lite .arc2-movie-link,
  html.bm-mobile-lite .arc2-episode-row,
  html.bm-mobile-lite .arc2-download-card{
    will-change:auto!important;
    transition:opacity .12s linear,border-color .12s linear,background-color .12s linear!important;
  }

  html.bm-mobile-lite .hero-bg,
  html.bm-mobile-lite .hero-content,
  html.bm-mobile-lite .hero-glow,
  html.bm-mobile-lite .bm-ad-glow,
  html.bm-mobile-lite [class*="skeleton"]::before,
  html.bm-mobile-lite [class*="shimmer"]::before,
  html.bm-mobile-lite [class*="pulse"],
  html.bm-mobile-lite [class*="glow"]{
    animation:none!important;
    will-change:auto!important;
  }

  html.bm-mobile-lite .scroll-horizontal,
  html.bm-mobile-lite .genres-scroll,
  html.bm-mobile-lite .countries-scroll,
  html.bm-mobile-lite .stories-container,
  html.bm-mobile-lite .related-scroll{
    scroll-behavior:auto!important;
    scroll-snap-type:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }

  html.bm-mobile-lite .bm-offscreen,
  html.bm-mobile-lite .bm-offscreen *{
    animation-play-state:paused!important;
  }

  @media (hover:none){
    html.bm-mobile-lite .movie-card:hover,
    html.bm-mobile-lite .grid-item:hover,
    html.bm-mobile-lite .scroll-card:hover,
    html.bm-mobile-lite .content-card:hover,
    html.bm-mobile-lite .collection-card:hover,
    html.bm-mobile-lite .archive-card:hover,
    html.bm-mobile-lite .result-card:hover,
    html.bm-mobile-lite .related-card:hover{
      transform:none!important;
    }
  }

  html.bm-ultra-lite .hero-slide{transition:opacity .12s linear!important}
  html.bm-ultra-lite .hero-overlay{background:rgba(3,6,12,.46)!important}
  html.bm-ultra-lite .movie-card,
  html.bm-ultra-lite .grid-item,
  html.bm-ultra-lite .scroll-card,
  html.bm-ultra-lite .content-card,
  html.bm-ultra-lite .collection-card,
  html.bm-ultra-lite .archive-card,
  html.bm-ultra-lite .result-card,
  html.bm-ultra-lite .related-card,
  html.bm-ultra-lite .header,
  html.bm-ultra-lite .mobile-header,
  html.bm-ultra-lite .bottom-nav,
  html.bm-ultra-lite .bm-app-mini-card{
    box-shadow:none!important;
    text-shadow:none!important;
  }
  html.bm-ultra-lite .hero-arrow,
  html.bm-ultra-lite .hero-dots{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  .hero-slider,.hero-slide,.hero-bg,.story-modal,.sidebar-menu,.notif-sidebar,.menu-overlay,.notif-backdrop{animation:none!important;transition:none!important}
}