/* SeansMatch — cards with Streaming Availability: Helios cinematic geometry + left-side shade. */
@media(min-width:1101px){
 html body.cmh-vod-sa-page .cmh-vod-enhanced-hero{box-sizing:border-box!important;width:min(1520px,calc(100% - 48px))!important;max-width:1520px!important;min-height:520px!important;height:520px!important;max-height:none!important;aspect-ratio:auto!important;margin:0 auto 28px!important;padding:35px 42px!important;display:grid!important;grid-template-columns:300px minmax(0,720px)!important;gap:34px!important;align-items:center!important;align-content:center!important;overflow:hidden!important;border-radius:18px!important;}
 html body.cmh-vod-sa-page .cmh-vod-enhanced-hero>.cmh-mgg-poster,html body.cmh-vod-sa-page .cmh-vod-enhanced-hero img.cmh-sa-poster{grid-column:1;max-width:300px!important;width:300px!important;height:450px!important;object-fit:cover!important;aspect-ratio:2/3!important;margin:0!important;align-self:center!important;}
 html body.cmh-vod-sa-page .cmh-vod-enhanced-hero>.cmh-online-detail-copy,html body.cmh-vod-sa-page .cmh-vod-enhanced-hero>.cmh-sa-hero-copy{grid-column:2;min-width:0;align-self:center!important;margin:0!important;padding:0!important;}
}
@media(min-width:761px) and (max-width:1100px){
 html body.cmh-vod-sa-page .cmh-vod-enhanced-hero{box-sizing:border-box!important;width:calc(100% - 32px)!important;min-height:470px!important;height:auto!important;aspect-ratio:auto!important;padding:26px!important;grid-template-columns:220px minmax(0,1fr)!important;gap:26px!important;align-items:center!important;}
 html body.cmh-vod-sa-page .cmh-vod-enhanced-hero>.cmh-mgg-poster{width:220px!important;max-width:100%!important;margin:0!important;}
}
html body.cmh-vod-sa-page .cmh-vod-enhanced-hero{position:relative!important;isolation:isolate;}
html body.cmh-vod-sa-page .cmh-vod-enhanced-hero>.cmh-online-detail-background,html body.cmh-vod-sa-page .cmh-vod-enhanced-hero>.cmh-sa-backdrop{z-index:0!important;}
html body.cmh-vod-sa-page .cmh-vod-enhanced-hero>.cmh-online-detail-background:after,html body.cmh-vod-sa-page .cmh-vod-enhanced-hero>.cmh-sa-backdrop:after{background:transparent!important;}
html body.cmh-vod-sa-page .cmh-vod-enhanced-hero>.cmh-vod-left-shade{position:absolute!important;inset:0!important;display:block!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(3,9,16,.99) 0%,rgba(3,9,16,.96) 18%,rgba(3,9,16,.84) 31%,rgba(3,9,16,.48) 41%,rgba(3,9,16,.10) 49%,rgba(3,9,16,0) 55%,rgba(3,9,16,0) 100%)!important;}
html body.cmh-vod-sa-page .cmh-vod-enhanced-hero>.cmh-mgg-poster,html body.cmh-vod-sa-page .cmh-vod-enhanced-hero>.cmh-online-detail-copy,html body.cmh-vod-sa-page .cmh-vod-enhanced-hero>.cmh-sa-hero-copy{position:relative!important;z-index:2!important;}
html body.cmh-vod-sa-page .cmh-vod-enhanced-hero .cmh-online-detail-copy h1{margin:8px 0 12px!important;}
.cmh-vod-enhance-facts{color:#dce5f4!important;font-size:14px!important;font-weight:650!important;line-height:1.65!important;margin:5px 0 14px!important;}
.cmh-vod-user-feedback{color:#f8f9ff;margin:14px 0 18px;position:relative;z-index:3;max-width:100%;}
.cmh-vod-feedback-stats{color:#e8e9f0!important;font-size:14px!important;font-weight:800!important;margin:0 0 8px!important;}
.cmh-vod-feedback-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.cmh-vod-like{cursor:pointer;font:inherit;font-size:13px;font-weight:800;padding:8px 14px;border:1px solid #f35c7d;border-radius:12px;background:#171a26;color:#fff;}
.cmh-vod-like[aria-pressed="true"]{background:#b92552;color:#fff;}
.cmh-vod-rating{display:flex;align-items:center;gap:3px;}
.cmh-vod-star{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#848996;font-size:25px;line-height:1.1;padding:2px 3px;}
.cmh-vod-star.is-active,.cmh-vod-star:hover,.cmh-vod-star:focus-visible{color:#ffc86d;}
.cmh-vod-star:disabled,.cmh-vod-like:disabled{opacity:.6;cursor:wait;}
.cmh-vod-vote-message{margin:5px 0!important;font-size:12px!important;color:#f6a2b5!important;min-height:16px;}
.cmh-vod-login{color:#fff!important;text-decoration:underline!important;}
.cmh-vod-related-addon{box-sizing:border-box;width:min(1520px,calc(100% - 48px));max-width:1520px;margin:30px auto 50px;color:#fff;padding:24px 0 4px;}
.cmh-vod-related-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px;}
.cmh-vod-related-head h2{font-size:clamp(22px,3vw,30px);margin:0 0 6px;color:#fff;flex-basis:100%;}
.cmh-vod-related-head p{flex:1;color:#adb7c8;margin:0;font-size:14px;}
.cmh-vod-related-navigation{display:flex;gap:10px;}
.cmh-vod-related-arrow{width:40px;height:40px;cursor:pointer;color:white;background:#202533;border:1px solid #454d61;border-radius:50%;font-size:24px;}
.cmh-vod-related-rail{display:flex;overflow-x:auto;gap:18px;padding:8px 0 20px;scroll-snap-type:x mandatory;scrollbar-width:thin;}
.cmh-vod-related-card{flex:0 0 178px;max-width:178px;display:flex;flex-direction:column;gap:6px;color:#fff!important;text-decoration:none!important;scroll-snap-align:start;}
.cmh-vod-related-card img,.cmh-vod-no-poster{display:grid;place-items:center;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:12px;border:1px solid #343b50;background:#151b27;}
.cmh-vod-related-card strong{font-size:14px;line-height:1.35;color:#fff!important;}
.cmh-vod-related-card small{font-size:12px;line-height:1.4;color:#b4becf;}
.cmh-vod-source{font-size:10px;letter-spacing:.03em;color:#ff9eb6;font-weight:850;text-transform:uppercase;}
.cmh-vod-ranking{margin:35px auto;padding:28px;max-width:1520px;background:#121927;border-radius:18px;border:1px solid #2e3546;color:#fff;}
.cmh-vod-ranking h2{color:#fff!important;}.cmh-vod-ranking p{color:#bdc5d5;}
.cmh-vod-rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.cmh-vod-rank-item{display:flex;gap:14px;align-items:center;padding:12px;background:#0c121e;border-radius:12px;color:#fff!important;text-decoration:none!important;}
.cmh-vod-rank-item img{width:60px;height:90px;object-fit:cover;border-radius:8px;}.cmh-vod-rank-item span{display:flex;flex-direction:column;gap:6px;}.cmh-vod-rank-item small{color:#c2c9d6;}
@media(max-width:760px){
 html body.cmh-vod-sa-page .cmh-vod-enhanced-hero{width:calc(100% - 20px)!important;min-height:0!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;display:flex!important;flex-direction:column!important;gap:16px!important;padding:18px!important;overflow:visible!important;}
 html body.cmh-vod-sa-page .cmh-vod-enhanced-hero>.cmh-mgg-poster{position:relative!important;z-index:2!important;max-width:220px!important;width:min(100%,220px)!important;aspect-ratio:2/3!important;margin:0!important;}
 html body.cmh-vod-sa-page .cmh-vod-enhanced-hero>.cmh-online-detail-copy{position:relative!important;z-index:2!important;width:100%!important;padding:10px!important;background:rgba(3,9,16,.8)!important;}
 html body.cmh-vod-sa-page .cmh-vod-enhanced-hero>.cmh-vod-left-shade{background:linear-gradient(180deg,rgba(3,9,16,.2) 0%,rgba(3,9,16,.6) 35%,rgba(3,9,16,.98) 100%)!important;}
 .cmh-vod-related-addon{width:calc(100% - 20px);}.cmh-vod-related-card{flex-basis:145px;max-width:145px;}.cmh-vod-rank-grid{grid-template-columns:1fr;}.cmh-vod-ranking{padding:16px;}
}

/* v1.1.0: consistent, compact online availability cards; no visual change to H1. */
.cmh-mgg-main .cmh-vod-watch-panel{padding:20px 22px!important;margin-top:22px!important;margin-bottom:26px!important}
.cmh-vod-watch-panel>h2{font-size:clamp(20px,2vw,27px)!important;font-weight:800!important;margin:0 0 15px!important;line-height:1.28!important;overflow-wrap:anywhere}
.cmh-vod-watch-panel>p:not(.cmh-mgg-note){display:none!important}
.cmh-vod-watch-panel .cmh-sa-offers{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
.cmh-vod-watch-panel .cmh-sa-offer{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;min-width:0;gap:8px 12px!important;padding:10px 12px!important;border-radius:10px!important}
.cmh-vod-watch-panel .cmh-sa-offer>div{min-width:90px;flex:1 1 115px;gap:2px!important}
.cmh-vod-watch-panel .cmh-sa-offer strong{font-size:14px!important;line-height:1.25}
.cmh-vod-watch-panel .cmh-sa-offer span{font-size:12px!important;line-height:1.4}
.cmh-vod-watch-panel .cmh-sa-offer .cmh-mgg-button{font-size:12px!important;min-height:37px!important;padding:8px 10px!important;white-space:nowrap}
.cmh-vod-watch-panel .cmh-mgg-note{margin:14px 0 0!important;font-size:12px!important}
/* Scroller stays functional with arrows, touch swipe, and keyboard. */
.cmh-vod-related-addon .cmh-vod-related-rail{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}
.cmh-vod-related-addon .cmh-vod-related-rail::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
/* Catalogue cards have a heading element, but retain the previous typography. */
.cmh-mgg-grid .cmh-mgg-card h2.cmh-vod-card-title,.cmh-mgg-rail .cmh-mgg-card h2.cmh-vod-card-title{font-size:16px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:normal!important;margin:0!important;color:#fff!important;display:block}
@media(max-width:900px){.cmh-vod-watch-panel .cmh-sa-offers{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:600px){.cmh-mgg-main .cmh-vod-watch-panel{padding:16px!important;margin:18px 0!important}.cmh-vod-watch-panel>h2{font-size:21px!important}.cmh-vod-watch-panel .cmh-sa-offer{align-items:stretch!important}.cmh-vod-watch-panel .cmh-sa-offer .cmh-mgg-button{width:auto!important;max-width:100%;white-space:normal!important}.cmh-mgg-grid .cmh-mgg-card h2.cmh-vod-card-title{font-size:15px!important}}

/* v1.1.1 — constrain cinematic background to the page viewport.
   The image must cover its bounded hero, never expand document width. */
html:has(body.cmh-vod-sa-page),
body.cmh-vod-sa-page {overflow-x:clip!important;max-width:100%!important}
html body.cmh-vod-sa-page main.cmh-mgg-main:has(>.cmh-sa-detail){box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 auto!important;overflow-x:clip!important}
html body.cmh-vod-sa-page main.cmh-mgg-main .cmh-sa-detail{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:clip!important}
html body.cmh-vod-sa-page main.cmh-mgg-main .cmh-sa-detail>.cmh-mgg-detail.cmh-online-detail-hero.cmh-vod-enhanced-hero{
 box-sizing:border-box!important;max-width:100%!important;width:100%!important;min-width:0!important;margin:0 auto 28px!important;border-radius:0!important;border-inline:0!important;overflow:hidden!important;
}
html body.cmh-vod-sa-page main.cmh-mgg-main .cmh-sa-detail>.cmh-online-detail-hero>.cmh-online-detail-background{
 position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-width:100%!important;height:100%!important;overflow:hidden!important;box-sizing:border-box!important;
}
html body.cmh-vod-sa-page main.cmh-mgg-main .cmh-sa-detail>.cmh-online-detail-hero>.cmh-online-detail-background img{
 display:block!important;width:100%!important;max-width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 36%!important;
}
html body.cmh-vod-sa-page main.cmh-mgg-main .cmh-sa-detail>section,
html body.cmh-vod-sa-page main.cmh-mgg-main .cmh-vod-related-addon{
 box-sizing:border-box!important;width:min(1520px,calc(100% - 48px))!important;max-width:1520px!important;margin-left:auto!important;margin-right:auto!important;min-width:0!important;
}
/* Actual service marks: only for offers supplied by the VOD API. */
.cmh-sa-offer.cmh-vod-branded-offer>div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important}
.cmh-sa-offer .cmh-vod-provider-logo{display:block!important;max-width:112px!important;width:auto!important;max-height:30px!important;height:26px!important;object-fit:contain!important;object-position:left center!important;margin:0 0 2px!important;flex:none!important}
.cmh-sa-offer.cmh-vod-branded-offer>a{white-space:normal!important;text-align:center}
@media(min-width:1101px){
 html body.cmh-vod-sa-page main.cmh-mgg-main .cmh-sa-detail>.cmh-mgg-detail.cmh-online-detail-hero.cmh-vod-enhanced-hero{
 padding-left:max(26px,calc((100% - 1520px)/2 + 36px))!important;
 padding-right:max(26px,calc((100% - 1520px)/2 + 36px))!important;
 }
}
@media(max-width:760px){
 html body.cmh-vod-sa-page main.cmh-mgg-main .cmh-sa-detail>.cmh-mgg-detail.cmh-online-detail-hero.cmh-vod-enhanced-hero{
 width:100%!important;max-width:100%!important;padding:18px!important;border-radius:0!important;overflow:hidden!important;
 }
 html body.cmh-vod-sa-page main.cmh-mgg-main .cmh-sa-detail>section,
 html body.cmh-vod-sa-page main.cmh-mgg-main .cmh-vod-related-addon{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important}
 .cmh-sa-offer .cmh-vod-provider-logo{height:22px!important;max-width:104px!important}
}