/**
 * PrimeFlix Desktop Premium Experiment · Phase 2
 * Visual system only. No content logic, markup contract or mobile/app behavior is changed.
 * Scope: desktop web content detail page.
 */

@media (min-width:1101px){
  :root{
    --pfx-bg:#050507;
    --pfx-bg-deep:#030305;
    --pfx-surface:rgba(15,15,22,.72);
    --pfx-surface-2:rgba(20,19,29,.82);
    --pfx-surface-soft:rgba(255,255,255,.045);
    --pfx-line:rgba(255,255,255,.10);
    --pfx-line-strong:rgba(255,255,255,.17);
    --pfx-text:#f8f7fb;
    --pfx-text-2:rgba(248,247,251,.76);
    --pfx-text-3:rgba(248,247,251,.50);
    --pfx-purple:var(--pf-accent,#7c3aed);
    --pfx-purple-2:var(--pf-accent-2,#a855f7);
    --pfx-gold:#f7b928;
    --pfx-red:#ef4444;
    --pfx-radius-sm:12px;
    --pfx-radius:18px;
    --pfx-radius-lg:24px;
    --pfx-shadow:0 22px 70px rgba(0,0,0,.42);
    --pfx-shadow-deep:0 38px 110px rgba(0,0,0,.62);
  }

  body{
    background:
      radial-gradient(circle at 82% 7%,rgba(124,58,237,.08),transparent 28%),
      radial-gradient(circle at 8% 40%,rgba(255,255,255,.025),transparent 26%),
      var(--pfx-bg-deep);
  }

  /* Header: same PrimeFlix shell, more premium depth on detail pages. */
  #pf-navbar{
    height:72px;
    padding-inline:clamp(30px,3.6vw,66px);
    border-bottom:1px solid rgba(255,255,255,.055);
    background:linear-gradient(180deg,rgba(4,4,7,.72),rgba(4,4,7,.28) 72%,transparent);
  }
  #pf-navbar.scrolled{
    background:rgba(6,6,10,.83);
    border-bottom-color:rgba(255,255,255,.09);
    box-shadow:0 12px 44px rgba(0,0,0,.42)!important;
    backdrop-filter:blur(24px) saturate(1.25)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.25)!important;
  }
  #pf-navbar .pf-nav-link{
    color:rgba(255,255,255,.70);
    border:1px solid transparent;
    transition:color .2s ease,background .2s ease,border-color .2s ease;
  }
  #pf-navbar .pf-nav-link:hover,
  #pf-navbar .pf-nav-link.active{
    color:#fff;
    background:rgba(255,255,255,.055);
    border-color:rgba(255,255,255,.075);
  }

  /* HERO AMBIENCE — no layout replacement in Phase 2. */
  .pfcp-wrap.pf-desktop-view{
    background:var(--pfx-bg-deep);
    color:var(--pfx-text);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-hero{
    position:relative;
    overflow:hidden;
    background:#050507;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-hero::before{
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(ellipse at 69% 40%,transparent 0%,transparent 24%,rgba(4,4,7,.12) 48%,rgba(4,4,7,.62) 82%),
      linear-gradient(90deg,rgba(3,3,6,.90) 0%,rgba(3,3,6,.54) 23%,rgba(3,3,6,.08) 51%,rgba(3,3,6,.22) 72%,rgba(3,3,6,.68) 100%),
      linear-gradient(180deg,rgba(2,2,4,.14) 0%,rgba(2,2,4,.02) 42%,rgba(3,3,6,.82) 92%,#050507 100%);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-hero::after{
    content:"";
    position:absolute;
    z-index:1;
    pointer-events:none;
    left:0;right:0;bottom:-1px;height:28%;
    background:linear-gradient(180deg,transparent,#050507 92%);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-bg{
    filter:saturate(.91) contrast(1.05) brightness(.78);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-overlay{
    opacity:.72;
    mix-blend-mode:multiply;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-grid{
    position:relative;
    z-index:3;
  }

  /* Common typography hierarchy. */
  .pfcp-wrap.pf-desktop-view .pfcp-title{
    color:#fff;
    text-shadow:0 4px 34px rgba(0,0,0,.58);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-overview{
    color:rgba(255,255,255,.78);
    text-shadow:0 2px 18px rgba(0,0,0,.58);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-tags,
  .pfcp-wrap.pf-desktop-view .pfcp-genres{
    gap:9px;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-tag,
  .pfcp-wrap.pf-desktop-view .pfcp-genre{
    border-color:rgba(255,255,255,.13);
    background:rgba(12,12,18,.50);
    box-shadow:inset 0 1px rgba(255,255,255,.035);
    backdrop-filter:blur(13px) saturate(1.15);
    -webkit-backdrop-filter:blur(13px) saturate(1.15);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-tag-accent{
    box-shadow:0 10px 26px rgba(124,58,237,.22),inset 0 1px rgba(255,255,255,.18);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-tag-rating{
    box-shadow:0 10px 26px rgba(245,158,11,.09),inset 0 1px rgba(255,255,255,.05);
  }

  /* Poster: depth without changing its place in the current 3-column DNA. */
  .pfcp-wrap.pf-desktop-view .pfcp-poster-side{
    position:relative;
    filter:none;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-side::before{
    content:"";
    position:absolute;
    z-index:-1;
    width:118%;height:88%;
    left:50%;top:51%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(circle,rgba(124,58,237,.25),rgba(124,58,237,.06) 46%,transparent 72%);
    filter:blur(24px);
    opacity:.78;
    pointer-events:none;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-card{
    border:1px solid rgba(255,255,255,.16);
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 32px 80px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.025),0 0 55px rgba(124,58,237,.10);
    transform:perspective(1100px) rotateY(-1.4deg) translateZ(0);
    transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-side:hover .pfcp-poster-card{
    transform:perspective(1100px) rotateY(0) translateY(-3px);
    border-color:rgba(255,255,255,.23);
    box-shadow:0 40px 95px rgba(0,0,0,.68),0 0 62px rgba(124,58,237,.16);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-stats > span{
    background:rgba(9,9,14,.76);
    border-color:rgba(255,255,255,.13);
    box-shadow:0 10px 22px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04);
  }

  /* CTA and action surfaces share the same tactile language. */
  .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{
    position:relative;
    overflow:hidden;
    border-color:rgba(255,255,255,.13);
    background:linear-gradient(180deg,rgba(26,26,36,.76),rgba(12,12,18,.72));
    box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.055);
    backdrop-filter:blur(16px) saturate(1.15);
    -webkit-backdrop-filter:blur(16px) saturate(1.15);
    transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,filter .2s ease;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action::before,
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn::before{
    content:"";
    position:absolute;
    pointer-events:none;
    left:10%;right:10%;top:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
    opacity:.62;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action:hover,
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn:hover{
    transform:none;
    filter:brightness(1.10);
    border-color:rgba(168,85,247,.52);
    background:linear-gradient(180deg,rgba(52,35,76,.72),rgba(22,17,31,.80));
    box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 28px rgba(124,58,237,.16),inset 0 1px rgba(255,255,255,.08);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pf-watch-hero-btn{
    background:linear-gradient(135deg,#7127f3 0%,#8b35ff 46%,#a855f7 100%)!important;
    border-color:rgba(255,255,255,.14)!important;
    box-shadow:0 18px 46px rgba(124,58,237,.34),inset 0 1px rgba(255,255,255,.24)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pf-watch-hero-btn:hover{
    background:linear-gradient(135deg,#7c2cff 0%,#983eff 48%,#b368ff 100%)!important;
    box-shadow:0 22px 56px rgba(124,58,237,.46),0 0 30px rgba(168,85,247,.18),inset 0 1px rgba(255,255,255,.28)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge{
    background:linear-gradient(145deg,rgba(83,57,14,.58),rgba(28,23,13,.66));
    border-color:rgba(247,185,40,.34);
    box-shadow:0 14px 34px rgba(0,0,0,.28),0 0 22px rgba(247,185,40,.06),inset 0 1px rgba(255,240,190,.06);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-report{
    background:linear-gradient(180deg,rgba(104,24,29,.74),rgba(54,14,18,.72))!important;
    border-color:rgba(239,68,68,.38)!important;
  }

  /* Transition from hero to details. */
  .pfwd-shell.pf-desktop-view{
    position:relative;
    z-index:5;
    margin-top:-1px;
    padding-bottom:100px;
    background:
      radial-gradient(circle at 48% 0%,rgba(124,58,237,.055),transparent 22%),
      linear-gradient(180deg,#050507 0%,#07070b 42%,#050507 100%);
  }

  /* Sticky tabs become a premium command rail while preserving all tabs/order. */
  .pfwd-shell.pf-desktop-view .pfwd-tabs{
    top:72px;
    gap:8px;
    padding-top:15px;
    padding-bottom:15px;
    margin-bottom:34px;
    background:linear-gradient(180deg,rgba(6,6,10,.95) 0%,rgba(6,6,10,.86) 72%,rgba(6,6,10,.58) 100%);
    border-top:1px solid rgba(255,255,255,.045);
    border-bottom:1px solid rgba(255,255,255,.07);
    box-shadow:0 18px 34px rgba(0,0,0,.14);
    backdrop-filter:blur(24px) saturate(1.2);
    -webkit-backdrop-filter:blur(24px) saturate(1.2);
  }
  .pfwd-shell .pfwd-tab{
    min-height:44px;
    padding:10px 14px;
    border-radius:12px;
    border:1px solid transparent;
    color:rgba(255,255,255,.54);
    font-weight:800;
    letter-spacing:.015em;
    transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
  }
  .pfwd-shell .pfwd-tab:hover{
    color:rgba(255,255,255,.90);
    background:rgba(255,255,255,.045);
    border-color:rgba(255,255,255,.065);
  }
  .pfwd-shell .pfwd-tab.active{
    color:#fff;
    background:linear-gradient(180deg,rgba(124,58,237,.27),rgba(124,58,237,.11));
    border-color:rgba(168,85,247,.36);
    box-shadow:0 10px 26px rgba(124,58,237,.10),inset 0 1px rgba(255,255,255,.08);
  }
  .pfwd-shell .pfwd-tab.active::after{
    height:2px;
    left:22%;right:22%;bottom:4px;
    border-radius:99px;
    background:linear-gradient(90deg,#7c3aed,#c084fc);
    box-shadow:0 0 14px rgba(168,85,247,.62);
  }
  .pfwd-shell .pfwd-tab-count{
    border:1px solid rgba(255,255,255,.09);
    background:rgba(255,255,255,.055);
  }

  /* Detail surface rhythm. */
  .pfwd-shell .pfwd-panel.active{
    animation:pfxPanelIn .24s cubic-bezier(.2,.7,.2,1);
  }
  @keyframes pfxPanelIn{
    from{opacity:0;transform:translateY(7px)}
    to{opacity:1;transform:none}
  }
  .pfwd-shell .pfwd-label,
  .pfwd-shell .pfwd-card-head,
  .pfwd-shell .pfwd-kicker,
  .pfwd-shell .pfwd-section-kicker{
    color:rgba(255,255,255,.52);
    letter-spacing:.14em;
  }
  .pfwd-shell .pfwd-label{
    display:flex;
    align-items:center;
    gap:8px;
  }
  .pfwd-shell .pfwd-label::after{
    content:"";
    height:1px;
    flex:1 1 auto;
    min-width:30px;
    background:linear-gradient(90deg,rgba(255,255,255,.10),transparent);
  }

  /* Reusable cards/panels: subtle glass, not a card-everywhere redesign. */
  .pfwd-shell .pfwd-econ,
  .pfwd-shell .pfwd-community,
  .pfwd-shell .pfwd-cinema,
  .pfwd-shell .pfwd-rating-hero,
  .pfwd-shell .pfwd-card-episodes{
    border-color:rgba(255,255,255,.085);
  }
  .pfwd-shell .pfwd-econ-row,
  .pfwd-shell .pfwd-cstat,
  .pfwd-shell .pfwd-cinema-row,
  .pfwd-shell .pfwd-source-chip{
    background:linear-gradient(180deg,rgba(255,255,255,.044),rgba(255,255,255,.021));
    border-color:rgba(255,255,255,.085);
    box-shadow:inset 0 1px rgba(255,255,255,.025);
  }
  .pfwd-shell .pfwd-econ-row:hover,
  .pfwd-shell .pfwd-cstat:hover,
  .pfwd-shell .pfwd-cinema-row:hover,
  .pfwd-shell .pfwd-source-chip:hover{
    border-color:rgba(255,255,255,.135);
    background:linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.027));
  }

  /* Genre/keyword chips. */
  .pfwd-shell .pfwd-genre,
  .pfwd-shell .pfwd-kw{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.09);
    color:rgba(255,255,255,.75);
    box-shadow:inset 0 1px rgba(255,255,255,.025);
  }
  .pfwd-shell .pfwd-genre:hover{
    color:#fff;
    border-color:rgba(168,85,247,.42);
    background:rgba(124,58,237,.14);
  }

  /* Cast and media depth. */
  .pfwd-shell #pfwd-panel-facts .pfwd-cast-card,
  .pfwd-shell .pfwd-video-card,
  .pfwd-shell .pfwd-related-row,
  .pfwd-shell .pfwd-collection-item{
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease;
  }
  .pfwd-shell #pfwd-panel-facts .pfwd-cast-card img{
    border-radius:16px;
    border:1px solid rgba(255,255,255,.08);
    background:#0b0b10;
    box-shadow:0 16px 34px rgba(0,0,0,.27);
  }
  .pfwd-shell #pfwd-panel-facts a.pfwd-cast-card:hover{
    transform:translateY(-4px);
  }
  .pfwd-shell #pfwd-panel-facts a.pfwd-cast-card:hover img{
    border-color:rgba(168,85,247,.38);
    outline:none;
    box-shadow:0 20px 46px rgba(0,0,0,.40),0 0 24px rgba(124,58,237,.12);
  }
  .pfwd-shell .pfwd-video-card{
    background:linear-gradient(180deg,rgba(19,19,27,.82),rgba(10,10,15,.82));
    border-color:rgba(255,255,255,.09);
    box-shadow:0 18px 40px rgba(0,0,0,.24);
  }
  .pfwd-shell .pfwd-video-card:hover{
    transform:translateY(-3px);
    border-color:rgba(168,85,247,.32);
    box-shadow:0 22px 52px rgba(0,0,0,.34),0 0 24px rgba(124,58,237,.08);
  }
  .pfwd-shell .pfwd-related-row,
  .pfwd-shell .pfwd-collection-item{
    border-color:rgba(255,255,255,.10);
    box-shadow:0 20px 46px rgba(0,0,0,.25);
  }
  .pfwd-shell .pfwd-related-row:hover,
  .pfwd-shell .pfwd-collection-item:hover{
    transform:translateY(-3px);
    border-color:rgba(168,85,247,.34);
    box-shadow:0 26px 60px rgba(0,0,0,.36),0 0 26px rgba(124,58,237,.08);
  }

  /* Slider arrows. */
  .pfwd-slider-btn{
    background:rgba(11,11,16,.82);
    border-color:rgba(255,255,255,.12);
    box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }
  .pfwd-slider-btn:hover{
    background:linear-gradient(145deg,rgba(124,58,237,.44),rgba(75,35,126,.50));
    border-color:rgba(168,85,247,.52);
    box-shadow:0 13px 32px rgba(0,0,0,.32),0 0 22px rgba(124,58,237,.16);
  }

  /* Modals/lightbox maintain the same visual language. */
  .pfwd-eps-modal-backdrop,
  .pfwd-lightbox-backdrop{
    backdrop-filter:blur(12px) saturate(.85);
    -webkit-backdrop-filter:blur(12px) saturate(.85);
  }
  .pfwd-eps-modal-box{
    background:linear-gradient(180deg,rgba(20,20,29,.96),rgba(8,8,13,.98));
    border-color:rgba(255,255,255,.13);
    box-shadow:var(--pfx-shadow-deep),inset 0 1px rgba(255,255,255,.04);
  }

  /* Focus: visible and coherent with PrimeFlix purple. */
  .pfwd-shell :is(a,button,select):focus-visible,
  .pfcp-wrap.pf-desktop-view :is(a,button):focus-visible{
    outline:2px solid rgba(192,132,252,.92);
    outline-offset:3px;
  }
}

@media (prefers-reduced-motion:reduce){
  .pfcp-wrap.pf-desktop-view .pfcp-poster-card,
  .pfwd-shell .pfwd-panel.active,
  .pfwd-shell .pfwd-video-card,
  .pfwd-shell .pfwd-related-row,
  .pfwd-shell .pfwd-collection-item,
  .pfwd-shell #pfwd-panel-facts .pfwd-cast-card{transition:none!important;animation:none!important}
}

/* ============================================================
   P211 · v3.64.51 · Desktop Premium Experiment · Phase 3
   HERO COMPOSITION
   Goal: preserve PrimeFlix's existing info | poster | actions DNA,
   while adding the depth, hierarchy and cinematic framing from the
   approved mockup. CSS-only: no data logic or action contracts touched.
   ============================================================ */
@media (min-width:1101px){
  .pfcp-wrap.pf-desktop-view .pfcp-hero{
    min-height:clamp(760px,91vh,940px);
    display:flex;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.035);
  }

  /* Backdrop stays recognizable, but content now lives on three readable planes. */
  .pfcp-wrap.pf-desktop-view .pfcp-bg{
    background-position:center 22%;
    background-size:cover;
    filter:saturate(.94) contrast(1.08) brightness(.82);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-hero::before{
    background:
      radial-gradient(ellipse at 51% 41%,rgba(0,0,0,0) 0%,rgba(0,0,0,.015) 30%,rgba(3,3,6,.28) 69%,rgba(3,3,6,.70) 100%),
      linear-gradient(90deg,rgba(3,3,6,.95) 0%,rgba(3,3,6,.76) 16%,rgba(3,3,6,.24) 38%,rgba(3,3,6,.04) 52%,rgba(3,3,6,.18) 70%,rgba(3,3,6,.66) 100%),
      linear-gradient(180deg,rgba(2,2,4,.16) 0%,rgba(2,2,4,0) 31%,rgba(3,3,6,.16) 64%,rgba(3,3,6,.91) 100%);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-hero::after{
    height:34%;
    background:
      radial-gradient(ellipse at 50% 100%,rgba(124,58,237,.065),transparent 54%),
      linear-gradient(180deg,transparent 0%,rgba(5,5,7,.82) 74%,#050507 100%);
  }

  .pfcp-wrap.pf-desktop-view .pfcp-grid{
    grid-template-columns:minmax(390px,.94fr) minmax(280px,.52fr) minmax(560px,1.04fr);
    gap:clamp(28px,2.9vw,58px);
    width:min(100%,1880px);
    padding:clamp(124px,13vh,158px) clamp(34px,3.6vw,72px) clamp(112px,12vh,136px);
    align-items:center;
  }

  /* LEFT — information remains open, not boxed, but receives a subtle reading lane. */
  .pfcp-wrap.pf-desktop-view .pfcp-info-side{
    position:relative;
    isolation:isolate;
    max-width:680px;
    padding:28px 34px 30px 0;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-info-side::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-42px -32px -44px -72px;
    pointer-events:none;
    border-radius:0 40px 40px 0;
    background:
      radial-gradient(circle at 26% 45%,rgba(124,58,237,.085),transparent 50%),
      linear-gradient(90deg,rgba(4,4,8,.42),rgba(4,4,8,.12) 66%,transparent 100%);
    filter:blur(.2px);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-tags{
    gap:9px;
    margin-bottom:22px;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-tag{
    min-height:31px;
    padding:7px 13px;
    border-radius:999px;
    font-size:11px;
    line-height:1;
    letter-spacing:.01em;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-tag-accent{
    background:linear-gradient(135deg,#7228ed 0%,#9c42ff 100%);
    border-color:rgba(255,255,255,.16);
    box-shadow:0 10px 28px rgba(124,58,237,.34),inset 0 1px rgba(255,255,255,.24);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-title{
    margin:0 0 18px;
    max-width:10ch;
    font-size:clamp(60px,5.1vw,102px);
    line-height:.88;
    letter-spacing:-.052em;
    font-weight:950;
    text-wrap:balance;
    text-shadow:0 7px 40px rgba(0,0,0,.74),0 1px 0 rgba(255,255,255,.06);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-genres{
    gap:8px;
    margin-bottom:20px;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-genre{
    min-height:30px;
    padding:6px 13px;
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    color:rgba(255,255,255,.76);
    background:rgba(9,9,14,.44);
    border:1px solid rgba(255,255,255,.12);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-overview{
    max-width:58ch;
    margin-bottom:24px;
    font-size:15.5px;
    line-height:1.72;
    color:rgba(255,255,255,.79);
    -webkit-line-clamp:4;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-rating-bar{
    max-width:390px;
    padding-top:3px;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-rating-label{
    margin-bottom:9px;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-rating-name{
    color:#f7b928;
    font-size:13px;
    letter-spacing:.04em;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-rating-val{
    font-size:24px;
    color:#fff;
    text-shadow:0 0 22px rgba(247,185,40,.18);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-rating-count{color:rgba(255,255,255,.47)}
  .pfcp-wrap.pf-desktop-view .pfcp-rating-track{
    height:5px;
    max-width:360px;
    background:rgba(255,255,255,.11);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.34);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-rating-fill{
    box-shadow:0 0 14px rgba(247,185,40,.23);
  }

  /* CENTER — poster becomes the physical anchor without hiding the backdrop. */
  .pfcp-wrap.pf-desktop-view .pfcp-poster-side{
    display:flex;
    justify-content:center;
    align-items:center;
    padding-top:24px;
    filter:none;
    perspective:1400px;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-side::before{
    width:140%;
    height:96%;
    top:53%;
    background:
      radial-gradient(circle,rgba(168,85,247,.24) 0%,rgba(124,58,237,.095) 38%,rgba(124,58,237,.025) 58%,transparent 73%);
    filter:blur(34px);
    opacity:.92;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-card{
    width:min(100%,354px);
    max-width:354px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.19);
    background:#09090d;
    box-shadow:
      0 42px 110px rgba(0,0,0,.70),
      0 9px 28px rgba(0,0,0,.44),
      0 0 0 1px rgba(255,255,255,.025),
      0 0 58px rgba(124,58,237,.11);
    transform:perspective(1200px) rotateY(-2deg) rotateX(.4deg) translateZ(0);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-card > a,
  .pfcp-wrap.pf-desktop-view .pfcp-cs-poster-wrap{
    display:block;
    position:relative;
    overflow:hidden;
    border-radius:23px;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-card img{
    width:100%;
    aspect-ratio:2/3;
    object-fit:cover;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-card:hover{
    transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-5px) scale(1.012);
    border-color:rgba(216,180,254,.35);
    box-shadow:
      0 48px 124px rgba(0,0,0,.76),
      0 11px 30px rgba(0,0,0,.50),
      0 0 0 1px rgba(255,255,255,.04),
      0 0 70px rgba(124,58,237,.18);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-stats{
    gap:6px;
    margin-top:12px;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-stats > span{
    padding:6px 10px;
    border-radius:999px;
    font-size:10.5px;
    color:rgba(255,255,255,.82);
    background:rgba(8,8,12,.74);
    border-color:rgba(255,255,255,.11);
  }

  /* RIGHT — actions keep the existing PrimeFlix controls, now arranged as a floating control deck. */
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side{
    position:relative;
    isolation:isolate;
    width:100%;
    max-width:690px;
    justify-self:end;
    padding:22px;
    gap:12px;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-12px -14px;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.065);
    background:
      radial-gradient(circle at 18% 0%,rgba(124,58,237,.12),transparent 38%),
      linear-gradient(145deg,rgba(12,12,18,.52),rgba(8,8,12,.28));
    box-shadow:0 28px 80px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.025);
    backdrop-filter:blur(14px) saturate(1.08);
    -webkit-backdrop-filter:blur(14px) saturate(1.08);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1{
    grid-template-columns:1.38fr 1fr 1fr 1.28fr;
    gap:10px;
    margin-top:0!important;
    overflow:visible;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge{
    height:70px;
    min-height:70px;
    border-radius:17px;
    padding:10px 11px;
    font-size:12px;
    background:linear-gradient(180deg,rgba(30,30,39,.82),rgba(14,14,20,.82));
    border-color:rgba(255,255,255,.14);
    box-shadow:0 16px 36px rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.065);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action :is(svg,.pfcp-btn-ico){
    filter:drop-shadow(0 3px 8px rgba(0,0,0,.34));
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pf-watch-hero-btn{
    background:linear-gradient(135deg,#7228ed 0%,#8d32ff 48%,#ad55ff 100%)!important;
    border-color:rgba(255,255,255,.18)!important;
    box-shadow:0 19px 46px rgba(124,58,237,.39),0 0 32px rgba(124,58,237,.10),inset 0 1px rgba(255,255,255,.26)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pf-watch-hero-btn:not(.is-disabled):hover{
    filter:brightness(1.08) saturate(1.06);
    border-color:rgba(255,255,255,.24)!important;
    box-shadow:0 22px 56px rgba(124,58,237,.51),0 0 42px rgba(168,85,247,.14),inset 0 1px rgba(255,255,255,.30)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge{
    border-color:rgba(247,185,40,.34);
    background:
      radial-gradient(circle at 15% 15%,rgba(247,185,40,.13),transparent 34%),
      linear-gradient(145deg,rgba(71,52,18,.64),rgba(22,19,13,.76));
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge strong{font-size:20px}

  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-primary{
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:9px;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn{
    aspect-ratio:auto;
    height:82px;
    min-height:82px;
    padding:9px 5px;
    border-radius:17px;
    gap:7px;
    background:linear-gradient(180deg,rgba(26,26,35,.78),rgba(12,12,18,.82));
    border-color:rgba(255,255,255,.115);
    box-shadow:0 13px 30px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.045);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > span{
    font-size:20px;
    min-height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > b{
    font-size:9.5px;
    letter-spacing:.005em;
    color:rgba(255,255,255,.89);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > small{
    font-size:9px;
    color:rgba(255,255,255,.46);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn:hover{
    filter:none;
    transform:translateY(-2px);
    border-color:rgba(168,85,247,.46);
    background:linear-gradient(180deg,rgba(64,42,91,.72),rgba(24,18,34,.86));
    box-shadow:0 18px 40px rgba(0,0,0,.34),0 0 28px rgba(124,58,237,.12),inset 0 1px rgba(255,255,255,.08);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn.active{
    border-color:rgba(192,132,252,.62);
    background:linear-gradient(180deg,rgba(85,51,126,.78),rgba(32,20,48,.90));
    box-shadow:0 15px 34px rgba(0,0,0,.31),0 0 32px rgba(124,58,237,.18),inset 0 1px rgba(255,255,255,.08);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-report{
    background:linear-gradient(180deg,rgba(137,34,42,.84),rgba(76,18,24,.86))!important;
    border-color:rgba(248,113,113,.46)!important;
    box-shadow:0 14px 32px rgba(76,18,24,.27),inset 0 1px rgba(255,255,255,.06)!important;
  }

  /* Back + scroll cue become quieter navigation accents. */
  .pfcp-wrap.pf-desktop-view .pfcp-back{
    top:100px;
    left:clamp(34px,3.6vw,72px);
    min-height:42px;
    padding:9px 14px 9px 11px;
    border-radius:999px;
    background:rgba(8,8,13,.46);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 12px 32px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-back:hover{
    background:rgba(22,16,31,.72);
    border-color:rgba(168,85,247,.36);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-scroll-cue{
    left:clamp(34px,3.6vw,72px);
    bottom:27px;
    min-height:38px;
    padding:8px 13px;
    gap:10px;
    background:rgba(7,7,11,.52);
    border-color:rgba(255,255,255,.10);
    box-shadow:0 13px 36px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025);
    animation:none;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-scroll-cue-text{
    font-size:10px;
    letter-spacing:.105em;
    color:rgba(255,255,255,.63);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-scroll-cue::after{animation:pfCueDrop 1.55s ease-in-out infinite}
}

/* Mid-size desktop: preserve the same 3-column identity without squeezing controls. */
@media (min-width:1101px) and (max-width:1540px){
  .pfcp-wrap.pf-desktop-view .pfcp-hero{min-height:780px}
  .pfcp-wrap.pf-desktop-view .pfcp-grid{
    grid-template-columns:minmax(330px,.92fr) minmax(230px,.48fr) minmax(420px,1fr);
    gap:22px;
    padding-left:28px;
    padding-right:28px;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-info-side{padding-right:15px}
  .pfcp-wrap.pf-desktop-view .pfcp-title{font-size:clamp(48px,4.4vw,72px)}
  .pfcp-wrap.pf-desktop-view .pfcp-overview{font-size:14px;-webkit-line-clamp:3}
  .pfcp-wrap.pf-desktop-view .pfcp-poster-card{max-width:300px}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side{max-width:520px;padding:16px}
  .pfcp-wrap.pf-desktop-view .pfcp-row1{grid-template-columns:1fr 1fr}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge{height:58px;min-height:58px}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-primary{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn{height:66px;min-height:66px}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > span{font-size:18px}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > b{font-size:8.5px}
}

/* Wide desktop: give the approved mockup's breathing room back. */
@media (min-width:1780px){
  .pfcp-wrap.pf-desktop-view .pfcp-grid{
    grid-template-columns:minmax(420px,.96fr) minmax(320px,.52fr) minmax(650px,1.04fr);
    gap:clamp(38px,3.1vw,66px);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-card{max-width:372px;width:372px}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side{max-width:720px}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge{height:74px;min-height:74px}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn{height:86px;min-height:86px}
}

@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 .pfce-btn{transform:none!important}
}

/* ============================================================
   P212 · v3.64.52 · Desktop Premium Experiment · Phase 4
   INFO / FACTS SCROLL COMPOSITION
   Goal: carry the Phase 3 depth below the hero without turning the
   page into an endless wall of boxes. Existing HTML/data contracts
   remain intact; this is a desktop-web visual layer only.
   ============================================================ */
@media (min-width:1101px){
  /* The active info panel becomes a deliberate editorial canvas. */
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts{
    width:min(100%,1720px);
    margin-inline:auto;
    padding:2px clamp(12px,1.2vw,22px) 34px;
  }

  /* Genres act as the visual bridge from hero -> factual content. */
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts > .pfwd-genres-rail{
    position:relative;
    margin:0 0 28px;
    padding:0 2px 15px;
    gap:9px;
    border-bottom:1px solid rgba(255,255,255,.07);
    mask-image:linear-gradient(90deg,#000 0%,#000 94%,transparent 100%);
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 94%,transparent 100%);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts > .pfwd-genres-rail::before{
    content:"Explorar por género";
    display:inline-flex;
    align-items:center;
    flex:0 0 auto;
    min-height:31px;
    margin-right:5px;
    color:rgba(255,255,255,.38);
    font-size:9px;
    font-weight:900;
    letter-spacing:.15em;
    text-transform:uppercase;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts > .pfwd-genres-rail .pfwd-genre{
    min-height:34px;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.035);
    border-color:rgba(255,255,255,.09);
    color:rgba(255,255,255,.72);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts > .pfwd-genres-rail .pfwd-genre:hover{
    color:#fff;
    border-color:rgba(192,132,252,.38);
    background:linear-gradient(180deg,rgba(124,58,237,.18),rgba(124,58,237,.08));
    box-shadow:0 10px 28px rgba(124,58,237,.08),inset 0 1px rgba(255,255,255,.055);
  }

  /* Ficha completa intro: open editorial header instead of another card. */
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-intro{
    position:relative;
    align-items:center;
    gap:34px;
    margin:0 0 20px;
    padding:25px 28px 25px 30px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:24px;
    overflow:hidden;
    background:
      radial-gradient(circle at 3% 10%,rgba(124,58,237,.13),transparent 34%),
      linear-gradient(110deg,rgba(20,18,29,.76),rgba(10,10,15,.43) 63%,rgba(10,10,15,.18));
    box-shadow:0 24px 68px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.035);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-intro::after{
    content:"";
    position:absolute;
    pointer-events:none;
    width:310px;height:310px;
    right:-120px;top:-190px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(168,85,247,.13),transparent 68%);
    filter:blur(10px);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-kicker{
    margin-bottom:9px;
    color:#c4a0ff;
    font-size:9px;
    letter-spacing:.19em;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-intro h3{
    margin-bottom:8px;
    font-size:clamp(28px,2.2vw,40px);
    line-height:.98;
    letter-spacing:-.035em;
    text-shadow:0 5px 24px rgba(0,0,0,.34);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-intro p{
    max-width:780px;
    color:rgba(255,255,255,.57);
    font-size:12.5px;
    line-height:1.7;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-head-chips{
    position:relative;
    z-index:1;
    max-width:42%;
    gap:7px;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-head-chips span{
    min-height:34px;
    padding:8px 12px;
    border-color:rgba(255,255,255,.10);
    background:rgba(6,6,10,.38);
    color:rgba(255,255,255,.72);
    box-shadow:inset 0 1px rgba(255,255,255,.025);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }

  /* The facts grid uses hierarchy: compact paired facts, then full-width feature bands. */
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-facts-grid{
    grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);
    gap:15px;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-card{
    position:relative;
    overflow:hidden;
    padding:22px 23px;
    border-radius:20px;
    border-color:rgba(255,255,255,.075);
    background:linear-gradient(145deg,rgba(255,255,255,.043),rgba(255,255,255,.018));
    box-shadow:0 18px 48px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.025);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-card::before{
    content:"";
    position:absolute;
    pointer-events:none;
    left:18px;right:18px;top:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
    opacity:.44;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-card-wide{
    margin-top:2px;
    padding:23px 25px;
    background:
      radial-gradient(circle at 95% -10%,rgba(124,58,237,.055),transparent 31%),
      linear-gradient(145deg,rgba(255,255,255,.037),rgba(255,255,255,.014));
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-card-kicker{
    margin-bottom:7px;
    color:rgba(196,160,255,.68);
    letter-spacing:.16em;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-card h4{
    margin-bottom:17px;
    font-size:16px;
    letter-spacing:-.012em;
  }

  /* Identity facts read like a spec sheet instead of nested cards. */
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-dl > div{
    grid-template-columns:minmax(120px,.56fr) minmax(0,1fr);
    padding:12px 2px;
    border-top-color:rgba(255,255,255,.06);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-dl dt{
    color:rgba(255,255,255,.37);
    font-size:10.5px;
    letter-spacing:.018em;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-dl dd{
    color:rgba(255,255,255,.88);
    font-size:12px;
  }

  /* Brand/studio identities get tactile chips, but stay visually quiet. */
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-brand-row{gap:8px}
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-brand{
    min-height:44px;
    padding:7px 12px 7px 7px;
    border-color:rgba(255,255,255,.075);
    background:rgba(2,2,5,.20);
    box-shadow:inset 0 1px rgba(255,255,255,.02);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-brand-logo,
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-brand-fallback{
    width:32px;height:30px;border-radius:9px;
  }

  /* Credits: a clean horizontal band with role accents. */
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-crew-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-crew-item{
    min-height:82px;
    padding:13px 14px;
    border-radius:14px;
    border-color:rgba(255,255,255,.07);
    background:rgba(4,4,8,.24);
    box-shadow:inset 0 1px rgba(255,255,255,.02);
    transition:border-color .18s ease,background .18s ease,transform .18s ease;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-crew-item:hover{
    transform:translateY(-2px);
    border-color:rgba(192,132,252,.28);
    background:rgba(124,58,237,.07);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-crew-item span{color:rgba(196,160,255,.57)}
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-crew-item strong{font-size:11.5px;line-height:1.52}

  /* Main cast is a visual chapter, not another glass box. */
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfwd-cast-wrap{
    position:relative;
    margin:30px 0 18px;
    padding:0 0 28px;
    border-bottom-color:rgba(255,255,255,.075);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfwd-cast-wrap .pfwd-label{
    margin-bottom:15px;
    padding:0;
    color:rgba(255,255,255,.56);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfwd-cast-scroll{
    grid-template-columns:repeat(10,minmax(0,1fr));
    gap:10px;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfwd-cast-card{
    position:relative;
    padding:0;
    border-radius:15px;
    overflow:hidden;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.065);
    box-shadow:0 14px 34px rgba(0,0,0,.17);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfwd-cast-card img{
    width:100%;
    aspect-ratio:.72;
    border:0!important;
    border-radius:14px 14px 0 0!important;
    box-shadow:none!important;
    filter:saturate(.92) contrast(1.02);
    transition:filter .2s ease,transform .22s ease;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfwd-cast-name{
    margin:0;
    padding:10px 10px 0;
    font-size:11px;
    line-height:1.25;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfwd-cast-char{
    min-height:31px;
    margin:0;
    padding:3px 10px 9px;
    font-size:9.5px;
    line-height:1.35;
    color:rgba(255,255,255,.43);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts a.pfwd-cast-card:hover{
    transform:translateY(-4px);
    border-color:rgba(192,132,252,.30);
    box-shadow:0 22px 46px rgba(0,0,0,.32),0 0 24px rgba(124,58,237,.075);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts a.pfwd-cast-card:hover img{
    transform:scale(1.025);
    filter:saturate(1.04) contrast(1.04);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfwd-cast-card.is-ph{opacity:.36}

  /* Expanded cast remains useful but is intentionally denser than main cast. */
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-cast-grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:8px;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-cast-person{
    min-height:67px;
    padding:8px;
    border-radius:13px;
    border-color:rgba(255,255,255,.065);
    background:rgba(3,3,6,.20);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-cast-person:hover{
    transform:translateY(-2px);
    border-color:rgba(192,132,252,.26);
    background:rgba(124,58,237,.055);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-cast-person img{
    width:44px;height:52px;flex-basis:44px;border-radius:10px;
  }

  /* Release + references read like timeline/data rails. */
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-release-events{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-release-event,
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-episode-state > div{
    position:relative;
    border-radius:13px;
    border-color:rgba(255,255,255,.065);
    background:rgba(3,3,6,.20);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-release-event::before{
    content:"";
    position:absolute;
    left:0;top:13px;bottom:13px;width:2px;
    border-radius:99px;
    background:linear-gradient(180deg,#7c3aed,#c084fc);
    opacity:.67;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-links a,
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-links span{
    min-height:40px;
    border-radius:11px;
    border-color:rgba(255,255,255,.075);
    background:rgba(3,3,6,.20);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-links a:hover{
    transform:translateY(-2px);
    border-color:rgba(192,132,252,.30);
    background:rgba(124,58,237,.07);
  }

  /* Economy/factual appendix: two key values gain hierarchy; text rows remain restrained. */
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts > .pfwd-econ{
    margin:30px 0 0;
    padding:0 0 28px;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.075);
    background:none;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts > .pfwd-econ > .pfwd-label{
    margin-bottom:14px;
    padding:0;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfwd-econ-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfwd-econ-row{
    min-height:64px;
    margin:0;
    padding:13px 15px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.025);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfwd-econ-row:nth-child(-n+2){
    min-height:86px;
    align-content:center;
    background:
      radial-gradient(circle at 100% 0%,rgba(124,58,237,.075),transparent 42%),
      linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfwd-econ-row:nth-child(-n+2) dt{
    color:rgba(255,255,255,.40);
    font-size:9px;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfwd-econ-row:nth-child(-n+2) dd{
    margin-top:5px;
    color:#fff;
    font-size:clamp(18px,1.45vw,24px);
    font-weight:900;
    letter-spacing:-.02em;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfwd-econ-row.is-wide{
    grid-column:1/-1;
    min-height:54px;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfwd-econ-row a{
    color:#d8b4fe;
    text-decoration:none;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfwd-econ-row a:hover{color:#fff}

  /* Keywords close the facts page softly instead of ending in another large panel. */
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts > .pfwd-econ + .pfwd-label,
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts > .pfwd-label:last-of-type{
    margin-top:25px;
    padding:0;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts > .pfwd-keywords{
    margin-top:12px;
    gap:8px;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts > .pfwd-keywords .pfwd-kw{
    min-height:31px;
    padding:7px 12px;
    background:rgba(255,255,255,.027);
    border-color:rgba(255,255,255,.075);
    color:rgba(255,255,255,.62);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts > .pfwd-keywords .pfwd-kw:hover{
    color:rgba(255,255,255,.86);
    border-color:rgba(255,255,255,.13);
    background:rgba(255,255,255,.045);
  }
}

/* Keep the Phase 4 rhythm intact on common laptop widths. */
@media (min-width:1101px) and (max-width:1540px){
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts{padding-inline:0}
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-crew-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfwd-cast-scroll{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-cast-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-release-events{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Very wide desktop can show the intended 10-person cast strip in one cinematic row. */
@media (min-width:1780px){
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfwd-cast-scroll{grid-template-columns:repeat(10,minmax(0,1fr))}
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts .pfmd-cast-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
}

@media (prefers-reduced-motion:reduce){
  .pfwd-shell.pf-desktop-view #pfwd-panel-facts :is(.pfmd-crew-item,.pfwd-cast-card,.pfmd-cast-person,.pfmd-links a){transition:none!important;transform:none!important}
}

/* ============================================================
   P213 · v3.64.53 · Desktop Premium Experiment · Phase 5
   MULTIMEDIA / COLLECTION / RELATED
   Goal: give the real Photos, Videos, Collection and Related panels
   the same cinematic depth as the approved desktop direction while
   preserving every existing slider, lightbox, social action and URL.
   CSS-only: no markup/data/action contract is replaced.
   ============================================================ */
@media (min-width:1101px){
  /* Every multimedia panel begins as an editorial canvas, not a boxed widget. */
  .pfwd-shell.pf-desktop-view :is(#pfwd-panel-photos,#pfwd-panel-videos,#pfwd-panel-collection,#pfwd-panel-related){
    position:relative;
    padding:8px 0 34px;
  }
  .pfwd-shell.pf-desktop-view :is(#pfwd-panel-photos,#pfwd-panel-videos,#pfwd-panel-collection,#pfwd-panel-related)::before{
    content:"";
    position:absolute;
    z-index:-1;
    pointer-events:none;
    top:-22px;right:-2vw;
    width:min(540px,38vw);height:300px;
    background:radial-gradient(ellipse,rgba(124,58,237,.075),transparent 68%);
    filter:blur(8px);
    opacity:.9;
  }

  /* ------------------------- PHOTOS ------------------------- */
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-gallery{
    position:relative;
    isolation:isolate;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-intro-gallery{
    min-height:132px;
    align-items:center;
    margin:0 0 18px;
    padding:22px 24px 22px 26px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:22px;
    overflow:hidden;
    background:
      linear-gradient(90deg,rgba(124,58,237,.105),transparent 34%),
      linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
    box-shadow:0 22px 56px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.035);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-intro-gallery::before{
    content:"";
    position:absolute;
    left:0;top:20px;bottom:20px;width:3px;
    border-radius:999px;
    background:linear-gradient(180deg,#a855f7,#6d28d9);
    box-shadow:0 0 24px rgba(168,85,247,.42);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-intro-gallery h3{
    margin-bottom:8px;
    font-size:clamp(30px,2.45vw,43px);
    letter-spacing:-.035em;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-intro-gallery p{
    max-width:650px;
    color:rgba(255,255,255,.61);
    font-size:13px;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-head-chips span{
    min-height:36px;
    padding:8px 12px;
    border-color:rgba(255,255,255,.09);
    background:rgba(4,4,8,.34);
    box-shadow:inset 0 1px rgba(255,255,255,.035);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-gallery-label{
    margin:28px 0 13px;
    color:rgba(255,255,255,.88);
    font-size:13px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-gallery-label::after{
    content:"";
    display:inline-block;
    vertical-align:middle;
    width:46px;height:1px;
    margin-left:11px;
    background:linear-gradient(90deg,rgba(168,85,247,.72),transparent);
  }

  /* First backdrop becomes the visual anchor; remaining media stay real and accessible. */
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-backdrop-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    align-items:start;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-backdrop-wrap:first-child{
    grid-column:span 2;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-backdrop{
    border-radius:19px;
    border-color:rgba(255,255,255,.09);
    box-shadow:0 18px 44px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.025);
    transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-backdrop::after{
    content:"";
    position:absolute;inset:0;
    pointer-events:none;
    background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.36));
    opacity:.72;
    transition:opacity .22s ease;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-backdrop:hover{
    transform:translateY(-3px);
    border-color:rgba(192,132,252,.30);
    box-shadow:0 24px 58px rgba(0,0,0,.38),0 0 26px rgba(124,58,237,.08);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-backdrop:hover::after{opacity:.40}
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-backdrop span{
    z-index:2;
    left:12px;bottom:12px;
    padding:6px 9px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:9px;
    background:rgba(5,5,9,.64);
    color:rgba(255,255,255,.82);
    font-size:10px;
    box-shadow:0 7px 18px rgba(0,0,0,.22);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-media-social{
    margin-top:8px;
    padding-inline:2px;
    opacity:.72;
    transition:opacity .18s ease;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos :is(.pfmd-backdrop-wrap,.pfmd-poster-wrap):hover .pfmd-media-social{opacity:1}
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-media-social .pf-social-action{
    border-color:rgba(255,255,255,.08);
    background:rgba(255,255,255,.025);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-media-social .pf-social-action:hover{
    border-color:rgba(168,85,247,.30);
    background:rgba(124,58,237,.10);
  }

  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-gallery-head{
    min-height:44px;
    margin:30px 0 13px;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-poster-row{
    grid-auto-columns:minmax(210px,248px);
    gap:14px;
    padding:2px 1px 11px;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-poster-wrap{
    transition:transform .22s ease;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-poster-wrap:hover{transform:translateY(-4px)}
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-poster{
    border-radius:19px;
    border-color:rgba(255,255,255,.095);
    background:#09090d;
    box-shadow:0 20px 44px rgba(0,0,0,.30);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-poster-wrap:hover .pfmd-poster{
    border-color:rgba(192,132,252,.31);
    box-shadow:0 25px 58px rgba(0,0,0,.40),0 0 24px rgba(124,58,237,.08);
  }

  /* ------------------------- VIDEOS ------------------------- */
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos > .pfwd-label{
    position:relative;
    margin:26px 0 11px;
    padding:0 0 10px;
    color:rgba(255,255,255,.88);
    font-size:13px;
    border-bottom:1px solid rgba(255,255,255,.065);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos > .pfwd-label:first-child{margin-top:6px}
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos > .pfwd-label::after{
    content:"";
    position:absolute;
    left:0;bottom:-1px;
    width:86px;height:1px;
    background:linear-gradient(90deg,#a855f7,transparent);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-slider{
    gap:12px;
    align-items:center;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-video-row{
    grid-auto-columns:clamp(330px,31vw,470px);
    gap:15px;
    padding:3px 1px 12px;
    scroll-padding-inline:2px;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-video-card{
    min-width:0;
    padding:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.085);
    border-radius:20px;
    background:linear-gradient(180deg,rgba(17,17,24,.92),rgba(8,8,12,.92));
    box-shadow:0 20px 48px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.025);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-video-card:hover{
    transform:translateY(-4px);
    border-color:rgba(192,132,252,.30);
    box-shadow:0 28px 66px rgba(0,0,0,.40),0 0 30px rgba(124,58,237,.09);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-video-thumb{
    border-radius:0;
    background:#08080c;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-video-thumb img{
    transform:scale(1.002);
    filter:saturate(.93) contrast(1.03) brightness(.91);
    transition:transform .35s ease,filter .35s ease;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-video-card:hover .pfwd-video-thumb img{
    transform:scale(1.035);
    filter:saturate(1.03) contrast(1.05) brightness(.98);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-video-overlay{
    background:
      radial-gradient(circle at 50% 50%,transparent 0%,transparent 28%,rgba(0,0,0,.08) 54%,rgba(0,0,0,.26) 100%),
      linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.47));
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-video-play{
    width:66px;height:66px;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(8,8,13,.48);
    box-shadow:0 14px 34px rgba(0,0,0,.34),0 0 0 7px rgba(255,255,255,.035);
    backdrop-filter:blur(14px) saturate(1.2);
    -webkit-backdrop-filter:blur(14px) saturate(1.2);
    transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-video-card:hover .pfwd-video-play{
    transform:scale(1.08);
    background:rgba(124,58,237,.72);
    box-shadow:0 16px 38px rgba(0,0,0,.38),0 0 28px rgba(124,58,237,.24),0 0 0 7px rgba(168,85,247,.06);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-video-badge{
    top:13px;left:13px;
    min-height:27px;
    display:inline-flex;align-items:center;
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 9px 22px rgba(0,0,0,.25);
    backdrop-filter:blur(9px);
    -webkit-backdrop-filter:blur(9px);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-video-info{
    min-height:94px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:10px;
    padding:15px 16px 16px;
    border-top:1px solid rgba(255,255,255,.055);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-video-title{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    color:rgba(255,255,255,.94);
    font-size:14px;
    font-weight:850;
    line-height:1.38;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-video-meta{margin:0;color:rgba(255,255,255,.43);font-size:11px}
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-video-cta{
    color:rgba(216,180,254,.82);
    font-size:10px;
    font-weight:850;
    letter-spacing:.07em;
    text-transform:uppercase;
  }

  /* ----------------------- COLLECTION ----------------------- */
  .pfwd-shell.pf-desktop-view #pfwd-panel-collection .pfwd-collection-hero{
    position:relative;
    isolation:isolate;
    min-height:185px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin:4px 0 18px;
    padding:28px 32px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.075);
    border-radius:24px;
    background:
      radial-gradient(circle at 88% 30%,rgba(168,85,247,.17),transparent 27%),
      linear-gradient(105deg,rgba(124,58,237,.13),rgba(255,255,255,.025) 34%,rgba(255,255,255,.012));
    box-shadow:0 25px 64px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.035);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-collection .pfwd-collection-hero::after{
    content:"";
    position:absolute;
    z-index:-1;
    right:-3%;top:-65%;
    width:330px;height:330px;
    border:1px solid rgba(192,132,252,.10);
    border-radius:50%;
    box-shadow:0 0 0 40px rgba(168,85,247,.018),0 0 0 82px rgba(168,85,247,.012);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-collection .pfwd-collection-kicker{
    color:#d8b4fe;
    font-size:10px;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-collection .pfwd-collection-hero h3{
    margin:7px 0 9px;
    color:#fff;
    font-size:clamp(30px,2.7vw,46px);
    line-height:1.02;
    letter-spacing:-.04em;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-collection .pfwd-collection-hero p{
    max-width:760px;
    margin:0;
    color:rgba(255,255,255,.61);
    font-size:13px;
    line-height:1.65;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-collection .pfwd-collection-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-collection .pfwd-collection-item{
    min-height:clamp(250px,24vw,360px);
    border-radius:21px;
    border-color:rgba(255,255,255,.09);
    background-position:center;
    box-shadow:0 22px 52px rgba(0,0,0,.30);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-collection .pfwd-collection-overlay{
    background:
      linear-gradient(180deg,rgba(5,5,9,.02) 0%,rgba(5,5,9,.10) 38%,rgba(5,5,9,.86) 84%,rgba(5,5,9,.96) 100%),
      linear-gradient(90deg,rgba(5,5,9,.24),transparent 48%);
    transition:background .25s ease;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-collection .pfwd-collection-item:hover{
    transform:translateY(-4px);
    border-color:rgba(192,132,252,.31);
    box-shadow:0 30px 68px rgba(0,0,0,.42),0 0 30px rgba(124,58,237,.09);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-collection .pfwd-collection-item:hover .pfwd-collection-overlay{
    background:
      linear-gradient(180deg,rgba(5,5,9,0) 0%,rgba(5,5,9,.05) 34%,rgba(5,5,9,.78) 82%,rgba(5,5,9,.94) 100%),
      linear-gradient(90deg,rgba(5,5,9,.16),transparent 48%);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-collection .pfwd-collection-body{
    gap:7px;
    padding:22px 22px 20px;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-collection .pfwd-collection-title{
    max-width:24ch;
    font-size:clamp(20px,1.65vw,28px);
    letter-spacing:-.025em;
    text-shadow:0 3px 18px rgba(0,0,0,.56);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-collection .pfwd-collection-meta{
    color:rgba(255,255,255,.62);
    font-size:10px;
  }

  /* ------------------------ RELATED ------------------------- */
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-head{
    min-height:54px;
    margin:0 0 15px;
    padding:0 0 12px;
    border-bottom:1px solid rgba(255,255,255,.065);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-label{
    color:#fff;
    font-size:20px;
    font-weight:900;
    letter-spacing:-.015em;
    text-transform:none;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-label::before{
    content:"";
    display:inline-block;
    vertical-align:-1px;
    width:3px;height:18px;
    margin-right:10px;
    border-radius:99px;
    background:linear-gradient(180deg,#a855f7,#7c3aed);
    box-shadow:0 0 16px rgba(168,85,247,.28);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-stack.pfwd-related-slider{
    grid-auto-columns:clamp(235px,18.5vw,292px);
    gap:15px;
    padding:2px 1px 14px;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-card{
    gap:10px;
    transition:transform .22s ease;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-card:hover{transform:translateY(-4px)}
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-media{
    border-radius:19px;
    border-color:rgba(255,255,255,.09);
    box-shadow:0 20px 46px rgba(0,0,0,.29);
    transition:border-color .22s ease,box-shadow .22s ease;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-card:hover .pfwd-related-media{
    border-color:rgba(192,132,252,.31);
    box-shadow:0 25px 58px rgba(0,0,0,.39),0 0 24px rgba(124,58,237,.08);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-poster{
    transition:transform .34s ease,filter .34s ease;
    filter:saturate(.94) brightness(.94);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-card:hover .pfwd-related-poster{
    transform:scale(1.025);
    filter:saturate(1.02) brightness(1);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-flip{
    padding:18px;
    border-radius:18px;
    background:
      radial-gradient(circle at 90% 8%,rgba(124,58,237,.17),transparent 28%),
      linear-gradient(180deg,rgba(15,13,22,.99),rgba(5,5,8,.995));
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-body{
    padding:13px 14px 14px;
    border-radius:16px;
    border-color:rgba(255,255,255,.07);
    background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014));
    box-shadow:0 12px 30px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.02);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-title{
    color:rgba(255,255,255,.94);
    font-size:14px;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-meta{
    color:rgba(255,255,255,.48);
    font-size:11px;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-actions{gap:7px;padding-top:11px}
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-btn{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    border-color:rgba(255,255,255,.095);
    background:rgba(255,255,255,.035);
    color:rgba(255,255,255,.84);
    font-size:10px;
    letter-spacing:.07em;
    transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-btn:first-child{
    background:linear-gradient(135deg,rgba(124,58,237,.78),rgba(168,85,247,.68));
    border-color:rgba(216,180,254,.20);
    color:#fff;
    box-shadow:0 10px 24px rgba(124,58,237,.14),inset 0 1px rgba(255,255,255,.10);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-btn:hover{
    border-color:rgba(192,132,252,.34);
    background:rgba(124,58,237,.15);
    color:#fff;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-btn:first-child:hover{
    background:linear-gradient(135deg,rgba(124,58,237,.92),rgba(168,85,247,.82));
    box-shadow:0 13px 30px rgba(124,58,237,.22),0 0 20px rgba(168,85,247,.08),inset 0 1px rgba(255,255,255,.13);
  }

  /* Slider navigation across the four panels: compact, directional and real. */
  .pfwd-shell.pf-desktop-view :is(#pfwd-panel-photos,#pfwd-panel-videos,#pfwd-panel-related) .pfwd-slider-btn{
    width:40px;height:40px;
    border-radius:12px;
    font-size:22px;
    background:linear-gradient(180deg,rgba(22,22,31,.82),rgba(9,9,14,.86));
    border-color:rgba(255,255,255,.10);
  }
  .pfwd-shell.pf-desktop-view :is(#pfwd-panel-photos,#pfwd-panel-videos,#pfwd-panel-related) .pfwd-slider-btn:hover{
    background:linear-gradient(145deg,rgba(124,58,237,.58),rgba(74,36,120,.64));
    border-color:rgba(192,132,252,.42);
  }

  /* Photo lightbox is part of the same experience, not an unrelated black modal. */
  .pfwd-lightbox-backdrop{
    background:rgba(2,2,5,.94);
    backdrop-filter:blur(20px) saturate(.82);
    -webkit-backdrop-filter:blur(20px) saturate(.82);
  }
  .pfwd-lightbox-img{
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    box-shadow:0 36px 110px rgba(0,0,0,.78),0 0 52px rgba(124,58,237,.09);
  }
  .pfwd-lightbox-count{
    color:rgba(255,255,255,.58);
    font-size:11px;
    font-weight:850;
  }
}

/* Laptop desktop: preserve the hierarchy without oversized media. */
@media (min-width:1101px) and (max-width:1540px){
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-backdrop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-backdrop-wrap:first-child{grid-column:span 2}
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-poster-row{grid-auto-columns:minmax(190px,224px)}
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-video-row{grid-auto-columns:clamp(315px,36vw,420px)}
  .pfwd-shell.pf-desktop-view #pfwd-panel-collection .pfwd-collection-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-stack.pfwd-related-slider{grid-auto-columns:clamp(225px,22vw,270px)}
}

/* Large desktop: richer gallery density without changing data or slider contracts. */
@media (min-width:1780px){
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-backdrop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-backdrop-wrap:first-child{grid-column:span 2;grid-row:span 2}
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-poster-row{grid-auto-columns:minmax(220px,260px)}
  .pfwd-shell.pf-desktop-view #pfwd-panel-collection .pfwd-collection-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (prefers-reduced-motion:reduce){
  .pfwd-shell.pf-desktop-view :is(#pfwd-panel-photos,#pfwd-panel-videos,#pfwd-panel-collection,#pfwd-panel-related) *{
    transition:none!important;
  }
}

/* ============================================================
   P214 · v3.64.54 · Desktop Premium Experiment · Phase 6
   MICROINTERACTIONS + INTERACTION POLISH
   Goal: make the real PrimeFlix desktop detail feel tactile and
   finished without changing data, markup contracts or JS behavior.
   Performance rule: transform/opacity/shadow only; no continuous FX.
   ============================================================ */
@media (min-width:1101px){
  :root{
    --pfx-motion-fast:150ms;
    --pfx-motion:220ms;
    --pfx-motion-slow:340ms;
    --pfx-ease:cubic-bezier(.2,.72,.22,1);
    --pfx-ease-out:cubic-bezier(.16,1,.3,1);
    --pfx-ring:rgba(192,132,252,.88);
  }

  /* The header reacts as one surface instead of isolated links. */
  #pf-navbar{
    transition:background var(--pfx-motion) ease,border-color var(--pfx-motion) ease,box-shadow var(--pfx-motion) ease,backdrop-filter var(--pfx-motion) ease;
  }
  #pf-navbar .pf-nav-link{
    position:relative;
    transition:color var(--pfx-motion-fast) ease,background var(--pfx-motion-fast) ease,border-color var(--pfx-motion-fast) ease,transform var(--pfx-motion-fast) var(--pfx-ease);
  }
  #pf-navbar .pf-nav-link:active{transform:translateY(1px) scale(.985)}

  /* Hero CTA: tactile press + controlled sheen, using the existing buttons only. */
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action,
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn{
    isolation:isolate;
    transform:translateZ(0);
    transition:
      transform var(--pfx-motion-fast) var(--pfx-ease),
      border-color var(--pfx-motion-fast) ease,
      background var(--pfx-motion-fast) ease,
      box-shadow var(--pfx-motion) ease,
      filter var(--pfx-motion-fast) ease;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action::after,
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn::after{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-1px;
    pointer-events:none;
    border-radius:inherit;
    background:radial-gradient(circle at 50% -28%,rgba(255,255,255,.18),transparent 44%);
    opacity:0;
    transform:translateY(8px);
    transition:opacity var(--pfx-motion) ease,transform var(--pfx-motion) var(--pfx-ease-out);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action:hover,
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn:hover{
    transform:translateY(-2px);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action:hover::after,
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn:hover::after{
    opacity:1;
    transform:none;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action:active,
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn:active{
    transform:translateY(0) scale(.982);
    filter:brightness(.96);
    transition-duration:80ms;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-report:hover{
    border-color:rgba(248,113,113,.60)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 24px rgba(239,68,68,.13),inset 0 1px rgba(255,255,255,.06)!important;
  }

  /* Poster keeps its premium depth but no exaggerated 3D gimmick. */
  .pfcp-wrap.pf-desktop-view .pfcp-poster-side::before{
    transition:opacity var(--pfx-motion-slow) ease,filter var(--pfx-motion-slow) ease,transform var(--pfx-motion-slow) var(--pfx-ease);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-side:hover::before{
    opacity:.96;
    filter:blur(28px);
    transform:translate(-50%,-50%) scale(1.035);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-card{
    transition:transform var(--pfx-motion-slow) var(--pfx-ease-out),box-shadow var(--pfx-motion-slow) ease,border-color var(--pfx-motion) ease;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-card:active{transform:perspective(1100px) rotateY(0) translateY(-1px) scale(.995)}

  /* Sticky tab rail: faster feedback, stable active state and keyboard parity. */
  .pfwd-shell.pf-desktop-view .pfwd-tabs{
    transition:background var(--pfx-motion) ease,border-color var(--pfx-motion) ease,box-shadow var(--pfx-motion) ease;
  }
  .pfwd-shell.pf-desktop-view .pfwd-tab{
    position:relative;
    transform:translateZ(0);
    transition:
      color var(--pfx-motion-fast) ease,
      background var(--pfx-motion-fast) ease,
      border-color var(--pfx-motion-fast) ease,
      box-shadow var(--pfx-motion) ease,
      transform var(--pfx-motion-fast) var(--pfx-ease);
  }
  .pfwd-shell.pf-desktop-view .pfwd-tab:hover{transform:translateY(-1px)}
  .pfwd-shell.pf-desktop-view .pfwd-tab:active{transform:translateY(0) scale(.975)}
  .pfwd-shell.pf-desktop-view .pfwd-tab.active{
    transform:none;
    box-shadow:0 11px 28px rgba(124,58,237,.13),inset 0 1px rgba(255,255,255,.085);
  }
  .pfwd-shell.pf-desktop-view .pfwd-tab.active::after{
    transform-origin:center;
    animation:pfxActiveTab 280ms var(--pfx-ease-out) both;
  }
  @keyframes pfxActiveTab{
    from{opacity:.20;transform:scaleX(.35)}
    to{opacity:1;transform:scaleX(1)}
  }

  /* Panel switch: short enough to feel instant, deep enough to avoid a hard cut. */
  .pfwd-shell.pf-desktop-view .pfwd-panel.active{
    animation:pfxPanelPolish 260ms var(--pfx-ease-out) both;
  }
  @keyframes pfxPanelPolish{
    from{opacity:.15;transform:translateY(9px);filter:blur(1.5px)}
    to{opacity:1;transform:none;filter:none}
  }

  /* Shared interactive surfaces. No markup changes, only consistent feedback. */
  .pfwd-shell.pf-desktop-view :is(
    .pfwd-econ-row,
    .pfwd-cstat,
    .pfwd-cinema-row,
    .pfwd-source-chip,
    .pfmd-card,
    .pfmd-crew-item,
    .pfmd-cast-person,
    .pfwd-cast-card,
    .pfwd-video-card,
    .pfwd-collection-item,
    .pfwd-related-card,
    .pfmd-backdrop-wrap,
    .pfmd-poster-wrap
  ){
    transition:
      transform var(--pfx-motion) var(--pfx-ease),
      border-color var(--pfx-motion-fast) ease,
      background var(--pfx-motion) ease,
      box-shadow var(--pfx-motion) ease,
      filter var(--pfx-motion) ease;
  }

  /* Small data surfaces should acknowledge hover without all becoming floating cards. */
  .pfwd-shell.pf-desktop-view :is(.pfwd-econ-row,.pfwd-cstat,.pfwd-cinema-row,.pfwd-source-chip):hover{
    transform:translateY(-1px);
    box-shadow:0 10px 25px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.03);
  }
  .pfwd-shell.pf-desktop-view :is(.pfwd-econ-row,.pfwd-cstat,.pfwd-cinema-row,.pfwd-source-chip):active{
    transform:none;
  }

  /* Links/chips get the same micro-depth and press language. */
  .pfwd-shell.pf-desktop-view :is(.pfwd-genre,.pfwd-kw,.pfmd-links a){
    transition:transform var(--pfx-motion-fast) var(--pfx-ease),color var(--pfx-motion-fast) ease,background var(--pfx-motion-fast) ease,border-color var(--pfx-motion-fast) ease,box-shadow var(--pfx-motion-fast) ease;
  }
  .pfwd-shell.pf-desktop-view :is(.pfwd-genre,.pfwd-kw,.pfmd-links a):hover{transform:translateY(-1px)}
  .pfwd-shell.pf-desktop-view :is(.pfwd-genre,.pfwd-kw,.pfmd-links a):active{transform:scale(.98)}

  /* Multimedia/social controls: responsive but not noisy. */
  .pfwd-shell.pf-desktop-view .pf-social-action,
  .pfwd-shell.pf-desktop-view .pfwd-related-btn,
  .pfwd-shell.pf-desktop-view .pfwd-slider-btn{
    transform:translateZ(0);
    transition:transform var(--pfx-motion-fast) var(--pfx-ease),background var(--pfx-motion-fast) ease,border-color var(--pfx-motion-fast) ease,color var(--pfx-motion-fast) ease,box-shadow var(--pfx-motion) ease,filter var(--pfx-motion-fast) ease;
  }
  .pfwd-shell.pf-desktop-view .pf-social-action:hover,
  .pfwd-shell.pf-desktop-view .pfwd-related-btn:hover,
  .pfwd-shell.pf-desktop-view .pfwd-slider-btn:hover{transform:translateY(-2px)}
  .pfwd-shell.pf-desktop-view .pf-social-action:active,
  .pfwd-shell.pf-desktop-view .pfwd-related-btn:active,
  .pfwd-shell.pf-desktop-view .pfwd-slider-btn:active{
    transform:translateY(0) scale(.94);
    transition-duration:75ms;
  }

  /* Video play affords a clear action without changing video behavior. */
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-video-play{
    transition:transform var(--pfx-motion) var(--pfx-ease-out),background var(--pfx-motion) ease,border-color var(--pfx-motion) ease,box-shadow var(--pfx-motion) ease;
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-video-card:hover .pfwd-video-play{
    transform:translate(-50%,-50%) scale(1.08);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-video-card:active .pfwd-video-play{
    transform:translate(-50%,-50%) scale(.98);
  }

  /* Related/collection cards get one unified lift distance. */
  .pfwd-shell.pf-desktop-view #pfwd-panel-collection .pfwd-collection-item:hover,
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-card:hover,
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-video-card:hover,
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-poster-wrap:hover{
    transform:translateY(-5px);
  }
  .pfwd-shell.pf-desktop-view #pfwd-panel-collection .pfwd-collection-item:active,
  .pfwd-shell.pf-desktop-view #pfwd-panel-related .pfwd-related-card:active,
  .pfwd-shell.pf-desktop-view #pfwd-panel-videos .pfwd-video-card:active,
  .pfwd-shell.pf-desktop-view #pfwd-panel-photos .pfmd-poster-wrap:active{
    transform:translateY(-2px) scale(.993);
  }

  /* Accessible focus: same ring on every real interactive control, never mouse-only. */
  .pfcp-wrap.pf-desktop-view :is(a,button,[role="button"]):focus-visible,
  .pfwd-shell.pf-desktop-view :is(a,button,select,[role="button"],[tabindex]):focus-visible{
    outline:2px solid var(--pfx-ring)!important;
    outline-offset:3px!important;
    box-shadow:0 0 0 5px rgba(124,58,237,.16),0 14px 34px rgba(0,0,0,.22)!important;
  }

  /* Native horizontal rails feel cleaner while keeping browser behavior. */
  .pfwd-shell.pf-desktop-view :is(.pfwd-video-row,.pfwd-related-stack,.pfmd-poster-row,.pfwd-cast-scroll){
    scroll-behavior:smooth;
    overscroll-behavior-inline:contain;
  }

  /* Fine pointer only: avoid hover dependency on touch-capable desktop devices. */
  @media (hover:hover) and (pointer:fine){
    .pfwd-shell.pf-desktop-view :is(.pfmd-card,.pfmd-crew-item,.pfmd-cast-person):hover{
      transform:translateY(-3px);
      border-color:rgba(192,132,252,.23);
      box-shadow:0 18px 38px rgba(0,0,0,.20),0 0 22px rgba(124,58,237,.055);
    }
  }
}

/* Motion safety: all Phase 6 movement collapses to instant state changes. */
@media (prefers-reduced-motion:reduce){
  .pfcp-wrap.pf-desktop-view *,
  .pfwd-shell.pf-desktop-view *{
    scroll-behavior:auto!important;
  }
  .pfcp-wrap.pf-desktop-view :is(.pfcp-main-action,.pfce-btn,.pfcp-poster-card),
  .pfwd-shell.pf-desktop-view :is(.pfwd-tab,.pfwd-panel.active,.pfwd-econ-row,.pfwd-cstat,.pfwd-cinema-row,.pfwd-source-chip,.pfmd-card,.pfmd-crew-item,.pfmd-cast-person,.pfwd-cast-card,.pfwd-video-card,.pfwd-collection-item,.pfwd-related-card,.pfmd-backdrop-wrap,.pfmd-poster-wrap,.pf-social-action,.pfwd-related-btn,.pfwd-slider-btn,.pfwd-genre,.pfwd-kw,.pfmd-links a){
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }
}


/* ============================================================
   P215 · v3.64.55 · Desktop Premium Experiment · Phase 7 FINAL
   FINAL AUDIT + CONSOLIDATION
   - Keeps the original PrimeFlix information/poster/actions DNA.
   - Extends the premium language to compact desktop widths.
   - Removes expensive animated blur/filter transitions.
   - Adds safe fallbacks for browsers without backdrop-filter.
   - Hardens long text, sticky tabs and very-wide desktop behavior.
   - No HTML, data, AJAX, TMDB or interaction contracts changed.
   ============================================================ */

/* Phase 6 audit: keep panel transitions GPU-friendly (opacity/transform only). */
@keyframes pfxPanelPolish{
  from{opacity:.18;transform:translateY(8px)}
  to{opacity:1;transform:none}
}

@media (min-width:1101px){
  /* Do not animate backdrop blur/filter; the visual result remains the same but repaints are cheaper. */
  #pf-navbar{
    transition:background var(--pfx-motion) ease,border-color var(--pfx-motion) ease,box-shadow var(--pfx-motion) ease!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-side::before{
    filter:blur(24px)!important;
    transition:opacity var(--pfx-motion-slow) ease,transform var(--pfx-motion-slow) var(--pfx-ease)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-side:hover::before{
    filter:blur(24px)!important;
  }

  /* Final hierarchy/overflow hardening for real titles, metadata and localized labels. */
  .pfcp-wrap.pf-desktop-view :is(.pfcp-info-side,.pfcp-actions-side,.pfcp-main-actions,.pfce,.pfce-primary),
  .pfwd-shell.pf-desktop-view :is(.pfwd-panel,.pfwd-section,.pfmd-card,.pfwd-related-card,.pfwd-collection-item){
    min-width:0;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-title{
    overflow-wrap:anywhere;
    text-wrap:balance;
  }
  .pfcp-wrap.pf-desktop-view :is(.pfcp-main-action,.pfce-btn) b,
  .pfwd-shell.pf-desktop-view :is(.pfwd-tab,.pfwd-related-btn){
    text-overflow:ellipsis;
    overflow:hidden;
  }
  .pfwd-shell.pf-desktop-view .pfwd-tab{white-space:nowrap}

  /* Sticky command rail always clears the 72px desktop navbar and never clips long tab sets. */
  .pfwd-shell.pf-desktop-view .pfwd-tabs{
    z-index:70;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
  }
  .pfwd-shell.pf-desktop-view .pfwd-tabs::-webkit-scrollbar{display:none}

  /* Wide-screen discipline: preserve cinematic scale without stretching content into empty space. */
  .pfcp-wrap.pf-desktop-view .pfcp-grid,
  .pfwd-shell.pf-desktop-view > :not(.pfwd-tabs){
    width:min(100%,1920px);
    margin-inline:auto;
  }
  .pfwd-shell.pf-desktop-view .pfwd-tabs{
    padding-inline:max(28px,calc((100vw - 1920px)/2 + 28px));
  }

  /* Keep destructive/report identity stronger than the global purple interaction language. */
  .pfcp-wrap.pf-desktop-view .pfce-report:focus-visible{
    outline-color:rgba(248,113,113,.95)!important;
    box-shadow:0 0 0 5px rgba(239,68,68,.16),0 14px 34px rgba(0,0,0,.22)!important;
  }
}

/* Compact desktop bridge: the experiment now remains recognizably premium on 901–1100px laptop windows. */
@media (min-width:901px) and (max-width:1100px){
  :root{
    --pfx-bg:#050507;
    --pfx-bg-deep:#030305;
    --pfx-text:#f8f7fb;
    --pfx-text-2:rgba(248,247,251,.76);
    --pfx-text-3:rgba(248,247,251,.52);
    --pfx-purple:var(--pf-accent,#7c3aed);
    --pfx-purple-2:var(--pf-accent-2,#a855f7);
    --pfx-gold:#f7b928;
    --pfx-red:#ef4444;
    --pfx-radius:18px;
  }
  body{
    background:
      radial-gradient(circle at 82% 7%,rgba(124,58,237,.07),transparent 30%),
      var(--pfx-bg-deep);
  }
  #pf-navbar{
    height:68px;
    border-bottom:1px solid rgba(255,255,255,.06);
    background:linear-gradient(180deg,rgba(4,4,7,.80),rgba(4,4,7,.36) 76%,transparent);
  }
  #pf-navbar.scrolled{
    background:rgba(6,6,10,.90);
    border-bottom-color:rgba(255,255,255,.09);
    box-shadow:0 12px 38px rgba(0,0,0,.40)!important;
  }

  .pfcp-wrap.pf-desktop-view{background:var(--pfx-bg-deep);color:var(--pfx-text)}
  .pfcp-wrap.pf-desktop-view .pfcp-hero{position:relative;overflow:hidden;background:#050507}
  .pfcp-wrap.pf-desktop-view .pfcp-hero::before{
    content:"";
    position:absolute;z-index:1;inset:0;pointer-events:none;
    background:
      linear-gradient(90deg,rgba(3,3,6,.91),rgba(3,3,6,.47) 42%,rgba(3,3,6,.21) 66%,rgba(3,3,6,.65)),
      linear-gradient(180deg,rgba(2,2,4,.10),transparent 42%,#050507 100%);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-bg{filter:saturate(.92) contrast(1.04) brightness(.79)}
  .pfcp-wrap.pf-desktop-view .pfcp-grid{position:relative;z-index:3;padding-top:106px;padding-bottom:70px}
  .pfcp-wrap.pf-desktop-view .pfcp-title{text-shadow:0 4px 28px rgba(0,0,0,.62);overflow-wrap:anywhere}
  .pfcp-wrap.pf-desktop-view .pfcp-overview{color:rgba(255,255,255,.76)}
  .pfcp-wrap.pf-desktop-view :is(.pfcp-tag,.pfcp-genre){
    border-color:rgba(255,255,255,.12);
    background:rgba(12,12,18,.58);
    box-shadow:inset 0 1px rgba(255,255,255,.035);
  }
  .pfcp-wrap.pf-desktop-view .pfcp-poster-card{
    border:1px solid rgba(255,255,255,.15);
    border-radius:20px;
    box-shadow:0 28px 72px rgba(0,0,0,.58),0 0 44px rgba(124,58,237,.09);
  }
  .pfcp-wrap.pf-desktop-view :is(.pfcp-main-action,.pfce-btn){
    border-color:rgba(255,255,255,.13);
    background:linear-gradient(180deg,rgba(26,26,36,.78),rgba(12,12,18,.78));
    box-shadow:0 12px 30px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.05);
  }
  .pfcp-wrap.pf-desktop-view .pf-watch-hero-btn{
    background:linear-gradient(135deg,#7127f3,#8b35ff 48%,#a855f7)!important;
    box-shadow:0 16px 40px rgba(124,58,237,.32),inset 0 1px rgba(255,255,255,.22)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfce-report{
    background:linear-gradient(180deg,rgba(104,24,29,.76),rgba(54,14,18,.76))!important;
    border-color:rgba(239,68,68,.38)!important;
  }

  .pfwd-shell.pf-desktop-view{
    position:relative;z-index:5;
    background:linear-gradient(180deg,#050507,#07070b 45%,#050507);
    padding-bottom:82px;
  }
  .pfwd-shell.pf-desktop-view .pfwd-tabs{
    top:68px;z-index:70;
    gap:7px;
    padding-top:12px;padding-bottom:12px;
    margin-bottom:28px;
    overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;
    background:rgba(6,6,10,.94);
    border-top:1px solid rgba(255,255,255,.04);
    border-bottom:1px solid rgba(255,255,255,.075);
    box-shadow:0 16px 30px rgba(0,0,0,.16);
    scrollbar-width:none;
  }
  .pfwd-shell.pf-desktop-view .pfwd-tabs::-webkit-scrollbar{display:none}
  .pfwd-shell.pf-desktop-view .pfwd-tab{
    flex:0 0 auto;white-space:nowrap;
    min-height:42px;padding:9px 13px;border-radius:12px;
    border:1px solid transparent;color:rgba(255,255,255,.58);font-weight:800;
  }
  .pfwd-shell.pf-desktop-view .pfwd-tab:hover{color:#fff;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.07)}
  .pfwd-shell.pf-desktop-view .pfwd-tab.active{
    color:#fff;
    background:linear-gradient(180deg,rgba(124,58,237,.26),rgba(124,58,237,.11));
    border-color:rgba(168,85,247,.28);
    box-shadow:0 10px 26px rgba(124,58,237,.11),inset 0 1px rgba(255,255,255,.07);
  }

  /* Compact cards inherit depth while keeping the denser laptop geometry from web-detail-p5.css. */
  .pfwd-shell.pf-desktop-view :is(.pfmd-card,.pfmd-crew-item,.pfmd-cast-person,.pfwd-cast-card,.pfwd-video-card,.pfwd-collection-item,.pfwd-related-card,.pfwd-econ-row,.pfwd-cstat,.pfwd-cinema-row){
    border-color:rgba(255,255,255,.09);
    box-shadow:0 14px 34px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025);
  }
  .pfwd-shell.pf-desktop-view :is(.pfwd-genre,.pfwd-kw,.pfmd-links a){
    border-color:rgba(255,255,255,.10);
    background:rgba(255,255,255,.04);
  }
  .pfcp-wrap.pf-desktop-view :is(a,button,[role="button"]):focus-visible,
  .pfwd-shell.pf-desktop-view :is(a,button,select,[role="button"],[tabindex]):focus-visible{
    outline:2px solid rgba(192,132,252,.90)!important;
    outline-offset:3px!important;
  }
}

/* Browser fallback: preserve hierarchy even when glass blur is unavailable. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  @media (min-width:901px){
    #pf-navbar.scrolled{background:rgba(6,6,10,.98)!important}
    .pfwd-shell.pf-desktop-view .pfwd-tabs{background:rgba(6,6,10,.98)!important}
    .pfcp-wrap.pf-desktop-view :is(.pfcp-tag,.pfcp-genre,.pfcp-main-action,.pfce-btn){background-color:rgba(15,15,22,.96)!important}
  }
}

/* Final motion safety also covers compact desktop. */
@media (prefers-reduced-motion:reduce){
  .pfcp-wrap.pf-desktop-view *,
  .pfwd-shell.pf-desktop-view *{
    scroll-behavior:auto!important;
  }
  .pfwd-shell.pf-desktop-view .pfwd-panel.active{animation:none!important}
}