/**
 * PrimeFlix v3.64.57 · P217
 * Desktop Premium — Detail Hero Bottom Action Rail.
 * Desktop-web only. Keeps the P216 visual language while restoring the approved
 * composition: info left, interactive poster right, all hero controls in one
 * bottom rail, then the improved scroll cue directly above the detail tabs.
 */

@media (min-width:901px){
  /* ==========================================================
     HERO COMPOSITION — copy left / poster right / rail at floor
     ========================================================== */
  .pfcp-wrap.pf-desktop-view .pfcp-hero{
    position:relative!important;
    min-height:100vh!important;
    min-height:100svh!important;
    height:auto!important;
  }

  .pfcp-wrap.pf-desktop-view .pfcp-grid{
    position:relative!important;
    z-index:3!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(270px,340px)!important;
    grid-template-rows:1fr!important;
    gap:clamp(34px,4vw,82px)!important;
    width:min(100%,1840px)!important;
    min-height:100vh!important;
    min-height:100svh!important;
    margin:0 auto!important;
    padding:clamp(92px,10.5vh,126px) clamp(30px,4vw,76px) 170px!important;
    align-items:center!important;
  }

  .pfcp-wrap.pf-desktop-view .pfcp-info-side{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    align-self:center!important;
    padding:16px clamp(18px,2.5vw,48px) 20px 0!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-info-side::before{
    right:-6px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-title{
    max-width:16ch!important;
    font-size:clamp(52px,4.45vw,82px)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-overview{
    width:100%!important;
    max-width:min(92ch,100%)!important;
    -webkit-line-clamp:4!important;
    font-size:15.5px!important;
    line-height:1.66!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-rating-bar{
    max-width:470px!important;
  }

  /* Poster returns to the right edge and its original JS mouse movement remains live. */
  .pfcp-wrap.pf-desktop-view .pfcp-poster-side{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    align-self:center!important;
    justify-self:end!important;
    display:flex!important;
    justify-content:flex-end!important;
    padding:6px 0 0!important;
    filter:drop-shadow(0 32px 70px rgba(124,58,237,.18))!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-side::before{
    left:auto!important;
    right:-20%!important;
    width:150%!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-card{
    width:min(100%,334px)!important;
    max-width:334px!important;
    transition:transform .16s ease-out,border-color .24s ease,box-shadow .24s ease!important;
    will-change:transform!important;
  }

  /* ==========================================================
     ONE-LINE BOTTOM ACTION RAIL — same low placement as Home slots
     ========================================================== */
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side{
    position:absolute!important;
    z-index:8!important;
    left:clamp(30px,4vw,76px)!important;
    right:clamp(30px,4vw,76px)!important;
    bottom:57px!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    height:68px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:8px!important;
    isolation:isolate!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side::before{
    content:""!important;
    position:absolute!important;
    z-index:-2!important;
    inset:-10px -12px!important;
    border-radius:22px!important;
    border:1px solid rgba(255,255,255,.055)!important;
    background:
      radial-gradient(circle at 12% 50%,rgba(124,58,237,.105),transparent 28%),
      linear-gradient(180deg,rgba(8,8,13,.34),rgba(5,5,9,.56))!important;
    box-shadow:0 18px 55px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.025)!important;
    backdrop-filter:blur(12px) saturate(1.04)!important;
    -webkit-backdrop-filter:blur(12px) saturate(1.04)!important;
    pointer-events:none!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side::after{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    left:0!important;
    right:0!important;
    bottom:-9px!important;
    width:auto!important;
    height:1px!important;
    border:0!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,transparent,rgba(168,85,247,.42) 18%,rgba(255,255,255,.12) 54%,rgba(168,85,247,.25) 82%,transparent)!important;
    box-shadow:0 0 20px rgba(124,58,237,.12)!important;
    pointer-events:none!important;
  }

  .pfcp-wrap.pf-desktop-view .pfcp-coming-soon{
    position:absolute!important;
    left:0!important;
    bottom:78px!important;
    margin:0!important;
    max-width:360px!important;
  }

  /* First 4 controls and the 7 personal controls share one physical row. */
  .pfcp-wrap.pf-desktop-view .pfcp-row1{
    flex:0 1 44%!important;
    width:auto!important;
    min-width:0!important;
    height:68px!important;
    display:grid!important;
    grid-template-columns:1.35fr .82fr .92fr 1.18fr!important;
    gap:8px!important;
    margin:0!important;
    overflow:visible!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side > .pfce{
    flex:1 1 56%!important;
    width:auto!important;
    min-width:0!important;
    height:68px!important;
    margin:0!important;
    display:block!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-primary{
    width:100%!important;
    height:68px!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
  }

  /* Slot-like controls: compact, readable, deep, but not a second row. */
  .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{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:68px!important;
    min-height:68px!important;
    margin:0!important;
    border-radius:15px!important;
    transform:none;
    transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,filter .18s ease!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge{
    padding:7px 8px!important;
    gap:7px!important;
    font-size:10.5px!important;
    line-height:1.12!important;
    background:linear-gradient(180deg,rgba(31,31,40,.83),rgba(12,12,18,.88))!important;
    border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.055)!important;
    backdrop-filter:blur(11px)!important;
    -webkit-backdrop-filter:blur(11px)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action svg,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-btn-ico svg{
    width:18px!important;
    height:18px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pf-watch-hero-btn{
    background:linear-gradient(135deg,#6e24e7 0%,#8a2df8 53%,#a34dff 100%)!important;
    border-color:rgba(255,255,255,.19)!important;
    box-shadow:0 15px 34px rgba(124,58,237,.35),0 0 26px rgba(124,58,237,.09),inset 0 1px rgba(255,255,255,.22)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge{
    background:linear-gradient(145deg,rgba(75,55,19,.74),rgba(21,18,12,.90))!important;
    border-color:rgba(247,185,40,.35)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge__star{font-size:18px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge b{font-size:8.5px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge strong{font-size:17px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge em,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge small{font-size:8.5px!important}

  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn{
    aspect-ratio:auto!important;
    padding:7px 3px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    background:linear-gradient(180deg,rgba(28,28,37,.81),rgba(11,11,17,.88))!important;
    border:1px solid rgba(255,255,255,.115)!important;
    box-shadow:0 11px 26px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.045)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > span{
    min-height:17px!important;
    font-size:17px!important;
    line-height:1!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > b{
    max-width:100%!important;
    font-size:9px!important;
    line-height:1.05!important;
    font-weight:850!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:9px!important;
    font-size:8px!important;
    line-height:1!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side :is(.pfcp-main-action,.pfscore-badge,.pfce-btn):not(.is-disabled):hover{
    transform:translateY(-5px)!important;
    border-color:rgba(192,132,252,.43)!important;
    box-shadow:0 20px 42px rgba(0,0,0,.38),0 0 26px rgba(124,58,237,.12),inset 0 1px rgba(255,255,255,.08)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-report{
    background:linear-gradient(180deg,rgba(142,35,43,.88),rgba(72,17,23,.92))!important;
    border-color:rgba(248,113,113,.43)!important;
  }

  /* ==========================================================
     IMPROVED "MORE BELOW" CUE — immediately below button rail
     ========================================================== */
  .pfcp-wrap.pf-desktop-view .pfcp-scroll-cue{
    display:flex!important;
    position:absolute!important;
    z-index:9!important;
    left:clamp(30px,4vw,76px)!important;
    bottom:10px!important;
    min-height:34px!important;
    padding:7px 13px 7px 11px!important;
    gap:9px!important;
    align-items:center!important;
    border-radius:999px!important;
    color:#fff!important;
    text-decoration:none!important;
    background:linear-gradient(180deg,rgba(14,14,21,.72),rgba(7,7,12,.64))!important;
    border:1px solid rgba(255,255,255,.105)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    animation:none!important;
    transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-scroll-cue:hover{
    transform:translateY(-2px)!important;
    background:linear-gradient(180deg,rgba(36,25,52,.78),rgba(11,9,17,.72))!important;
    border-color:rgba(168,85,247,.34)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-scroll-cue-line{
    width:36px!important;
    height:2px!important;
    flex:0 0 36px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#a855f7,#7c3aed 58%,rgba(124,58,237,.08))!important;
    box-shadow:0 0 14px rgba(124,58,237,.26)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-scroll-cue-text{
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.105em!important;
    text-transform:uppercase!important;
    color:rgba(255,255,255,.75)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-scroll-cue::after{
    content:"⌄"!important;
    display:grid!important;
    place-items:center!important;
    width:20px!important;
    height:20px!important;
    margin-left:1px!important;
    border-radius:50%!important;
    background:rgba(168,85,247,.10)!important;
    color:#d8b4fe!important;
    font-size:16px!important;
    line-height:1!important;
    animation:pfP217Cue 1.5s ease-in-out infinite!important;
  }
  @keyframes pfP217Cue{
    0%,100%{transform:translateY(-1px);opacity:.65}
    50%{transform:translateY(2px);opacity:1}
  }

  /* Tabs remain flush to the hero: no visual gap after the cue. */
  .pfwd-shell.pf-desktop-view{
    margin-top:0!important;
  }
  .pfwd-shell.pf-desktop-view .pfwd-tabs{
    margin-top:0!important;
  }
}

/* 1100–1299: still ONE line. Compact the slots rather than creating row two. */
@media (min-width:901px) and (max-width:1299px){
  .pfcp-wrap.pf-desktop-view .pfcp-grid{
    grid-template-columns:minmax(0,1fr) minmax(235px,285px)!important;
    gap:24px!important;
    padding-left:22px!important;
    padding-right:22px!important;
    padding-bottom:156px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-card{max-width:285px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-title{font-size:clamp(44px,4.6vw,64px)!important}
  .pfcp-wrap.pf-desktop-view .pfcp-overview{font-size:14px!important;-webkit-line-clamp:3!important}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side{
    left:22px!important;
    right:22px!important;
    bottom:53px!important;
    height:62px!important;
    gap:5px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1{
    flex-basis:45%!important;
    height:62px!important;
    gap:5px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side > .pfce,
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-primary{height:62px!important}
  .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:62px!important;
    min-height:62px!important;
    border-radius:13px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action{font-size:9px!important;padding:5px!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}
  .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:7px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn{padding:6px 1px!important;gap:3px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > span{font-size:15px!important;min-height:15px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > b{font-size:7.8px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > small{font-size:7px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-scroll-cue{left:22px!important;bottom:9px!important}
}

/* Wide monitors: poster breathes on the far right while copy uses the extra canvas. */
@media (min-width:1780px){
  .pfcp-wrap.pf-desktop-view .pfcp-grid{
    grid-template-columns:minmax(0,1fr) 360px!important;
    gap:clamp(52px,4.6vw,92px)!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:98ch!important}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side{height:72px!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:72px!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}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > b{font-size:9.5px!important}
}

@media (prefers-reduced-motion:reduce){
  .pfcp-wrap.pf-desktop-view .pfcp-scroll-cue::after{animation:none!important}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side :is(.pfcp-main-action,.pfscore-badge,.pfce-btn):hover{transform:none!important}
}

@media (min-width:901px){
  .pfwd-shell.pf-desktop-view #pfwd-tabs{scroll-margin-top:72px}
}