/**
 * PrimeFlix v3.64.58 · P218
 * Desktop Premium — Hero alignment / full-width action rail / neutral depth pass.
 * Desktop web only. Loaded after P217.
 */

@media (min-width:901px){
  /* ==========================================================
     HERO — keep the cinematic backdrop, remove the purple wash
     ========================================================== */
  .pfcp-wrap.pf-desktop-view .pfcp-hero{
    background:#050508!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-bg{
    background-position:center 24%!important;
    filter:saturate(.96) contrast(1.06) brightness(.78)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-overlay{
    opacity:1!important;
    mix-blend-mode:normal!important;
    background:
      linear-gradient(90deg,rgba(3,3,6,.95) 0%,rgba(3,3,6,.78) 19%,rgba(3,3,6,.26) 43%,rgba(3,3,6,.05) 58%,rgba(3,3,6,.13) 76%,rgba(3,3,6,.54) 100%),
      linear-gradient(180deg,rgba(2,2,4,.10) 0%,rgba(2,2,4,.015) 44%,rgba(3,3,6,.20) 70%,rgba(5,5,8,.96) 100%)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-hero::before{
    background:
      linear-gradient(90deg,rgba(3,3,6,.30) 0%,rgba(3,3,6,.06) 42%,transparent 67%),
      linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.10) 68%,rgba(5,5,8,.76) 100%)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-hero::after{
    background:linear-gradient(180deg,transparent 0%,rgba(5,5,8,.66) 68%,#050508 100%)!important;
  }

  /* Remove purple ambient blobs. Purple remains only as PrimeFlix UI accent. */
  .pfcp-wrap.pf-desktop-view .pfcp-info-side::before{
    inset:-34px -28px -36px -10px!important;
    border-radius:0 34px 34px 0!important;
    background:linear-gradient(90deg,rgba(3,3,6,.42),rgba(3,3,6,.12) 70%,transparent 100%)!important;
    filter:none!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-info-side::after{display:none!important}
  .pfcp-wrap.pf-desktop-view .pfcp-poster-side::before{display:none!important}
  .pfcp-wrap.pf-desktop-view .pfcp-poster-side{
    filter:drop-shadow(0 34px 72px rgba(0,0,0,.52))!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-card{
    box-shadow:0 34px 88px rgba(0,0,0,.68),0 0 0 1px rgba(255,255,255,.035)!important;
  }

  /* ==========================================================
     HERO GRID — true left edge + copy expands almost to poster
     ========================================================== */
  .pfcp-wrap.pf-desktop-view .pfcp-grid{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    grid-template-columns:minmax(0,1fr) clamp(272px,18vw,350px)!important;
    gap:clamp(26px,2.8vw,54px)!important;
    padding-left:clamp(34px,4vw,78px)!important;
    padding-right:clamp(34px,4vw,78px)!important;
    padding-top:clamp(92px,10.5vh,126px)!important;
    padding-bottom:174px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-info-side{
    width:100%!important;
    max-width:none!important;
    justify-self:start!important;
    margin:0!important;
    padding:16px clamp(18px,2vw,42px) 20px 0!important;
    text-align:left!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-tags,
  .pfcp-wrap.pf-desktop-view .pfcp-genres,
  .pfcp-wrap.pf-desktop-view .pfcp-rating-bar{
    margin-left:0!important;
    margin-right:0!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-title{
    max-width:min(18ch,100%)!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-overview{
    width:100%!important;
    max-width:min(108ch,100%)!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
    font-size:clamp(15px,.86vw,16.5px)!important;
    line-height:1.68!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-rating-bar{
    width:min(100%,560px)!important;
    max-width:560px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-side{
    width:100%!important;
    max-width:none!important;
    justify-self:end!important;
    justify-content:flex-end!important;
    padding-right:0!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-card{
    width:min(100%,340px)!important;
    max-width:340px!important;
  }

  /* ==========================================================
     ACTION RAIL — all eleven controls use the full hero width
     ========================================================== */
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side{
    left:clamp(34px,4vw,78px)!important;
    right:clamp(34px,4vw,78px)!important;
    bottom:58px!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    height:72px!important;
    display:grid!important;
    grid-template-columns:minmax(0,4fr) minmax(0,7fr)!important;
    column-gap:8px!important;
    align-items:stretch!important;
    padding:0!important;
    margin:0!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side::before{
    inset:-9px -10px!important;
    border-radius:20px!important;
    border:1px solid rgba(255,255,255,.05)!important;
    background:linear-gradient(180deg,rgba(9,9,14,.40),rgba(5,5,9,.60))!important;
    box-shadow:0 18px 52px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025)!important;
    backdrop-filter:blur(12px) saturate(1.02)!important;
    -webkit-backdrop-filter:blur(12px) saturate(1.02)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side::after{display:none!important}

  .pfcp-wrap.pf-desktop-view .pfcp-row1{
    width:100%!important;
    min-width:0!important;
    height:72px!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side > .pfce{
    width:100%!important;
    min-width:0!important;
    height:72px!important;
    margin:0!important;
    display:block!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-primary{
    width:100%!important;
    height:72px!important;
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge,
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn{
    height:72px!important;
    min-height:72px!important;
    border-radius:15px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action{
    padding:8px 9px!important;
    font-size:clamp(10.5px,.67vw,13px)!important;
    line-height:1.12!important;
    font-weight:900!important;
    letter-spacing:.015em!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action span:not(.pfcp-btn-ico){
    font-size:inherit!important;
    font-weight:900!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action svg,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-btn-ico svg{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge{
    padding:7px 8px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge__star{font-size:19px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge b{font-size:10px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge strong{font-size:18px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge em,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge small{font-size:9px!important}

  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn{
    padding:7px 4px!important;
    gap:4px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > span{
    min-height:20px!important;
    font-size:19px!important;
    line-height:1!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > b{
    max-width:100%!important;
    font-size:clamp(9.5px,.58vw,11.5px)!important;
    line-height:1.08!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > small{
    min-height:10px!important;
    font-size:clamp(8px,.46vw,9.5px)!important;
    line-height:1!important;
  }

  /* ==========================================================
     CUE + TABS — exact landing below the fixed navbar
     ========================================================== */
  .pfcp-wrap.pf-desktop-view .pfcp-scroll-cue{
    left:clamp(34px,4vw,78px)!important;
    bottom:10px!important;
  }
  .pfwd-shell.pf-desktop-view .pfwd-tabs{
    top:var(--pf-p218-nav-h,64px)!important;
  }
  .pfwd-shell.pf-desktop-view #pfwd-tabs{
    scroll-margin-top:var(--pf-p218-nav-h,64px)!important;
  }
}

/* Keep one row on smaller desktop widths; preserve readable labels. */
@media (min-width:901px) and (max-width:1199px){
  .pfcp-wrap.pf-desktop-view .pfcp-grid{
    grid-template-columns:minmax(0,1fr) clamp(235px,22vw,286px)!important;
    gap:22px!important;
    padding-left:22px!important;
    padding-right:22px!important;
    padding-bottom:162px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-info-side{padding-right:16px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-title{font-size:clamp(44px,5vw,64px)!important}
  .pfcp-wrap.pf-desktop-view .pfcp-overview{font-size:14px!important;-webkit-line-clamp:3!important}
  .pfcp-wrap.pf-desktop-view .pfcp-poster-card{max-width:286px!important}

  .pfcp-wrap.pf-desktop-view .pfcp-actions-side{
    left:22px!important;
    right:22px!important;
    bottom:54px!important;
    height:64px!important;
    column-gap:5px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1,
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side > .pfce,
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-primary{height:64px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1,
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-primary{gap:5px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge,
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn{height:64px!important;min-height:64px!important;border-radius:13px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action{font-size:9.5px!important;padding:5px 4px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action svg,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-btn-ico svg{width:16px!important;height:16px!important;flex-basis:16px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge__star{font-size:15px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge strong{font-size:14px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge b,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge em,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge small{font-size:7.5px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn{padding:5px 1px!important;gap:2px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > span{font-size:16px!important;min-height:16px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > b{font-size:8.4px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > small{font-size:7.2px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-scroll-cue{left:22px!important;bottom:9px!important}
}

@media (min-width:1780px){
  .pfcp-wrap.pf-desktop-view .pfcp-grid{
    grid-template-columns:minmax(0,1fr) 360px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-card{width:350px!important;max-width:350px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-overview{max-width:118ch!important}
}