/* Full artwork with a quiet reading area; existing controls keep their actions. */
.vod-info-hero[hidden],.vod-info-cast[hidden],.vod-info-backdrop[hidden],.vod-info-clock[hidden],.vod-info-title-logo[hidden],.vod-info-rating[hidden],.vod-info-tagline[hidden]{display:none!important}
.details-dialog:not(.vod-cinematic)>.vod-info-more{display:contents}
.details-dialog:not(.vod-cinematic)>.vod-info-more>summary{display:none}
html:root body #channelDetails .details-dialog.vod-cinematic{position:relative;isolation:isolate;display:block;width:min(1380px,96vw)!important;max-height:94dvh;overflow:auto;background:#101114!important;color:#f4f4f6!important;border:1px solid #ffffff28;border-radius:22px;padding:0;box-shadow:0 24px 90px #000b;backdrop-filter:none}
.vod-cinematic .vod-info-backdrop{position:absolute;z-index:-2;inset:0 0 auto;width:100%;height:740px;max-height:100%;object-fit:cover;object-position:70% top;pointer-events:none}
.vod-cinematic::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(9,12,18,.96),rgba(9,12,18,.8) 32%,rgba(9,12,18,.12) 75%),linear-gradient(0deg,#101114 0%,rgba(16,17,20,.92) 13%,rgba(16,17,20,.2) 58%)}
html:root body #channelDetails .vod-cinematic>.details-header{position:sticky;top:0;z-index:5;display:flex;gap:18px;padding:22px 36px;border:0;background:linear-gradient(#101114e8,#10111400);color:#fff}
.vod-cinematic>.details-header>div{visibility:hidden;flex:1}
.vod-cinematic .vod-info-clock{margin-left:auto;font-size:22px;font-weight:750;letter-spacing:-.5px;white-space:nowrap;color:white}
.vod-cinematic #closeDetails{flex:none;background:#17191c99;color:white;border:1px solid #ffffff50;backdrop-filter:blur(12px)}
.vod-cinematic>.details-channel,.vod-cinematic>.details-program,.vod-cinematic>.details-timebar{display:none!important}
.vod-info-hero{min-height:380px;padding:8px 40px 30px;display:flex;align-items:center}
.vod-info-copy{width:min(560px,52%)}
.vod-info-kicker{font-size:14px;letter-spacing:.04em;font-weight:600;margin:0 0 18px;color:#e2e4ea}
.vod-info-copy h2{font-size:clamp(34px,4.5vw,62px);line-height:1.02;letter-spacing:-1.7px;text-wrap:balance;margin:0 0 20px;color:white}
.vod-info-title-logo{display:block;max-width:360px;width:auto;height:125px;object-fit:contain;object-position:left center;margin:0 0 20px;filter:drop-shadow(0 3px 12px #0007)}
.has-title-logo #vodInfoTitle{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.vod-info-meta{font-size:14px;font-weight:650;line-height:1.65;color:#f1f2f5;margin:0 0 14px}
.vod-info-summary{font-size:15px;line-height:1.7;margin:0 0 20px;color:#e0e1e6;text-shadow:0 1px 5px #0008}
.vod-info-tagline{font-size:16px;font-weight:650;color:#f5f5f7;margin:0 0 10px}
.vod-info-rating{display:inline-flex;align-items:center;gap:10px;padding:12px 17px;border:1px solid #ffffff35;border-radius:13px;background:#1b202b88;backdrop-filter:blur(12px);color:#fff;text-decoration:none;margin-bottom:18px}
.vod-info-rating b{color:#f5cd73;font-size:20px}.vod-info-rating span{font-size:16px;font-weight:750}.vod-info-rating small{color:#c1c5cd;font-size:12px;margin-left:8px}
.vod-info-actions{display:flex;gap:10px;flex-wrap:wrap}.vod-info-actions .button{min-height:46px;padding:0 25px;font-size:14px}
.vod-info-cast{padding:0 40px 26px}.vod-info-cast h3{font-size:18px;margin:0 0 15px;font-weight:700;color:white}
.vod-info-people{display:flex;gap:14px;overflow-x:auto;padding:3px 3px 14px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent}
.vod-info-person{flex:0 0 108px;min-width:0;scroll-snap-align:start}.vod-info-person strong{display:block;font-size:12px;line-height:1.4;margin-top:9px;color:#f0f1f5}.vod-info-person>span{display:block;font-size:11px;line-height:1.4;color:#b7beca;margin-top:3px}
.vod-info-portrait{width:108px;height:122px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #ffffff25;border-radius:13px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.3),#242831);color:#e5e7ee;font-size:25px;font-weight:750}
.vod-info-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;opacity:0}.vod-info-portrait.has-photo img{opacity:1}
.vod-cinematic>.vod-info-more{margin:0 40px 26px;padding-top:17px;border-top:1px solid #ffffff20}
.vod-info-more>summary{cursor:pointer;font-size:13px;color:#d4d7df;min-height:32px;list-style-position:inside}
html:root body #channelDetails .vod-cinematic .details-facts{margin:16px 0;padding:0;color:#ddd;background:transparent;border:0}
html:root body #channelDetails .vod-cinematic .details-facts dt{color:#a7adba}html:root body #channelDetails .vod-cinematic .details-facts dd{color:#eee}
html:root body #channelDetails .vod-cinematic .details-note{margin:12px 0;padding:0;color:#b4bac5}
html:root body #channelDetails .vod-cinematic .details-actions{position:static;display:flex;flex-wrap:wrap;padding:12px 0;background:transparent;border:0}
.vod-cinematic .details-version-picker{margin:16px 0}
@media(max-width:700px){html:root body #channelDetails .details-dialog.vod-cinematic{width:100%!important;max-height:100dvh;border-radius:0;border:0}.vod-cinematic .vod-info-backdrop{height:480px;object-position:66% top}.vod-cinematic::before{background:linear-gradient(0deg,#101114 30%,#101114e8 58%,#10111430 95%)}html:root body #channelDetails .vod-cinematic>.details-header{padding:14px 20px}.vod-cinematic .vod-info-clock{font-size:18px}.vod-info-hero{padding:160px 24px 24px;min-height:0}.vod-cinematic:not(.has-vod-backdrop) .vod-info-hero{padding-top:18px}.vod-info-copy{width:100%}.vod-info-copy h2{font-size:38px;letter-spacing:-1px}.vod-info-title-logo{height:95px;max-width:90%}.vod-info-summary{font-size:14px;line-height:1.65}.vod-info-meta{font-size:12px}.vod-info-cast{padding:0 24px 18px}.vod-info-person{flex-basis:94px}.vod-info-portrait{width:94px;height:108px}.vod-cinematic>.vod-info-more{margin:0 24px 24px}}
@media(prefers-reduced-transparency:reduce){.vod-info-rating{background:#20242b;backdrop-filter:none}}
/* Bound the dialog to the usable viewport, including safe areas and TV margins. */
html:root body #channelDetails.has-vod-info{box-sizing:border-box;min-height:0;overflow:hidden;padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
html:root body #channelDetails.has-vod-info .details-dialog.vod-cinematic{box-sizing:border-box;width:min(1380px,100%)!important;min-width:0;min-height:0;max-width:100%;max-height:calc(100vh - 32px);max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-padding-top:90px}
.vod-info-copy{min-width:0;overflow-wrap:anywhere}.vod-info-title-logo{max-width:100%}
.vod-info-actions>[hidden]{display:none!important}
@media(min-width:701px) and (max-height:850px){.vod-info-hero{min-height:0;padding:0 32px 16px}.vod-info-copy{width:min(560px,60%)}.vod-info-kicker{margin-bottom:10px}.vod-info-title-logo{height:78px;margin-bottom:12px}.vod-info-copy h2{font-size:38px;margin-bottom:12px}.vod-info-meta{margin-bottom:8px;font-size:12px}.vod-info-summary{font-size:14px;line-height:1.5;margin-bottom:12px}.vod-info-tagline{font-size:14px}.vod-info-rating{padding:8px 12px;margin-bottom:12px}.vod-info-cast{padding:0 32px 12px}.vod-info-cast h3{margin-bottom:8px}.vod-info-person{flex-basis:88px}.vod-info-portrait{width:88px;height:92px}.vod-cinematic>.vod-info-more{margin:0 32px 16px;padding-top:10px}html:root body #channelDetails .vod-cinematic>.details-header{height:56px;padding:10px 32px}}
@media(max-width:700px){html:root body #channelDetails.has-vod-info{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}html:root body #channelDetails.has-vod-info .details-dialog.vod-cinematic{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:0}.vod-info-hero{padding-top:100px}.vod-info-actions .button{max-width:100%}}
@media(max-width:700px) and (max-height:500px){.vod-info-hero{padding-top:12px}.vod-info-title-logo{height:64px}}