/* Hisense VIDAA / smart-TV fallbacks. Desktop look stays in app.css. */

body.browse-stage .stream-hero,
body.browse-stage .stream-hero__slider,
body.browse-stage .stream-hero__slide {
    min-height: 92vh;
}

body.browse-stage .movie-card {
    width: 132px;
    flex-basis: 132px;
}

body.browse-stage .movie-card img,
body.browse-stage .movie-card .lazy-poster {
    height: 198px;
}

body.browse-stage.has-stream-hero .stream-hero__slide.is-active .stream-hero__copy {
    opacity: 1;
}

@supports (aspect-ratio: 2 / 3) {
    html:not(.is-tv) body.browse-stage .movie-card img,
    html:not(.is-tv) body.browse-stage .movie-card .lazy-poster {
        height: auto;
        aspect-ratio: 2 / 3;
    }
}

@supports (min-height: min(92vh, 860px)) {
    html:not(.is-tv) body.browse-stage .stream-hero,
    html:not(.is-tv) body.browse-stage .stream-hero__slider,
    html:not(.is-tv) body.browse-stage .stream-hero__slide {
        min-height: min(92vh, 860px);
    }
}

html.is-tv,
html.is-tv body {
    background: #0a0809;
    color: #f5ecee;
}

html.is-tv body.browse-stage .stream-hero,
html.is-tv body.browse-stage .stream-hero--carousel,
html.is-tv body.browse-stage .stream-hero__slider,
html.is-tv body.browse-stage .stream-hero__slide {
    position: relative;
    min-height: 0;
    height: auto;
    overflow: visible;
}

html.is-tv body.browse-stage .stream-hero__slider {
    position: relative;
    inset: auto;
    height: auto;
}

html.is-tv body.browse-stage .stream-hero__slide {
    display: none;
    opacity: 1;
    pointer-events: auto;
    position: relative;
    inset: auto;
}

html.is-tv body.browse-stage .stream-hero__slide.is-active {
    display: block;
    opacity: 1;
    z-index: 2;
}

html.is-tv body.browse-stage .stream-hero__backdrop,
html.is-tv body.browse-stage .stream-hero__backdrop--soft {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: none !important;
    transform: none !important;
    opacity: 1 !important;
    -webkit-filter: none !important;
}

html.is-tv body.browse-stage .stream-hero__stage {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    display: block;
    min-height: 420px;
    padding: 88px 24px 36px;
    z-index: 3;
}

html.is-tv body.browse-stage .stream-hero__copy,
html.is-tv body.browse-stage .stream-hero--carousel .stream-hero__copy,
html.is-tv body.browse-stage.has-stream-hero .stream-hero__slide.is-active .stream-hero__copy {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    max-width: 40rem;
    color: #fff;
}

html.is-tv body.browse-stage .stream-hero__title {
    font-size: 2.4rem;
    line-height: 1.05;
    color: #fff;
}

html.is-tv body.browse-stage .stream-hero__scrim {
    background: rgba(10, 8, 9, 0.8);
}

html.is-tv body.browse-stage .home-page .dashboard-body,
html.is-tv body.browse-stage .page-shell.dashboard-body {
    margin-top: 0;
    padding: 12px 0 48px;
    z-index: 4;
}

html.is-tv body.browse-stage .movie-card {
    width: 132px;
    flex: 0 0 132px;
}

html.is-tv body.browse-stage .movie-card img,
html.is-tv body.browse-stage .movie-card .lazy-poster {
    width: 132px;
    height: 198px;
    aspect-ratio: auto;
}

html.is-tv body.browse-stage .scroll-row,
html.is-tv body.browse-stage .focus-rail__track {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    padding: 12px 16px 24px;
}

html.is-tv body.browse-stage .scroll-row .movie-card,
html.is-tv body.browse-stage .focus-rail__track .movie-card {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    margin-right: 8px;
}

html.is-tv body.browse-stage .title-row__head,
html.is-tv body.browse-stage .section-title {
    font-size: 1.2rem;
    padding: 0 16px;
}

html.is-tv body.browse-stage .stream-hero__btn {
    min-height: 48px;
    font-size: 1rem;
}