/* CINEGO WEB V501 — cached/skeleton cards first screen.
   Shows top carousel + a few home rows immediately from the visitor's browser cache
   (or safe skeleton placeholders) while Firebase/catalog/trailer continue loading.
   No player/subtitle/VTT/BYL/admin logic touched. */
html.cinego-shell-first-paint body:not(.watch-mode) #genre-rows:empty{
  min-height:360px;
}
.hero.has-shell-backdrop:not(.has-hero-poster){
  background:#07070b!important;
  isolation:isolate!important;
}
.hero.has-shell-backdrop:not(.has-hero-poster) .hero-bg{
  background:#07070b!important;
  overflow:hidden!important;
}
.hero.has-shell-backdrop:not(.has-hero-poster) .hero-bg::before{
  content:''!important;
  position:absolute!important;
  inset:-28px!important;
  z-index:0!important;
  background-image:var(--cinego-shell-poster, radial-gradient(circle at 70% 40%, rgba(232,160,32,.25), transparent 26%), linear-gradient(135deg,#11101a,#07070b))!important;
  background-size:cover!important;
  background-position:center 24%!important;
  background-repeat:no-repeat!important;
  filter:blur(18px) saturate(1.08) brightness(.56)!important;
  transform:scale(1.08)!important;
  opacity:.98!important;
  pointer-events:none!important;
}
.hero.has-shell-backdrop:not(.has-hero-poster) .hero-bg::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    radial-gradient(circle at 74% 45%, rgba(255,190,64,.14), transparent 28%),
    linear-gradient(to right, rgba(5,5,7,.97) 0%, rgba(5,5,7,.78) 30%, rgba(5,5,7,.36) 61%, rgba(5,5,7,.68) 100%),
    linear-gradient(to top, #0a0a0f 0%, rgba(10,10,15,.62) 30%, rgba(10,10,15,.10) 72%);
  pointer-events:none!important;
}
.hero.has-shell-backdrop:not(.has-hero-poster) .hero-carousel,
.hero.has-shell-backdrop:not(.has-hero-poster) .stars,
.hero.has-shell-backdrop:not(.has-hero-poster) .moon{position:relative!important;z-index:3!important}
.hero.has-shell-backdrop:not(.has-hero-poster) .hero-content,
.hero.has-shell-backdrop:not(.has-hero-poster) .hero-overlay{z-index:5!important}
.hero.has-shell-backdrop:not(.has-hero-poster) .hero-overlay{
  background:linear-gradient(to right, rgba(5,5,7,.98) 0%, rgba(5,5,7,.74) 31%, rgba(5,5,7,.16) 64%, rgba(5,5,7,.50) 100%),linear-gradient(to top,#0a0a0f 0%,rgba(10,10,15,.64) 30%,transparent 66%)!important;
}
.cinego-shell-section{content-visibility:auto;contain-intrinsic-size:240px;margin-bottom:28px}
.cinego-shell-section .section-title{opacity:1!important}
.cinego-shell-card{cursor:default!important;pointer-events:none!important}
.cinego-shell-card .card-thumb{position:relative;overflow:hidden;background:linear-gradient(135deg,#221d19,#09090d 52%,#151018)!important;border:1px solid rgba(232,160,32,.12)}
.cinego-shell-card .card-thumb.has-poster{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.cinego-shell-card .card-thumb:not(.has-poster)::after,
.cinego-shell-card.is-placeholder .card-thumb::after{
  content:'';position:absolute;inset:0;background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.08) 38%, transparent 72%);transform:translateX(-100%);animation:cinegoShellSweep 1.35s ease-in-out infinite;
}
.cinego-shell-card .genre-badge{background:rgba(232,160,32,.86);color:#060609}
.cinego-shell-card .card-title{min-height:17px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cinego-shell-muted{color:rgba(255,255,255,.50);font-size:12px;margin-top:4px}
@keyframes cinegoShellSweep{to{transform:translateX(100%)}}
@media (max-width:900px){
  .hero.has-shell-backdrop:not(.has-hero-poster) .hero-bg::before{inset:-18px;filter:blur(14px) saturate(1.08) brightness(.50);transform:scale(1.12);background-position:center 18%}
  .hero.has-shell-backdrop:not(.has-hero-poster) .hero-bg::after{background:linear-gradient(to bottom, rgba(5,5,7,.20) 0%, rgba(5,5,7,.72) 46%, rgba(5,5,7,.96) 100%),linear-gradient(to right, rgba(5,5,7,.88), rgba(5,5,7,.32), rgba(5,5,7,.88))!important}
  .cinego-shell-section{margin-bottom:24px}
  .cinego-shell-card .card-title{max-width:132px}
}

/* CINEGO WEB V501 — keep cached/skeleton sections visible until the real catalog paints.
   These rows are display-only and are replaced/removed once enough live cards are available. */
.cinego-shell-section[data-cinego-shell-row="true"]{opacity:.96}
.cinego-shell-hero-slide{cursor:default!important}
html.cinego-shell-first-paint body:not(.watch-mode) #genre-rows .cinego-shell-section:first-child{margin-top:0}