/* AlekS Kino — Cinema OS 2086 / Stage 4 browser preview.
 * Isolated at /stage4-preview/, no changes to production CSS or media runtime.
 */
html[data-ak-stage4-preview="1"] {
  --ak-stage4-edge:rgba(139,226,255,.28);
  --ak-stage4-bg:rgba(5,11,21,.87);
  --ak-stage4-ink:#f5faff;
}
html[data-ak-stage4-preview="1"] .app .nav-bar {
  border-color:rgba(137,229,255,.19)!important;
  background:linear-gradient(122deg,rgba(6,16,30,.93),rgba(5,12,26,.78))!important;
  box-shadow:0 14px 48px rgba(0,0,0,.41),inset 0 1px rgba(235,250,255,.12)!important;
}
html[data-ak-stage4-preview="1"] .logo-accent {
  color:#91f5f2!important;
  text-shadow:0 0 20px rgba(95,231,255,.3);
}
html[data-ak-stage4-preview="1"] .hero-backdrop {
  filter:brightness(1.12) saturate(1.14)!important;
}
html[data-ak-stage4-preview="1"] .hero-section:after {
  background:linear-gradient(90deg,rgba(3,7,14,.91) 0%,rgba(3,7,14,.73) 32%,rgba(3,7,14,.17) 84%),
    linear-gradient(0deg,rgba(4,9,16,.81) 0%,rgba(4,9,16,.11) 48%,transparent 86%)!important;
}
html[data-ak-stage4-preview="1"] .hero-title {
  font-weight:900!important;
  color:var(--ak-stage4-ink)!important;
  letter-spacing:-.055em!important;
  text-shadow:0 3px 35px rgba(0,0,0,.53)!important;
  text-wrap:balance;
}
html[data-ak-stage4-preview="1"] .section-header h2,
html[data-ak-stage4-preview="1"] .ak-category-heading h2 {
  font-weight:850!important;
  letter-spacing:-.035em!important;
}
html[data-ak-stage4-preview="1"] .catalog-grid .movie-card .movie-card-poster img,
html[data-ak-stage4-preview="1"] .ak-search-state .movie-card-poster img {
  filter:brightness(1.12) contrast(1.035) saturate(1.14)!important;
  opacity:1!important;
}
html[data-ak-stage4-preview="1"] .movie-card-title {
  font-size:clamp(15px,1.07vw,19px)!important;
  font-weight:800!important;
  color:#f6faff!important;
  text-shadow:0 1px 10px rgba(0,0,0,.72);
}
html[data-ak-stage4-preview="1"] .catalog-grid .movie-card {
  border-color:rgba(178,228,252,.13)!important;
  transition:box-shadow .22s ease,border-color .22s ease!important;
}
html[data-ak-stage4-preview="1"] .catalog-grid .movie-card:focus-visible,
html[data-ak-stage4-preview="1"] .catalog-grid .movie-card:focus-within {
  outline:2px solid #8cf0ff!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 4px rgba(105,213,255,.12),0 14px 40px rgba(0,0,0,.38)!important;
}
html[data-ak-stage4-preview="1"] #ak-stage4-ribbon {
  position:fixed;right:14px;bottom:14px;z-index:3500;
  display:flex;align-items:center;gap:10px;
  padding:9px 12px;border:1px solid rgba(164,240,255,.28);
  border-radius:999px;
  background:rgba(3,13,25,.88);
  box-shadow:0 10px 34px rgba(0,0,0,.4);
  color:#d9f8ff;
  font:700 11px/1.1 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.06em;
}
html[data-ak-stage4-preview="1"] #ak-stage4-ribbon strong {color:#8bf3ff}
html[data-ak-stage4-preview="1"] #ak-stage4-ribbon a {
  color:#e1faff;text-decoration:none;padding:6px 8px;
  border-left:1px solid rgba(255,255,255,.15);
  letter-spacing:0;font-weight:600;
}
html[data-ak-stage4-preview="1"] #ak-stage4-ribbon a:hover,
html[data-ak-stage4-preview="1"] #ak-stage4-ribbon a:focus-visible {
  color:white;text-decoration:underline;outline-offset:2px;
}
html[data-ak-stage4-preview="1"] .ak-stage4-ribbon-dot {
  width:7px;height:7px;border-radius:50%;flex:none;
  background:#69f4d2;box-shadow:0 0 11px rgba(105,244,210,.56);
}
@media (min-width:1000px) and (hover:hover) and (prefers-reduced-motion:no-preference){
  html[data-ak-stage4-preview="1"]:not([data-ak-tv="1"]) .hero-title {
    font-size:clamp(52px,5.5vw,92px)!important;
    line-height:1.01!important;
  }
  html[data-ak-stage4-preview="1"]:not([data-ak-tv="1"]) .catalog-grid .movie-card:hover {
    border-color:rgba(130,229,252,.4)!important;
    box-shadow:0 16px 44px rgba(0,0,0,.45),0 0 22px rgba(78,203,244,.12)!important;
  }
  html[data-ak-stage4-preview="1"]:not([data-ak-tv="1"]) .catalog-grid .movie-card:hover .movie-card-inner {
    transform:perspective(900px) translateY(-4px) rotateX(1.6deg)!important;
    transition:transform .2s cubic-bezier(.2,.8,.2,1)!important;
  }
}
@media (max-width:760px){
  html[data-ak-stage4-preview="1"] .hero-section:after {
    background:linear-gradient(0deg,rgba(3,8,16,.9) 0%,rgba(3,8,16,.47) 47%,rgba(3,8,16,.08) 83%)!important;
  }
  html[data-ak-stage4-preview="1"] .hero-title {
    font-size:clamp(33px,9.2vw,48px)!important;
    line-height:1.04!important;
  }
  html[data-ak-stage4-preview="1"] .movie-card-title {font-size:15px!important}
  html[data-ak-stage4-preview="1"] #ak-stage4-ribbon {
    right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));
    padding:6px 9px;font-size:9px;gap:6px;
    max-width:calc(100vw - 16px);
  }
}
@media (max-width:480px){
  html[data-ak-stage4-preview="1"][data-ak-mobile-genre-preseed="1"] #ak-genre-strip {
    min-height:47px;box-sizing:border-box;
  }
}
@media (prefers-reduced-motion:reduce){
  html[data-ak-stage4-preview="1"] .catalog-grid .movie-card,
  html[data-ak-stage4-preview="1"] .catalog-grid .movie-card-inner{
    transition:none!important;transform:none!important;
  }
}


/* ALEKS_STAGE4_SCREENSHOT_FIX_20261027_V2
   Preview-only overlay, genre and category spacing; never touches player. */
html[data-ak-stage4-preview="1"] #ak-detail-modal:not([hidden]){
  /* live header z-index:9000; old .modal:7000 */
  z-index:9500!important;
}
@media (min-width:761px){
  html[data-ak-stage4-preview="1"] #ak-detail-modal:not([hidden]){
    padding-top:clamp(16px,2vw,30px)!important;
  }
  html[data-ak-stage4-preview="1"] #ak-detail-modal:not([hidden])>.detail{
    margin:0 auto 32px!important;
  }
}
html[data-ak-stage4-preview="1"]{
  scroll-padding-top:clamp(112px,8vw,154px)!important;
}
html[data-ak-stage4-preview="1"] :is(
  #home,#catalogSections,.catalog-section,.ak-category-heading,#ak-genre-strip
){scroll-margin-top:clamp(112px,8vw,154px)!important}
html[data-ak-stage4-preview="1"]:is(
 [data-ak-route="clips"],[data-ak-route="music"],
 [data-ak-route="cartoons"],[data-ak-route="animated-series"],
 [data-ak-route="documentaries"],[data-ak-route="trending"],
 [data-ak-route="series-trending"],[data-ak-route="series-popular"],
 [data-ak-route="series-top"],[data-ak-route="new-quality"],
 [data-ak-route="now"],[data-ak-route="top"]
) .main-content{
  padding-top:clamp(28px,3vw,48px)!important;
}
html[data-ak-stage4-preview="1"] #ak-genre-strip{
  min-height:48px;margin-top:7px!important;margin-bottom:12px!important;
  padding-top:6px!important;padding-bottom:6px!important;
  box-sizing:border-box;position:relative;z-index:30;
}
html[data-ak-stage4-preview="1"] #ak-genre-strip button{
  color:#c4d6e5!important;font-size:12px!important;font-weight:700!important;
  line-height:1.15!important;min-height:34px;padding:6px 12px!important;
  border:1px solid rgba(168,219,244,.16)!important;
  border-radius:999px!important;background:rgba(121,181,218,.07)!important;
  white-space:nowrap;
}
html[data-ak-stage4-preview="1"] #ak-genre-strip button:is(
 :hover,:focus-visible,[aria-pressed="true"],.active
){
  color:#f7feff!important;border-color:rgba(136,240,255,.5)!important;
  background:rgba(61,169,203,.19)!important;
}
@media(max-width:760px){
  html[data-ak-stage4-preview="1"] #ak-genre-strip{
    min-height:42px;padding-inline:10px!important;
  }
  html[data-ak-stage4-preview="1"] #ak-genre-strip button{
    min-height:36px;font-size:12px!important;
  }
  html[data-ak-stage4-preview="1"]:is(
    [data-ak-route="clips"],[data-ak-route="music"],
    [data-ak-route="cartoons"],[data-ak-route="animated-series"],
    [data-ak-route="documentaries"]
  ) .main-content{padding-top:24px!important}
}


/* ALEKS_STAGE4_FLOW_BRIGHTNESS_20261027_V3
   Lighter background art in "Что смотреть сейчас", but legible film names.
   Keep power/data-saver modes intact. */
html[data-ak-stage4-preview="1"]:not([data-ak-data="save"]):not([data-ak-perf="low"]) .ak-cinema-flow .ak-flow-choice{
  background-image:
    linear-gradient(180deg,
      rgba(2,5,12,.035) 0%,
      rgba(2,5,12,.12) 38%,
      rgba(2,5,12,.38) 74%,
      rgba(2,5,12,.72) 100%),
    var(--ak-flow-bg)!important;
  background-size:cover!important;
  background-position:center!important;
}
html[data-ak-stage4-preview="1"]:not([data-ak-data="save"]):not([data-ak-perf="low"]) .ak-cinema-flow .ak-flow-choice:before {
  background:linear-gradient(180deg,
    transparent 0%,transparent 36%,
    rgba(2,5,12,.13) 63%,rgba(2,5,12,.26) 100%)!important;
}
html[data-ak-stage4-preview="1"] .ak-cinema-flow .ak-flow-choice>strong{
  text-shadow:0 2px 13px rgba(0,0,0,.94)!important;
}


/* ALEKS_STAGE4_ROUTE_MODAL_FIX_20261027_V4
   Settings is a modal sibling of the 9000-z navbar (not the movie detail). */
html[data-ak-stage4-preview="1"] #ak-settings-panel:not([hidden]){
  z-index:9650!important;
  position:fixed!important;
  inset:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  box-sizing:border-box!important;
  overscroll-behavior:contain;
  padding:clamp(18px,2.3vw,32px)!important;
  scroll-padding-top:20px!important;
}
html[data-ak-stage4-preview="1"] #ak-settings-panel:not([hidden])>.detail{
  width:min(1160px,100%)!important;
  margin:0 auto 30px!important;
  box-sizing:border-box!important;
}
html[data-ak-stage4-preview="1"] #ak-settings-panel:not([hidden]) .ak-settings-close{
  position:relative;
  z-index:2;
  min-height:44px;
  min-width:44px;
}
@media(max-width:760px){
  html[data-ak-stage4-preview="1"] #ak-settings-panel:not([hidden]){
    padding:0!important;
  }
  html[data-ak-stage4-preview="1"] #ak-settings-panel:not([hidden])>.detail{
    width:100%!important;
    margin:0!important;
    min-height:100dvh!important;
  }
}


/* ALEKS_STAGE4_CATEGORY_VERTICAL_RHYTHM_V5
   Screenshot QA: reduce unused space between sort controls,
   category title and first rail on desktop. TV layout stays unchanged. */
@media (min-width:1001px) and (max-width:2559px){
  html[data-ak-stage4-preview="1"]:not([data-ak-tv="1"]):is(
   [data-ak-route="clips"],[data-ak-route="music"],
   [data-ak-route="cartoons"],[data-ak-route="animated-series"],
   [data-ak-route="documentaries"],[data-ak-route="trending"],
   [data-ak-route="series-trending"],[data-ak-route="new-quality"],
   [data-ak-route="now"],[data-ak-route="top"]
  ) .main-content {
    padding-top:clamp(14px,1.5vw,25px)!important;
  }
  html[data-ak-stage4-preview="1"]:not([data-ak-tv="1"]) .ak-category-heading{
    padding:10px 0 12px!important;
  }
  html[data-ak-stage4-preview="1"]:not([data-ak-tv="1"]) .ak-category-heading h1{
    font-size:clamp(38px,3.1vw,54px)!important;
    line-height:1.07!important;
    margin:5px 0 7px!important;
    letter-spacing:-.045em!important;
  }
  html[data-ak-stage4-preview="1"]:not([data-ak-tv="1"]) .ak-category-heading p{
    margin:0 0 6px!important;
    font-size:clamp(13px,.96vw,17px)!important;
    line-height:1.4!important;
  }
  html[data-ak-stage4-preview="1"]:not([data-ak-tv="1"]) .ak-category-heading + .catalog-section{
    margin-top:0!important;
  }
  html[data-ak-stage4-preview="1"]:not([data-ak-tv="1"]) .ak-category-heading + .catalog-section > .section-header{
    margin-bottom:12px!important;
  }
}


/* ALEKS_STAGE4_PENDING_HERO_V10 · Opt-in ?akPendingHeroLab=1.
   Keep a semantic first-screen hero during async catalog startup instead
   of showing an empty viewport. No extra media downloads. */
html[data-ak-stage4-preview="1"] #hero[data-ak-stage4-pending="1"]:not([hidden]){
  display:flex!important;
  overflow:hidden!important;
  border-color:rgba(120,210,250,.22)!important;
  background:
    radial-gradient(ellipse at 75% 18%,rgba(59,131,182,.26),transparent 54%),
    radial-gradient(ellipse at 12% 81%,rgba(114,58,187,.22),transparent 57%),
    linear-gradient(125deg,#111f35,#080e1b 69%)!important;
}
html[data-ak-stage4-preview="1"] #hero[data-ak-stage4-pending="1"] .hero-backdrop{
  opacity:0!important;background-image:none!important;
}
html[data-ak-stage4-preview="1"] #hero[data-ak-stage4-pending="1"] .hero-actions{
  display:none!important;
}
html[data-ak-stage4-preview="1"] #hero[data-ak-stage4-pending="1"] .hero-title{
  max-width:720px!important;
  line-height:1.04!important;
  letter-spacing:-.055em!important;
}
html[data-ak-stage4-preview="1"] #hero[data-ak-stage4-pending="1"] .hero-content{
  position:relative!important;
  z-index:2;
}
html[data-ak-stage4-preview="1"] #hero[data-ak-stage4-pending="1"] .hero-content:after{
  content:"";
  display:block;width:min(380px,72%);height:3px;
  margin-top:28px;border-radius:6px;
  background:linear-gradient(90deg,rgba(115,238,255,.97) 0%,
    rgba(152,105,245,.72) 62%,rgba(152,105,245,.10) 100%);
  box-shadow:0 0 20px rgba(111,220,250,.25);
}
@media(max-width:700px){
  html[data-ak-stage4-preview="1"] #hero[data-ak-stage4-pending="1"]:not([hidden]){
    min-height:410px!important;
    height:auto!important;
    align-items:center!important;
  }
  html[data-ak-stage4-preview="1"] #hero[data-ak-stage4-pending="1"] .hero-title{
    font-size:clamp(33px,9vw,45px)!important;
  }
}


/* ALEKS_STAGE4_MOBILE_NAV_SCROLLBAR_V11 · small-screen visual polish.
   The horizontal nav remains native-scrollable by finger, wheel and keyboard.
   Only the Windows/WebKit scrollbar chrome is hidden. */
@media(max-width:760px){
  html[data-ak-stage4-preview="1"]:not([data-ak-tv="1"]) .app .nav-bar .nav-links{
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    overscroll-behavior-x:contain;
  }
  html[data-ak-stage4-preview="1"]:not([data-ak-tv="1"]) .app .nav-bar .nav-links::-webkit-scrollbar{
    width:0!important;height:0!important;display:none!important;
  }
  html[data-ak-stage4-preview="1"]:not([data-ak-tv="1"]) .app .nav-bar .nav-links a:focus-visible{
    outline:2px solid #92efff!important;
    outline-offset:2px!important;
  }
}


/* ALEKS_STAGE4_CATALOG_FIRSTPAINT_V12
   CSS-only startup placeholder, no network requests, no app mutation.
   Enabled by default in Preview; ?akSkeletonOff=1 bypasses it. Automatically disappears at first card render.
   Deliberately avoids shimmer animations and backdrop blur on low-end devices. */
html[data-ak-stage4-preview="1"]:not([data-ak-stage4-skeleton-off="1"]):not([data-ak-stage4-load-error="1"]) #catalogSections:empty{
  display:block;
  box-sizing:border-box;
  min-height:345px;
  padding:12px 0 20px;
  contain:layout style;
}
html[data-ak-stage4-preview="1"]:not([data-ak-stage4-skeleton-off="1"]):not([data-ak-stage4-load-error="1"]) #catalogSections:empty::before{
  content:"Подбираем кино для вас";
  display:block;
  font:800 clamp(22px,2.2vw,31px)/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:-.035em;
  color:#eff9ff;
  margin:0 0 16px;
}
html[data-ak-stage4-preview="1"]:not([data-ak-stage4-skeleton-off="1"]):not([data-ak-stage4-load-error="1"]) #catalogSections:empty::after{
  content:"";
  display:block;
  box-sizing:border-box;
  width:100%;
  max-width:890px;
  height:235px;
  border:1px solid rgba(173,222,252,.13);
  border-radius:18px;
  background:
    radial-gradient(ellipse at 14% 20%,rgba(120,213,230,.26),transparent 30%),
    radial-gradient(ellipse at 67% 85%,rgba(117,79,215,.23),transparent 38%),
    repeating-linear-gradient(90deg,
      transparent 0px,transparent 155px,
      rgba(5,12,25,.85) 155px,rgba(5,12,25,.85) 168px),
    linear-gradient(115deg,#1c3049 0%,#172437 40%,#1b1431 100%);
  box-shadow:0 16px 48px rgba(0,0,0,.21);
}
@media(max-width:760px){
  html[data-ak-stage4-preview="1"]:not([data-ak-stage4-skeleton-off="1"]):not([data-ak-stage4-load-error="1"]) #catalogSections:empty{
    min-height:300px;
    padding:14px 0 18px;
  }
  html[data-ak-stage4-preview="1"]:not([data-ak-stage4-skeleton-off="1"]):not([data-ak-stage4-load-error="1"]) #catalogSections:empty::after{
    height:220px;
    max-width:100%;
    background:
      radial-gradient(ellipse at 14% 14%,rgba(120,213,230,.25),transparent 50%),
      radial-gradient(ellipse at 80% 90%,rgba(117,79,215,.25),transparent 48%),
      linear-gradient(90deg,#172b42 0 48%,rgba(4,11,23,.95) 49% 52%,#211a36 53% 100%);
  }
}


/* ALEKS_STAGE4_VISIBLE_LOADER_ERROR_V14
   Retain the existing error semantics and show them on all responsive UIs.
   No player/source API changes; the skeleton hides on loader failure. */
html[data-ak-stage4-preview="1"] #status[role="alert"]{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:min(100% - 32px,1200px)!important;
  box-sizing:border-box!important;
  margin:12px auto!important;
  padding:14px 18px!important;
  border:1px solid rgba(255,191,118,.40)!important;
  border-radius:14px!important;
  background:rgba(44,28,25,.94)!important;
  color:#ffe5c4!important;
  font:700 15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  text-align:left!important;
  position:relative!important;
  z-index:100!important;
}
@media(max-width:760px){
  html[data-ak-stage4-preview="1"] #status[role="alert"]{
    width:calc(100% - 24px)!important;
    margin:8px 12px!important;
    font-size:14px!important;
  }
}


/* ALEKS_STAGE4_MOBILE_HERO_COMPACT_V15
   Editorial first-screen tuning: films before engine telemetry.
   Applies to responsive phones, never TV or desktop. */
@media(max-width:760px){
  html[data-ak-stage4-preview="1"][data-ak-form="mobile"]:not([data-ak-tv="1"]):not([data-ak-hero-classic="1"]) #hero:not([hidden]):not([data-ak-stage4-pending="1"]){
    min-height:360px!important;
    height:auto!important;
    padding:clamp(14px,3.5vw,22px)!important;
    align-items:center!important;
  }
  html[data-ak-stage4-preview="1"][data-ak-form="mobile"]:not([data-ak-tv="1"]):not([data-ak-hero-classic="1"]) #hero .ak-hero-director{
    display:none!important;
  }
  html[data-ak-stage4-preview="1"][data-ak-form="mobile"]:not([data-ak-tv="1"]):not([data-ak-hero-classic="1"]) #hero .hero-content{
    padding-bottom:2px!important;
  }
  html[data-ak-stage4-preview="1"][data-ak-form="mobile"]:not([data-ak-tv="1"]):not([data-ak-hero-classic="1"]) #hero .hero-description{
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    line-clamp:3;
    overflow:hidden;
  }
  html[data-ak-stage4-preview="1"][data-ak-form="mobile"]:not([data-ak-tv="1"]):not([data-ak-hero-classic="1"]) #hero .hero-actions{
    margin-top:clamp(10px,2vw,16px)!important;
    margin-bottom:0!important;
  }
}


/* ALEKS_STAGE4_DESKTOP_NAV_FIT_V16
   Medium desktop viewport: preserve access to all 13 top menu actions.
   Non-TV only; opt-out for A/B using ?akNavClassic=1. */
@media (min-width:1001px) and (max-width:1359px){
  html[data-ak-stage4-preview="1"]:not([data-ak-tv="1"]):not([data-ak-nav-classic="1"]) .app .nav-bar .nav-links{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:2px!important;
    padding-left:0!important;
    padding-right:0!important;
    max-width:100%!important;
    min-width:0!important;
  }
  html[data-ak-stage4-preview="1"]:not([data-ak-tv="1"]):not([data-ak-nav-classic="1"]) .app .nav-bar .nav-links a{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding-left:clamp(3px,.35vw,5px)!important;
    padding-right:clamp(3px,.35vw,5px)!important;
    font-size:clamp(11px,1.02vw,13px)!important;
    letter-spacing:-.015em!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }
}


/* ALEKS_STAGE4_EARLY_GEOMETRY_AB_V17
   Mobile hero initial placeholder reserve enabled on Preview. Opt-out ?akHeroReserveOff=1.
   Keep early header and initial hero in their hydrated mobile geometry.
   No TV styles are touched. */
@media(min-width:320px) and (max-width:760px){
  html[data-ak-stage4-preview="1"][data-ak-form="mobile"][data-ak-reserve-hero="1"]:not([data-ak-tv="1"]) #hero:has(#heroWatch){
    min-height:360px!important;
    max-height:360px!important;
    height:360px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
}

/* ALEKS_STAGE4_GENRE_PRESEED_HEIGHT_AB_V17: reserve final row height before hydration. */
@media(min-width:320px) and (max-width:760px){
 html[data-ak-stage4-preview="1"][data-ak-mobile-genre-preseed="1"]:not([data-ak-tv="1"]) #ak-genre-strip[data-ak-stage4-preseed="1"]{
  min-height:49px!important;
  box-sizing:border-box!important;
 }
}


/* ALEKS_STAGE4_HERO_EDITORIAL_V18: default mobile hero typographic sizing; opt-out ?akHeroEditorialOff=1 */
@media(min-width:320px) and (max-width:760px){
 html[data-ak-stage4-preview="1"][data-ak-form="mobile"]:not([data-ak-hero-editorial-off="1"]):not([data-ak-tv="1"]) #hero:not([hidden]) .hero-title{
  font-size:clamp(31px,7.4vw,37px)!important;
  line-height:1.075!important;
  letter-spacing:-.045em!important;
  text-wrap:pretty!important;
 }
 html[data-ak-stage4-preview="1"][data-ak-form="mobile"]:not([data-ak-hero-editorial-off="1"]):not([data-ak-tv="1"]) #hero:not([hidden]) .hero-description{
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  line-height:1.42!important;
 }
}


/* ALEKS_STAGE4_TV_DETAIL_REMOTE_FOCUS_V20_1
   Old webOS/Tizen engines do not reliably support :focus-visible.
   Provide a stable, obvious focus ring for remote control only. */
html[data-ak-stage4-preview="1"][data-ak-tv="1"][data-ak-input="remote"] #ak-detail-modal:not([hidden]) .ak-detail-navigator button:focus{
  outline:3px solid #91f0ff!important;
  outline-offset:2px!important;
  border-color:#91f0ff!important;
  box-shadow:0 0 0 6px rgba(106,231,255,.17),0 0 18px rgba(106,231,255,.24)!important;
  background:#19334c!important;
  color:#f7fdff!important;
}
html[data-ak-stage4-preview="1"][data-ak-tv="1"][data-ak-input="remote"] #ak-detail-modal:not([hidden]) .ak-detail-navigator{
  scroll-padding-inline:16px;
}


/* ALEKS_STAGE4_TV_NAV_V21; verified live on LG. Opt-out ?akTvNavClassic=1.
   Fix TV-specific overflowing menu scrollbar and translucent genre ghosting.
   No effects on production or on desktop/mobile Stage4 views. */
html[data-ak-stage4-preview="1"][data-ak-tv="1"]:not([data-ak-tv-nav-classic="1"]) .app .nav-bar{
  background:linear-gradient(110deg,#071423 0%,#0b1929 100%)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  isolation:isolate;
}
html[data-ak-stage4-preview="1"][data-ak-tv="1"]:not([data-ak-tv-nav-classic="1"]) .app .nav-bar .nav-links{
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:2px!important;
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  scroll-behavior:auto!important;
}
html[data-ak-stage4-preview="1"][data-ak-tv="1"]:not([data-ak-tv-nav-classic="1"]) .app .nav-bar .nav-links::-webkit-scrollbar{
  display:none!important;width:0!important;height:0!important;
}
html[data-ak-stage4-preview="1"][data-ak-tv="1"]:not([data-ak-tv-nav-classic="1"]) .app .nav-bar .nav-links a{
  flex:0 0 auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:6px clamp(3px,.32vw,6px)!important;
  font-size:clamp(13px,1.03vw,15px)!important;
  line-height:1.35!important;
  min-height:40px!important;
  box-sizing:border-box!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
  scroll-margin-inline:25px;
}
html[data-ak-stage4-preview="1"][data-ak-tv="1"]:not([data-ak-tv-nav-classic="1"]) .app .nav-bar .nav-links a:focus{
  outline:2px solid #90eaf7!important;
  outline-offset:-2px!important;
}

/* ALEKS_STAGE4_TV_HERO_FIRSTPAINT_V22
   Real LG Chrome87: home hero may be hidden during async catalog refresh,
   even after its movie title exists in DOM. Preserve the hero surface while
   preventing premature Watch/Details activation. Route and TV restricted.
   ?akHeroVisibilityClassic=1 provides comparison with original behavior. */
html[data-ak-stage4-preview="1"][data-ak-tv="1"][data-ak-route="home"]:not([data-ak-hero-visibility-classic="1"]) #hero[hidden]{
  display:flex!important;
  visibility:visible!important;
}
html[data-ak-stage4-preview="1"][data-ak-tv="1"][data-ak-route="home"]:not([data-ak-hero-visibility-classic="1"]) #hero[hidden] .hero-actions{
  display:none!important;
}

/* Stage4 v24.5: avoid exposing untranslated audio/source details while legacy UI is hydrating. */
html[data-ak-stage4-preview="1"][data-ak-tv="1"][data-ak-js-compat="chrome79"]:not([data-ak-tv-text-off="1"]) #ak-detail-modal .ak-continuity-field small:not([data-ak-tv-text-localized="1"]){
 visibility:hidden!important;
}