/* SeafoodMeNow V366 — cinematic performance authority.
   Scope: Pakistan cinematic only. No storefront/admin/product/checkout layout changes. */

/* Canvas is the only scroll renderer. It is a stable composited surface; old
   scroll-video/mobile-frame layers cannot compete for paint/compositing time. */
html body .pk-cinema.sprite-scroll-engine .pk-cinema-canvas{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:6!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  transform:none!important;
  transition:none!important;
  filter:none!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
html body .pk-cinema.sprite-scroll-engine.scroll-media-ready:not(.film-playing) .pk-cinema-scroll-video,
html body .pk-cinema.sprite-scroll-engine.scroll-media-ready:not(.film-playing) .pk-cinema-poster,
html body .pk-cinema.sprite-scroll-engine.scroll-media-ready:not(.film-playing) .pk-cinema-poster-image,
html body .pk-cinema.sprite-scroll-engine .pk-cinema-mobile-frame{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
html body .pk-cinema.sprite-scroll-engine:not(.scroll-media-ready) .pk-cinema-poster,
html body .pk-cinema.sprite-scroll-engine:not(.scroll-media-ready) .pk-cinema-poster-image{
  opacity:1!important;
  visibility:visible!important;
}
html body .pk-cinema.sprite-scroll-engine.film-playing .pk-cinema-canvas{
  opacity:0!important;
  visibility:hidden!important;
}
html body .pk-cinema.sprite-scroll-engine.film-playing .pk-cinema-video{
  opacity:1!important;
  visibility:visible!important;
}

/* Progress animation is transform-only, so scrolling never forces layout just
   to resize the chapter progress bar. */
html body .pk-cinema .pk-cinema-progress i{
  width:100%!important;
  transform:scaleX(0);
  transform-origin:left center!important;
  transition:none!important;
  will-change:transform;
}

/* Promote stable cinematic surfaces instead of asking the browser to rebuild
   layers on each scroll tick. */
html body .pk-cinema .pk-cinema-stage,
html body .pk-cinema .pk-cinema-film,
html body .pk-cinema .pk-cinema-copy,
html body .pk-cinema .pk-cinema-copy::before{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

@media (prefers-reduced-motion:reduce){
  html body .pk-cinema.sprite-scroll-engine .pk-cinema-canvas{display:none!important}
}