/* PrimeFlix 3.65.13 · P271 · Web Mobile Hero Canonical First Paint
 * Single authority for the responsive Web hero (Home / Movies / Series / Anime).
 * The poster Score/Visto markup is emitted directly by PHP; no post-paint DOM relocation.
 */
.pf-uhero-mobile-poster-watched,.pf-uhero-mobile-poster-score{display:none}

@media (max-width:820px){
  body.pf-web-p271{
    --p271-gutter:clamp(13px,4.4vw,20px);
    --p271-poster-w:clamp(64px,19vw,82px);
    --p271-poster-top:calc(var(--pfm-header-total,58px) + 10px);
    --p271-gap:6px;
    --p271-fs-type:10.5px;
    --p271-fs-title:38px;
    --p271-fs-genres:10px;
    --p271-fs-ov:12.5px;
    --p271-fs-actions:12px;
    --p271-fs-play:13px;
    --p271-fs-watched:9.5px;
    --p271-fs-score:10px;
  }

  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide.pf-uhero-active{z-index:8!important}

  /* Old generated / legacy mobile hero artifacts are never part of P271. */
  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) :is(.pf263-hero-facts,.p269-row-score){display:none!important}
  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) :is(.pf-uhero-kicker,.pf-uhero-deck){display:none!important}

  /* Poster is already in the correct place on first paint. */
  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-poster{
    display:block!important;position:absolute!important;top:var(--p271-poster-top)!important;right:var(--p271-gutter)!important;left:auto!important;bottom:auto!important;
    width:var(--p271-poster-w)!important;max-width:var(--p271-poster-w)!important;aspect-ratio:2/3!important;z-index:12!important;
    margin:0!important;transform:none!important;overflow:visible!important;
  }
  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-poster>img{
    width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;border-radius:10px!important;
  }
  body.pf-web-p271 .pf-uhero-mobile-poster-watched{
    position:absolute!important;display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:.36em!important;
    top:0!important;right:calc(100% + 8px)!important;z-index:13!important;
    width:auto!important;max-width:calc(100vw - var(--p271-gutter) - var(--p271-gutter) - var(--p271-poster-w) - 16px)!important;
    height:26px!important;min-height:26px!important;margin:0!important;padding:0 .72em!important;
    border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;background:rgba(8,8,12,.46)!important;
    backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;color:rgba(255,255,255,.82)!important;
    font-size:var(--p271-fs-watched)!important;font-weight:750!important;line-height:1!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;overflow:hidden!important;
  }
  body.pf-web-p271 .pf-uhero-mobile-poster-watched svg{width:1.05em!important;height:1.05em!important;flex:0 0 1.05em!important}
  body.pf-web-p271 .pf-uhero-mobile-poster-score{
    position:absolute!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.32em!important;
    top:calc(100% + 7px)!important;right:0!important;z-index:13!important;width:var(--p271-poster-w)!important;max-width:var(--p271-poster-w)!important;
    height:25px!important;min-height:25px!important;margin:0!important;padding:0 5px!important;
    border:1px solid rgba(234,179,8,.30)!important;border-radius:999px!important;background:rgba(234,179,8,.13)!important;color:#fde68a!important;
    font-size:var(--p271-fs-score)!important;font-weight:850!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;
  }
  body.pf-web-p271 .pf-uhero-mobile-poster-score svg{width:1em!important;height:1em!important;flex:0 0 1em!important}

  /* Canonical copy flow. No mobile element is positioned over another. */
  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-content{
    position:absolute!important;left:var(--p271-gutter)!important;right:var(--p271-gutter)!important;top:auto!important;
    bottom:max(44px,calc(env(safe-area-inset-bottom,0px) + 36px))!important;width:auto!important;max-width:none!important;min-width:0!important;
    height:auto!important;max-height:none!important;margin:0!important;padding:0!important;transform:none!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;gap:0!important;overflow:visible!important;box-sizing:border-box!important;
  }
  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-content > :is(.pf-uhero-pills,.pf-uhero-title,.pf-uhero-genres,.pf-uhero-ov,.pf-uhero-actions){
    position:relative!important;inset:auto!important;float:none!important;clear:both!important;flex:0 0 auto!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  }

  /* Type only in the main copy. Year/Score/Visto remain available for desktop but never render here. */
  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-pills{
    order:10!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:.35em!important;
    height:2.25em!important;min-height:2.25em!important;max-height:2.25em!important;margin:0 0 var(--p271-gap)!important;padding:0!important;
    font-size:var(--p271-fs-type)!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;
  }
  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-pills > :not(.pf-uhero-pill-type){display:none!important}
  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-pill-type{
    display:inline-flex!important;align-items:center!important;width:auto!important;max-width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0 .78em!important;
    font-size:1em!important;line-height:1!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important;overflow:hidden!important;
  }
  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-title{
    order:20!important;display:block!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 0 var(--p271-gap)!important;padding:0!important;
    font-size:var(--p271-fs-title)!important;line-height:1.06!important;letter-spacing:-.035em!important;
    white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important;overflow:hidden!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;
  }
  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-genres{
    order:30!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:.38em!important;
    height:2.15em!important;min-height:2.15em!important;max-height:2.15em!important;margin:0 0 var(--p271-gap)!important;padding:0!important;
    font-size:var(--p271-fs-genres)!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;
  }
  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-genres>.pf-uhero-genre{
    flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;width:auto!important;height:100%!important;min-height:0!important;margin:0!important;padding:0 .78em!important;
    font-size:1em!important;line-height:1!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important;
  }
  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-ov{
    order:40!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-clamp:2!important;
    height:3em!important;min-height:3em!important;max-height:3em!important;margin:0 0 calc(var(--p271-gap) + 1px)!important;padding:0!important;
    font-size:var(--p271-fs-ov)!important;line-height:1.5!important;overflow:hidden!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important;
  }
  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-actions{
    order:50!important;position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:auto auto!important;
    gap:var(--p271-gap)!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;
    font-size:var(--p271-fs-actions)!important;line-height:1!important;
  }
  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-actions>:is(.pf-uhero-btn-play,.pf-uhero-btn-trailer,.pf-uhero-btn-info,.pf-uhero-btn-icon){
    position:relative!important;inset:auto!important;transform:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;gap:.4em!important;
    width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0 .5em!important;box-sizing:border-box!important;overflow:hidden!important;
    line-height:1!important;letter-spacing:0!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important;
  }
  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-actions>.pf-uhero-btn-play{
    grid-column:1/-1!important;grid-row:1!important;height:3.4em!important;min-height:0!important;font-size:var(--p271-fs-play)!important;
  }
  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-actions>:is(.pf-uhero-btn-trailer,.pf-uhero-btn-info,.pf-uhero-btn-icon){grid-row:2!important;height:3.1em!important;min-height:0!important;font-size:1em!important}
  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-actions svg{width:1.15em!important;height:1.15em!important;flex:0 0 1.15em!important;margin:0!important}
  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-btn-trailer[style*="display:none"],
  body.pf-web-p271 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-btn-trailer[style*="display: none"]{display:none!important}

  /* Community top stays programmatic; the page owns the user's vertical gesture. */
  body.pf-web-p271 .pfde-local-top__list{
    overflow:hidden!important;overflow-x:hidden!important;overflow-y:hidden!important;touch-action:pan-y!important;overscroll-behavior:auto!important;
    scroll-snap-type:none!important;-webkit-overflow-scrolling:auto!important;scrollbar-width:none!important;cursor:default!important;
  }
  body.pf-web-p271 .pfde-local-top__list::-webkit-scrollbar{display:none!important}
  body.pf-web-p271 .pfde-local-top__list>a{scroll-snap-align:none!important}
}

@media (max-width:380px){
  body.pf-web-p271{--p271-poster-w:60px;--p271-poster-top:calc(var(--pfm-header-total,54px) + 7px)}
  body.pf-web-p271 .pf-uhero-mobile-poster-watched{height:24px!important;min-height:24px!important}
  body.pf-web-p271 .pf-uhero-mobile-poster-score{height:23px!important;min-height:23px!important}
}
@media (min-width:600px) and (max-width:820px){
  body.pf-web-p271{--p271-poster-w:88px;--p271-poster-top:calc(var(--pfm-header-total,62px) + 14px)}
}