/* VOD pages styled to closely match SeansMatch Netflix cards. */
html body.smvod-netflix-page .cmh-mgg-main{color:#eef2f9}
html body.smvod-netflix-page .cmh-online-detail-page{padding-top:0!important}
html body.smvod-netflix-page .cmh-mgg-main .cmh-online-detail-page>.cmh-mgg-detail.cmh-online-detail-hero.smvod-netflix-hero,
html body.smvod-netflix-page.cmh-vod-sa-page .cmh-online-detail-page>.cmh-mgg-detail.cmh-online-detail-hero.smvod-netflix-hero{
  box-sizing:border-box!important;position:relative!important;isolation:isolate!important;
  display:grid!important;grid-template-columns:250px minmax(0,740px)!important;
  gap:34px!important;align-items:center!important;align-content:center!important;
  width:100%!important;max-width:none!important;min-height:415px!important;
  margin:0 0 28px!important;padding:clamp(24px,4vw,58px)!important;
  border-radius:24px!important;border:1px solid rgba(139,157,186,.24)!important;
  background:linear-gradient(100deg,#171e30 0%,#172037 55%,#243149 100%)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.30)!important;overflow:hidden!important;
}
html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-online-detail-background,
html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-sa-backdrop{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  z-index:0!important;pointer-events:none!important;
}
html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-online-detail-background img,
html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-sa-backdrop img{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;
  object-fit:cover!important;object-position:center 28%!important;filter:saturate(1.02)!important;
}
html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero::before{
  content:''!important;position:absolute!important;inset:0!important;z-index:1!important;
  background:linear-gradient(90deg,rgba(10,15,28,.99) 5%,rgba(10,15,28,.93) 40%,rgba(10,15,28,.48) 73%,rgba(10,15,28,.22) 100%)!important;
}
html body.smvod-netflix-page.cmh-vod-sa-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-vod-left-shade{display:none!important}
html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-mgg-poster,
html body.smvod-netflix-page.cmh-vod-sa-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-mgg-poster{
  display:block!important;position:relative!important;grid-column:1!important;grid-row:1!important;
  width:250px!important;max-width:100%!important;min-width:0!important;height:auto!important;
  max-height:360px!important;aspect-ratio:2/3!important;object-fit:cover!important;object-position:center!important;
  border-radius:14px!important;border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.5)!important;margin:0!important;z-index:3!important;align-self:center!important;
}
html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.smvod-netflix-copy,
html body.smvod-netflix-page.cmh-vod-sa-page .cmh-online-detail-hero.smvod-netflix-hero>.smvod-netflix-copy{
  box-sizing:border-box!important;position:relative!important;z-index:3!important;
  grid-column:2!important;grid-row:1!important;align-self:center!important;
  min-width:0!important;max-width:740px!important;padding:0!important;
  margin:0!important;background:transparent!important;color:#f8f9fc!important;
  text-shadow:0 3px 16px rgba(0,0,0,.42)!important;
}
html body.smvod-netflix-page .smvod-netflix-copy>.cmh-eyebrow{
  color:#ff8eab!important;font-size:12px!important;font-weight:800!important;
  letter-spacing:.10em!important;text-transform:uppercase!important;
}
html body.smvod-netflix-page .smvod-netflix-copy h1{
  font-size:clamp(40px,4.2vw,68px)!important;line-height:1.05!important;
  letter-spacing:-.035em!important;font-weight:850!important;
  margin:8px 0 16px!important;max-width:740px!important;color:#fff!important;
}
html body.smvod-netflix-page .smvod-netflix-copy h1 span{font-size:.75em!important;opacity:.9}
html body.smvod-netflix-page .smvod-netflix-copy>.cmh-vod-enhance-facts,
html body.smvod-netflix-page .smvod-netflix-copy>p:not(.smvod-netflix-teaser):not(.cmh-online-background-credit):not(.cmh-online-trailer-status):not(.cmh-vod-vote-message){
  font-size:14px!important;line-height:1.6!important;color:#c9d7e8!important;margin:5px 0 12px!important;
}
html body.smvod-netflix-page .smvod-netflix-copy>.smvod-netflix-teaser{
  color:#eef3fb!important;font-size:16px!important;line-height:1.65!important;
  max-width:640px!important;margin:15px 0!important;text-shadow:0 1px 3px rgba(0,0,0,.53)!important;
}
html body.smvod-netflix-page .smvod-netflix-copy .smvod-netflix-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:22px 0 12px!important;align-items:center!important}
html body.smvod-netflix-page .smvod-netflix-copy .smvod-netflix-actions .cmh-mgg-button,
html body.smvod-netflix-page .smvod-netflix-copy .cmh-mgg-button{
  min-height:44px!important;box-sizing:border-box!important;border-radius:10px!important;padding:13px 18px!important;
  color:#fff!important;font-size:14px!important;font-weight:720!important;text-decoration:none!important;white-space:normal!important;
}
html body.smvod-netflix-page .smvod-netflix-copy .smvod-netflix-actions .cmh-mgg-button.primary,
html body.smvod-netflix-page .smvod-netflix-copy .smvod-netflix-actions .cmh-mgg-button:first-child{
  background:linear-gradient(135deg,#ff315f,#ff4779)!important;border:0!important;
}
html body.smvod-netflix-page .smvod-netflix-copy .smvod-netflix-actions .cmh-mgg-button:not(.primary):not(:first-child){
  background:#293b56!important;border:1px solid #7387a0!important;
}
html body.smvod-netflix-page .smvod-netflix-copy .smvod-netflix-actions .cmh-mgg-button:hover,
html body.smvod-netflix-page .smvod-netflix-copy .cmh-mgg-button:hover{filter:brightness(1.03)!important}
html body.smvod-netflix-page .smvod-netflix-copy .cmh-vod-user-feedback{max-width:100%!important;margin:14px 0 14px!important;color:#f4f7fc!important}
html body.smvod-netflix-page .smvod-netflix-copy .cmh-vod-feedback-controls{gap:10px!important}
html body.smvod-netflix-page .smvod-netflix-copy .cmh-online-background-credit{margin:10px 0 0!important;font-size:11px!important;color:#aeb9c9!important}
html body.smvod-netflix-page .smvod-netflix-description{
  box-sizing:border-box;width:100%;margin:0 0 28px;padding:24px 28px;border-radius:18px;
  background:linear-gradient(135deg,#121b2d,#0e1726);border:1px solid #2a3952;color:#e8eff9;
}
html body.smvod-netflix-page .smvod-netflix-description h2{font-size:clamp(1.25rem,2vw,1.6rem)!important;line-height:1.25!important;font-weight:800!important;color:#fff!important;margin:0 0 14px!important}
html body.smvod-netflix-page .smvod-netflix-description p{font-size:16px!important;line-height:1.77!important;color:#dce5f3!important;margin:0 0 12px!important;max-width:90ch!important}
html body.smvod-netflix-page .smvod-netflix-description p:last-child{margin-bottom:0!important}
html body.smvod-netflix-page .smvod-netflix-hide{display:none!important}
@media(max-width:1100px) and (min-width:701px){
 html body.smvod-netflix-page .cmh-mgg-main .cmh-online-detail-page>.cmh-mgg-detail.cmh-online-detail-hero.smvod-netflix-hero,
 html body.smvod-netflix-page.cmh-vod-sa-page .cmh-online-detail-page>.cmh-mgg-detail.cmh-online-detail-hero.smvod-netflix-hero{
   grid-template-columns:210px minmax(0,1fr)!important;min-height:390px!important;padding:30px!important;gap:26px!important;
 }
 html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-mgg-poster,
 html body.smvod-netflix-page.cmh-vod-sa-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-mgg-poster{width:210px!important;max-height:315px!important}
}
@media(max-width:700px){
 html body.smvod-netflix-page .cmh-mgg-main .cmh-online-detail-page>.cmh-mgg-detail.cmh-online-detail-hero.smvod-netflix-hero,
 html body.smvod-netflix-page.cmh-vod-sa-page .cmh-online-detail-page>.cmh-mgg-detail.cmh-online-detail-hero.smvod-netflix-hero{
   display:block!important;width:100%!important;min-height:0!important;max-height:none!important;height:auto!important;aspect-ratio:auto!important;
   margin:0 0 16px!important;padding:190px 18px 23px!important;border-radius:18px!important;overflow:hidden!important;
 }
 html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-mgg-poster,
 html body.smvod-netflix-page.cmh-vod-sa-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-mgg-poster{
   position:absolute!important;top:18px!important;left:18px!important;width:112px!important;max-width:112px!important;max-height:168px!important;margin:0!important;border-radius:12px!important;z-index:4!important;
 }
 html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.smvod-netflix-copy,
 html body.smvod-netflix-page.cmh-vod-sa-page .cmh-online-detail-hero.smvod-netflix-hero>.smvod-netflix-copy{display:block!important;position:relative!important;width:100%!important;margin:0!important;padding:0!important;max-width:none!important;background:transparent!important}
 html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-online-detail-background img{object-position:center top!important}
 html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero::before{background:linear-gradient(0deg,rgba(10,15,28,.99) 0%,rgba(10,15,28,.96) 53%,rgba(10,15,28,.48) 100%)!important}
 html body.smvod-netflix-page .smvod-netflix-copy h1{font-size:clamp(29px,8vw,35px)!important;line-height:1.10!important}
 html body.smvod-netflix-page .smvod-netflix-copy .smvod-netflix-teaser{font-size:14px!important;line-height:1.6!important;display:-webkit-box!important;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
 html body.smvod-netflix-page .smvod-netflix-copy .smvod-netflix-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 html body.smvod-netflix-page .smvod-netflix-copy .smvod-netflix-actions .cmh-mgg-button{width:100%!important;min-width:0!important;padding:12px 8px!important;font-size:12px!important;min-height:44px!important;text-align:center!important}
 html body.smvod-netflix-page .smvod-netflix-description{width:100%;padding:18px 16px;margin:0 0 20px}
 html body.smvod-netflix-page .smvod-netflix-description p{font-size:14px!important;line-height:1.65!important}
}
@media(max-width:380px){html body.smvod-netflix-page .smvod-netflix-copy .smvod-netflix-actions{grid-template-columns:minmax(0,1fr)!important}}


/* Version 1.1.1 — final hero geometry faithfully based on Netflix cinematic cards.
   The whole backdrop lives INSIDE a 1520px container with left/right gutters.
   Only a single overlay begins at the left and fades toward the right. */
html body.smvod-netflix-page .cmh-mgg-main .cmh-online-detail-page>.cmh-mgg-detail.cmh-online-detail-hero.smvod-netflix-hero,
html body.smvod-netflix-page.cmh-vod-sa-page .cmh-online-detail-page>.cmh-mgg-detail.cmh-online-detail-hero.smvod-netflix-hero {
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:250px minmax(0,740px)!important;
  grid-template-rows:auto!important;
  gap:34px!important;
  justify-content:start!important;
  align-items:center!important;
  align-content:center!important;
  width:min(1520px,calc(100% - 48px))!important;
  max-width:1520px!important;
  min-height:520px!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0 auto 28px!important;
  padding:42px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
/* This backdrop is behind BOTH the poster and the text; it is never limited to the copy side. */
html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-online-detail-background,
html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-sa-backdrop {
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  z-index:0!important;pointer-events:none!important;overflow:hidden!important;
}
html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-online-detail-background img,
html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-online-detail-background.is-tmdb img,
html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-sa-backdrop img {
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;
  object-fit:cover!important;object-position:center 28%!important;
  filter:none!important;transform:none!important;
}
/* Remove the upstream right-to-left shade so it cannot cancel the intended effect. */
html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-online-detail-background::after,
html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-sa-backdrop::after{
  content:none!important;background:none!important;display:none!important;
}
html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:1!important;
  pointer-events:none!important;
  /* Left edge stays translucent so the photo is visible underneath the poster. */
  background:linear-gradient(90deg,
    rgba(4,10,18,.87) 0%,rgba(4,10,18,.77) 24%,
    rgba(4,10,18,.50) 39%,rgba(4,10,18,.05) 58%,
    rgba(4,10,18,0) 65%,rgba(4,10,18,0) 100%)!important;
}
html body.smvod-netflix-page.cmh-vod-sa-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-vod-left-shade{
  display:none!important;background:none!important;
}
html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-mgg-poster{
  grid-column:1!important;grid-row:1!important;
  position:relative!important;left:auto!important;top:auto!important;
  width:250px!important;min-width:0!important;max-width:100%!important;
  height:auto!important;max-height:none!important;aspect-ratio:2 / 3!important;
  object-fit:cover!important;object-position:top!important;
  margin:0!important;align-self:center!important;z-index:3!important;
}
html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.smvod-netflix-copy{
  grid-column:2!important;grid-row:1!important;
  position:relative!important;align-self:center!important;z-index:3!important;
  min-width:0!important;width:100%!important;max-width:740px!important;
  margin:0!important;padding:0!important;
  background:transparent!important;
  text-shadow:0 3px 16px rgba(0,0,0,.5)!important;
}
html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero .smvod-netflix-copy h1{
  margin:8px 0 16px!important;
  font-size:clamp(40px,4.2vw,68px)!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
  font-weight:800!important;
}
html body.smvod-netflix-page .smvod-netflix-copy>.cmh-vod-enhance-facts{
  margin:0 0 14px!important;
  font-weight:500!important;font-size:14px!important;
  line-height:1.55!important;
}
html body.smvod-netflix-page .smvod-netflix-copy>.smvod-netflix-teaser{
  margin:14px 0 0!important;font-size:16px!important;
  line-height:1.65!important;color:#edf0f7!important;
}
html body.smvod-netflix-page .smvod-netflix-copy .smvod-netflix-actions{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex-wrap:wrap!important;gap:10px!important;margin:22px 0 14px!important;
}
html body.smvod-netflix-page .smvod-netflix-copy .smvod-netflix-actions .cmh-mgg-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:14px!important;min-height:44px!important;line-height:1.3!important;
  border-radius:10px!important;padding:12px 18px!important;
}
html body.smvod-netflix-page .smvod-netflix-copy .cmh-vod-user-feedback{
  position:relative!important;margin:14px 0 0!important;padding:0!important;
}
html body.smvod-netflix-page .smvod-netflix-copy .cmh-vod-feedback-stats{
  margin:0 0 7px!important;font-weight:700!important;
  font-size:14px!important;color:#fff!important;
}
@media(max-width:1100px) and (min-width:701px){
  html body.smvod-netflix-page .cmh-mgg-main .cmh-online-detail-page>.cmh-mgg-detail.cmh-online-detail-hero.smvod-netflix-hero,
  html body.smvod-netflix-page.cmh-vod-sa-page .cmh-online-detail-page>.cmh-mgg-detail.cmh-online-detail-hero.smvod-netflix-hero{
    width:calc(100% - 32px)!important;
    min-height:430px!important;
    grid-template-columns:210px minmax(0,1fr)!important;
    gap:26px!important;padding:30px!important;
  }
  html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-mgg-poster{
    width:210px!important;max-width:100%!important;
  }
}
@media(max-width:700px){
  html body.smvod-netflix-page .cmh-mgg-main .cmh-online-detail-page>.cmh-mgg-detail.cmh-online-detail-hero.smvod-netflix-hero,
  html body.smvod-netflix-page.cmh-vod-sa-page .cmh-online-detail-page>.cmh-mgg-detail.cmh-online-detail-hero.smvod-netflix-hero{
    display:block!important;
    width:calc(100% - 20px)!important;
    min-height:0!important;height:auto!important;aspect-ratio:auto!important;
    margin:0 auto 16px!important;padding:190px 18px 23px!important;
    border-radius:18px!important;overflow:hidden!important;
  }
  html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero::before{
    background:linear-gradient(0deg,
      rgba(4,10,18,.99) 0%,rgba(4,10,18,.94) 49%,
      rgba(4,10,18,.47) 100%)!important;
  }
  html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.cmh-mgg-poster{
    position:absolute!important;top:18px!important;left:18px!important;
    width:112px!important;max-width:112px!important;max-height:168px!important;
    margin:0!important;border-radius:12px!important;z-index:3!important;
  }
  html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero>.smvod-netflix-copy{
    display:block!important;position:relative!important;z-index:3!important;
    grid-column:auto!important;grid-row:auto!important;
    min-width:0!important;width:100%!important;max-width:none!important;
    margin:0!important;padding:0!important;background:transparent!important;
  }
  html body.smvod-netflix-page .cmh-online-detail-hero.smvod-netflix-hero .smvod-netflix-copy h1{
    font-size:clamp(29px,8vw,35px)!important;
    line-height:1.1!important;
  }
  html body.smvod-netflix-page .smvod-netflix-copy .smvod-netflix-teaser{
    font-size:14px!important;line-height:1.55!important;
    display:-webkit-box!important;-webkit-line-clamp:5;
    -webkit-box-orient:vertical;overflow:hidden;
  }
  html body.smvod-netflix-page .smvod-netflix-copy .smvod-netflix-actions{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;margin:18px 0 12px!important;
  }
  html body.smvod-netflix-page .smvod-netflix-copy .smvod-netflix-actions .cmh-mgg-button{
    width:100%!important;min-width:0!important;
    padding:12px 8px!important;font-size:12px!important;
  }
}
@media(max-width:380px){
  html body.smvod-netflix-page .smvod-netflix-copy .smvod-netflix-actions{
    grid-template-columns:minmax(0,1fr)!important;
  }
}
