/*
 * PrimeFlix 3.65.01 · P261 · Web Mobile Hero Parity + Prime Pulse
 * Responsive Web only. Home / Movies / Series / Anime share one hero contract.
 * Mobile App and Desktop App are intentionally excluded by the PHP enqueue target.
 */

@media (max-width:820px){
  body.pf-web-mobile-p261{
    --pf261-hero-gutter:var(--pfm-hero-gutter,var(--pfm-gutter,18px));
    --pf261-poster-w:78px;
    --pf261-chip-font:10.5px;
    --pf261-chip-pad:7px;
    --pf261-genre-font:10px;
    --pf261-deck-font:10px;
    --pf261-title-size:40px;
  }

  /* ======================================================================
     1. ONE MOBILE HERO CONTRACT — HOME / MOVIES / SERIES / ANIME
     ====================================================================== */
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime){
    position:relative!important;
    width:100%!important;
    height:clamp(650px,88svh,750px)!important;
    min-height:650px!important;
    max-height:none!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:0 0 24px 24px!important;
    background:#050507!important;
    isolation:isolate!important;
  }
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-bg{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:58%!important;
    min-height:0!important;
    background-image:var(--slide-bg)!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center 18%!important;
    transform:none!important;
    filter:saturate(.96) contrast(1.04)!important;
  }
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-bgimg{
    width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 18%!important;transform:none!important;filter:none!important;
  }
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-overlay{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    background:
      linear-gradient(180deg,rgba(5,5,7,.10) 0%,rgba(5,5,7,.025) 25%,rgba(5,5,7,.26) 44%,rgba(5,5,7,.91) 59%,#050507 72%,#050507 100%),
      linear-gradient(90deg,rgba(5,5,7,.14),transparent 66%)!important;
  }

  /* Small poster — identical position and geometry on all four heroes. */
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-poster{
    display:block!important;
    position:absolute!important;
    z-index:14!important;
    top:calc(var(--pfm-header-total,64px) + 14px)!important;
    right:var(--pf261-hero-gutter)!important;
    bottom:auto!important;
    left:auto!important;
    width:var(--pf261-poster-w)!important;
    max-width:var(--pf261-poster-w)!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.17)!important;
    border-radius:10px!important;
    background:#101017!important;
    box-shadow:0 12px 30px rgba(0,0,0,.44),0 0 0 1px rgba(124,58,237,.07)!important;
    opacity:0!important;
    transform:translate3d(0,-5px,0)!important;
    pointer-events:none!important;
    transition:opacity .34s ease,transform .40s ease!important;
  }
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide.pf-uhero-active .pf-uhero-poster{
    opacity:.97!important;transform:none!important;
  }
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-poster::before,
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-poster::after{content:none!important;display:none!important}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-poster img{
    display:block!important;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:2/3!important;object-fit:cover!important;border:0!important;border-radius:9px!important;transform:none!important;filter:none!important;
  }

  /* Same content anchor on every hero. */
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-content{
    position:absolute!important;
    z-index:15!important;
    left:var(--pf261-hero-gutter)!important;
    right:var(--pf261-hero-gutter)!important;
    top:auto!important;
    bottom:44px!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  /* Hero eyebrow/kicker stays on one line too. */
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-kicker{
    width:max-content!important;max-width:100%!important;min-height:25px!important;margin:0 0 7px!important;padding:0 9px!important;display:inline-flex!important;align-items:center!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;border-radius:999px!important;font-size:10px!important;line-height:1!important;
  }

  /* Row A: type + label + year + score + watched. Always one line. */
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-pills{
    --pf261-row-font:var(--pf261-chip-font);
    --pf261-row-pad:var(--pf261-chip-pad);
    width:100%!important;max-width:100%!important;min-width:0!important;height:26px!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:5px!important;margin:0 0 8px!important;padding:0!important;overflow:hidden!important;white-space:nowrap!important;
  }
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-pill{
    flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:25px!important;height:25px!important;padding:0 var(--pf261-row-pad)!important;display:inline-flex!important;align-items:center!important;gap:4px!important;border-radius:999px!important;font-size:var(--pf261-row-font)!important;line-height:1!important;font-weight:800!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;
  }
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-pill svg{width:12px!important;height:12px!important;flex:0 0 12px!important}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-pill-watched{font-size:0!important}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-pill-watched b{font-size:var(--pf261-row-font)!important;font-weight:850!important}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-pill-watched::after{content:" vistos"!important;font-size:var(--pf261-row-font)!important;font-weight:750!important}

  /* One-line adaptive title. JS only reduces size when required; it never wraps. */
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-title{
    width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;margin:0 0 8px!important;color:#fff!important;font-size:var(--pf261-title-size)!important;line-height:1.02!important;letter-spacing:-.038em!important;font-weight:950!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important;overflow:hidden!important;text-overflow:clip!important;text-shadow:0 8px 28px rgba(0,0,0,.52)!important;
  }

  /* Row B: content genres/info chips. Also one adaptive line. */
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-genres{
    --pf261-row-font:var(--pf261-genre-font);
    --pf261-row-pad:7px;
    width:100%!important;max-width:100%!important;min-width:0!important;height:25px!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:5px!important;margin:0 0 8px!important;padding:0!important;overflow:hidden!important;white-space:nowrap!important;
  }
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-genre{
    flex:0 0 auto!important;min-width:0!important;max-width:none!important;min-height:24px!important;height:24px!important;padding:0 var(--pf261-row-pad)!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;font-size:var(--pf261-row-font)!important;line-height:1!important;font-weight:700!important;white-space:nowrap!important;word-break:keep-all!important;
  }

  /* Information deck is the second information family: one thin line, never cards. */
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-deck{
    --pf261-row-font:var(--pf261-deck-font);
    width:100%!important;max-width:100%!important;min-width:0!important;height:27px!important;display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;align-items:center!important;gap:0!important;margin:0 0 9px!important;padding:0!important;overflow:hidden!important;white-space:nowrap!important;border:0!important;background:transparent!important;
  }
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-metric{
    position:relative!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;min-height:0!important;height:27px!important;padding:0 10px!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:hidden!important;
  }
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-metric:first-child{padding-left:0!important}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-metric:not(:last-child)::after{content:"";position:absolute;right:0;top:7px;bottom:7px;width:1px;background:rgba(255,255,255,.13)}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-metric span,
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-metric strong{
    min-width:0!important;margin:0!important;padding:0!important;font-size:var(--pf261-row-font)!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;
  }
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-metric span{color:rgba(255,255,255,.46)!important;font-weight:650!important;letter-spacing:.02em!important;text-transform:none!important}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-metric strong{color:rgba(255,255,255,.84)!important;font-weight:800!important;letter-spacing:0!important}

  /* Synopsis: exactly two lines of reserved height. Empty synopsis receives two subtle lines. */
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-ov{
    position:relative!important;width:100%!important;max-width:62ch!important;min-width:0!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0 0 12px!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;color:rgba(255,255,255,.72)!important;font-size:13px!important;line-height:21px!important;letter-spacing:0!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;
  }
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-ov:empty{display:block!important;color:transparent!important}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-ov:empty::before,
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-ov:empty::after{
    content:"";position:absolute;left:0;height:5px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.045));
  }
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-ov:empty::before{top:7px;width:min(92%,480px)}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-ov:empty::after{top:27px;width:min(68%,350px);opacity:.72}

  /* Keep the same action distribution across all four heroes. */
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-actions{
    width:100%!important;max-width:100%!important;display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:8px!important;margin:0!important;overflow:visible!important;
  }
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) :is(.pf-uhero-btn-play,.pf-uhero-btn-info,.pf-uhero-btn-trailer){min-width:0!important;height:46px!important;min-height:46px!important;white-space:nowrap!important}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-btn-play{flex:1 1 auto!important}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-btn-info{flex:0 1 auto!important}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-btn-icon{flex:0 0 46px!important;width:46px!important;height:46px!important;min-width:46px!important;padding:0!important}

  /* ======================================================================
     2. PRIME PULSE — thin one-line metrics, no metric cards.
     ====================================================================== */
  body.pf-web-mobile-p261 .pfde-pulse{overflow:hidden!important}
  body.pf-web-mobile-p261 .pfde-pulse__grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  body.pf-web-mobile-p261 .pfde-metrics{
    width:100%!important;min-width:0!important;height:34px!important;display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0!important;margin:0!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-inline:contain!important;white-space:nowrap!important;
  }
  body.pf-web-mobile-p261 .pfde-metrics::-webkit-scrollbar{display:none!important}
  body.pf-web-mobile-p261 .pfde-metrics article{
    position:relative!important;flex:0 0 auto!important;min-width:0!important;min-height:0!important;height:30px!important;margin:0!important;padding:0 11px!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  body.pf-web-mobile-p261 .pfde-metrics article:first-child{padding-left:0!important}
  body.pf-web-mobile-p261 .pfde-metrics article:not(:last-child)::after{content:"";position:absolute;right:0;top:8px;bottom:8px;width:1px;background:rgba(255,255,255,.10)}
  body.pf-web-mobile-p261 .pfde-metrics article>i{font-style:normal!important;font-size:8px!important;line-height:1!important;color:rgba(196,181,253,.72)!important;opacity:.8!important}
  body.pf-web-mobile-p261 .pfde-metrics article>strong{font:800 13px/1 var(--pf-font-display,inherit)!important;color:rgba(255,255,255,.90)!important;letter-spacing:-.01em!important}
  body.pf-web-mobile-p261 .pfde-metrics article>span{margin:0!important;color:rgba(255,255,255,.46)!important;font-size:10.5px!important;line-height:1!important;font-weight:600!important;white-space:nowrap!important}

  /* Top community: three rows visible; remaining entries can auto-slide vertically. */
  body.pf-web-mobile-p261 .pfde-local-top{padding:14px!important;border-radius:17px!important}
  body.pf-web-mobile-p261 .pfde-local-top h3{margin:0 0 9px!important;font-size:15px!important;line-height:1.2!important}
  body.pf-web-mobile-p261 .pfde-local-top__list{
    --pf261-top-gap:7px;
    display:block!important;
    width:100%!important;
    max-height:176px;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scroll-snap-type:y proximity!important;
    scroll-behavior:smooth!important;
    scrollbar-width:none!important;
    overscroll-behavior-y:contain!important;
  }
  body.pf-web-mobile-p261 .pfde-local-top__list::-webkit-scrollbar{display:none!important}
  body.pf-web-mobile-p261 .pfde-local-top__list>a{
    width:100%!important;min-width:0!important;scroll-snap-align:start!important;margin:0 0 var(--pf261-top-gap)!important;
  }
  body.pf-web-mobile-p261 .pfde-local-top__list>a:last-child{margin-bottom:0!important}
}

@media (max-width:380px){
  body.pf-web-mobile-p261{--pf261-hero-gutter:15px;--pf261-poster-w:70px;--pf261-title-size:36px;--pf261-chip-font:9.8px;--pf261-chip-pad:6px}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime){height:660px!important;min-height:660px!important}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-content{bottom:38px!important}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-ov{font-size:12.5px!important}
}

@media (min-width:600px) and (max-width:820px){
  body.pf-web-mobile-p261{--pf261-poster-w:88px;--pf261-title-size:46px;--pf261-chip-font:11px;--pf261-genre-font:10.5px;--pf261-deck-font:10.5px}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime){height:720px!important;min-height:720px!important}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-content{left:max(var(--pf261-hero-gutter),28px)!important;right:max(var(--pf261-hero-gutter),28px)!important;bottom:48px!important}
}

@media (max-width:820px) and (orientation:landscape){
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime){height:590px!important;min-height:590px!important}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-bg{height:70%!important}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-poster{--pf261-poster-w:66px!important;top:calc(var(--pfm-header-total,58px) + 10px)!important}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-content{bottom:24px!important}
  body.pf-web-mobile-p261 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-kicker{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  body.pf-web-mobile-p261 .pfde-local-top__list{scroll-behavior:auto!important}
}