/*
 * PrimeFlix 3.64.96 · P256 · Web Mobile Rebuild · Phase 5/8
 * CATALOGS + EXPLORE
 *
 * Responsive Web only. Movies, Series and Anime retain the Web visual language,
 * but receive a dedicated phone composition instead of compressed Desktop geometry.
 * Explore uses a Web disclosure filter workflow, not an App bottom sheet.
 */

@media (max-width:820px){
  body.pf-web-mobile-rebuild-p252{
    --pfm-catalog-gutter:var(--pfm-gutter,18px);
    --pfm-catalog-hero-h:clamp(690px,88svh,790px);
    --pfm-filter-control:50px;
  }

  /* ======================================================================
     1. CATALOG HERO — Movies / Series / Anime
     Backdrop first, recognizable poster second, readable copy third.
     ====================================================================== */
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract{
    position:relative!important;
    width:100%!important;
    height:var(--pfm-catalog-hero-h)!important;
    min-height:var(--pfm-catalog-hero-h)!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:0 0 24px 24px!important;
    background:#050507!important;
    isolation:isolate!important;
  }

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .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-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-bg{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:56%!important;
    min-height:0!important;
    background-image:var(--slide-bg)!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center 20%!important;
    transform:none!important;
    filter:saturate(.96) contrast(1.04)!important;
  }

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-bgimg{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 20%!important;
    transform:none!important;
    filter:none!important;
  }

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-overlay{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    background:
      linear-gradient(180deg,rgba(5,5,7,.12) 0%,rgba(5,5,7,.03) 27%,rgba(5,5,7,.34) 48%,rgba(5,5,7,.96) 61%,#050507 72%,#050507 100%),
      linear-gradient(90deg,rgba(5,5,7,.20),transparent 62%)!important;
  }

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract :is(.pf-uhero-warp,.pf-uhero-warp-fallback,.pf-uhero-canvas){
    opacity:.22!important;
    pointer-events:none!important;
  }

  /* The poster remains part of the catalog identity, but it no longer steals
     horizontal room from the text. It sits inside the image field. */
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-poster{
    position:absolute!important;
    z-index:7!important;
    top:calc(var(--pfm-header-total,64px) + 30px)!important;
    left:var(--pfm-catalog-gutter)!important;
    right:auto!important;
    bottom:auto!important;
    width:88px!important;
    height:132px!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:14px!important;
    background:#101016!important;
    box-shadow:0 16px 42px rgba(0,0,0,.46),0 0 0 1px rgba(124,58,237,.07)!important;
    transform:none!important;
    opacity:1!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-poster::before,
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-poster::after{content:none!important;display:none!important}
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-poster img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    border:0!important;
    border-radius:0!important;
    transform:none!important;
    filter:none!important;
  }

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-content{
    position:absolute!important;
    z-index:9!important;
    left:var(--pfm-catalog-gutter)!important;
    right:var(--pfm-catalog-gutter)!important;
    top:auto!important;
    bottom:46px!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-kicker{
    width:max-content!important;
    max-width:100%!important;
    min-height:28px!important;
    margin:0 0 10px!important;
    padding:0 11px!important;
    display:inline-flex!important;
    align-items:center!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:999px!important;
    background:rgba(10,10,15,.60)!important;
    color:rgba(255,255,255,.85)!important;
    backdrop-filter:blur(12px)!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.10em!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
  }

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-pills{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 9px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:6px!important;
    overflow:visible!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-pill{
    flex:0 0 auto!important;
    min-height:27px!important;
    height:auto!important;
    max-width:100%!important;
    padding:5px 9px!important;
    display:inline-flex!important;
    align-items:center!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.055)!important;
    color:rgba(255,255,255,.76)!important;
    font-size:11px!important;
    line-height:1.15!important;
    font-weight:750!important;
    white-space:nowrap!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-pill-watched{
    max-width:100%!important;
    white-space:normal!important;
  }

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-title{
    width:100%!important;
    max-width:min(100%,18ch)!important;
    margin:0 0 10px!important;
    color:#fff!important;
    font-size:clamp(32px,9.4vw,44px)!important;
    line-height:1.00!important;
    letter-spacing:-.043em!important;
    font-weight:950!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    text-wrap:balance!important;
    overflow:visible!important;
    text-shadow:0 8px 28px rgba(0,0,0,.52)!important;
  }

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-genres{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 10px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    overflow:visible!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-genre{
    min-height:26px!important;
    padding:5px 9px!important;
    display:inline-flex!important;
    align-items:center!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:999px!important;
    background:rgba(9,9,14,.48)!important;
    color:rgba(255,255,255,.70)!important;
    font-size:11px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-deck{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 10px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    overflow:visible!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-metric{
    min-width:0!important;
    min-height:44px!important;
    padding:7px 9px!important;
    display:grid!important;
    align-content:center!important;
    gap:3px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.04)!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-metric span{
    color:rgba(255,255,255,.46)!important;
    font-size:11.5px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.07em!important;
    text-transform:uppercase!important;
    white-space:normal!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-metric strong{
    min-width:0!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:1.15!important;
    font-weight:850!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
  }

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-ov{
    width:100%!important;
    max-width:58ch!important;
    margin:0 0 14px!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:13.5px!important;
    line-height:1.48!important;
    letter-spacing:0!important;
  }

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-actions{
    width:100%!important;
    margin:0!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract :is(.pf-uhero-btn-play,.pf-uhero-btn-info,.pf-uhero-btn-trailer,.pf-uhero-btn-icon){
    min-height:48px!important;
    height:48px!important;
    margin:0!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border-radius:14px!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:850!important;
    white-space:nowrap!important;
    transform:none!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-btn-play{
    flex:1 0 100%!important;
    width:100%!important;
    border:1px solid color-mix(in srgb,var(--pf-accent) 62%,white 10%)!important;
    background:linear-gradient(135deg,var(--pf-accent),var(--pf-accent-2))!important;
    color:#fff!important;
    box-shadow:0 12px 30px color-mix(in srgb,var(--pf-accent) 22%,transparent)!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract :is(.pf-uhero-btn-info,.pf-uhero-btn-trailer){
    flex:1 1 136px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.065)!important;
    color:#fff!important;
    backdrop-filter:blur(12px)!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-btn-icon{
    flex:0 0 48px!important;
    width:48px!important;
    min-width:48px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.065)!important;
    color:#fff!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-btn-trailer[style*="display:none"]{display:none!important}

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract :is(.pf-uhero-queue,.pf-uhero-nav-wrap){display:none!important}
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-dots{
    position:absolute!important;
    z-index:15!important;
    left:var(--pfm-catalog-gutter)!important;
    right:auto!important;
    bottom:20px!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    transform:none!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-dot{
    width:6px!important;
    min-width:6px!important;
    height:6px!important;
    padding:0!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.26)!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-dot.pf-uhero-dot-active{
    width:24px!important;
    background:#fff!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-progress{display:none!important}

  /* ======================================================================
     2. CATALOG GENRE / SECTION NAVIGATION — sticky Web filter rail.
     ====================================================================== */
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime) .pfchips-wrap{
    position:sticky!important;
    top:var(--pfm-header-total,64px)!important;
    z-index:110!important;
    width:100%!important;
    max-width:none!important;
    min-height:76px!important;
    margin:0!important;
    padding:10px 0 10px!important;
    display:grid!important;
    align-content:center!important;
    gap:6px!important;
    border-top:1px solid rgba(255,255,255,.05)!important;
    border-bottom:1px solid rgba(255,255,255,.075)!important;
    background:linear-gradient(180deg,rgba(5,5,8,.98),rgba(8,8,12,.95))!important;
    box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(18px) saturate(1.08)!important;
    overflow:hidden!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-route-movies .pfchips-wrap::before{content:"Explorar películas por género"}
  body.pf-web-mobile-rebuild-p252.pf-wmp-route-series .pfchips-wrap::before{content:"Explorar series por género"}
  body.pf-web-mobile-rebuild-p252.pf-wmp-route-anime .pfchips-wrap::before{content:"Explorar anime"}
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime) .pfchips-wrap::before{
    display:block!important;
    padding:0 var(--pfm-catalog-gutter)!important;
    color:rgba(255,255,255,.48)!important;
    font-size:11.5px!important;
    line-height:1.1!important;
    font-weight:900!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime) .pfchips-slider{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0 var(--pfm-catalog-gutter)!important;
    overflow:visible!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime) .pfchips-slider .swiper-wrapper{
    align-items:center!important;
    gap:8px!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime) .pfchips-slide{
    width:auto!important;
    flex:0 0 auto!important;
    margin:0!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime) .pfchip{
    min-height:38px!important;
    height:38px!important;
    max-width:74vw!important;
    margin:0!important;
    padding:0 13px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.045)!important;
    color:rgba(255,255,255,.72)!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:750!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-shadow:none!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime) .pfchip.pfchip-active{
    border-color:color-mix(in srgb,var(--chip-color,var(--pfm-accent)) 68%,white 8%)!important;
    background:color-mix(in srgb,var(--chip-color,var(--pfm-accent)) 18%,#0a0a0f)!important;
    color:#fff!important;
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--chip-color,var(--pfm-accent)) 14%,transparent)!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime) .pfchip-dot{
    flex:0 0 6px!important;
    width:6px!important;
    height:6px!important;
    border-radius:50%!important;
  }

  /* Rows begin immediately after the sticky catalog navigator, not with a blank desktop gap. */
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime) .pfchips-wrap + div[style*="padding-top"]{
    padding-top:2px!important;
  }

  /* ======================================================================
     3. EXPLORE — discovery Web workflow, not a permanently expanded form.
     ====================================================================== */
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex{
    width:100%!important;
    min-height:100vh!important;
    padding-top:var(--pfm-header-total,64px)!important;
    background:
      radial-gradient(circle at 88% 0,rgba(124,58,237,.16),transparent 28rem),
      #050507!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-hero{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:32px var(--pfm-gutter) 24px!important;
    display:block!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
    text-align:left!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-hero>div{
    width:100%!important;
    max-width:640px!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-hero span{
    display:block!important;
    margin:0 0 9px!important;
    color:#b7a2ff!important;
    font-size:11.5px!important;
    line-height:1.1!important;
    font-weight:900!important;
    letter-spacing:.14em!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-hero h1{
    width:100%!important;
    max-width:16ch!important;
    margin:0 0 12px!important;
    color:#fff!important;
    font-size:clamp(32px,9.4vw,46px)!important;
    line-height:1.01!important;
    letter-spacing:-.045em!important;
    text-wrap:balance!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-hero p{
    width:100%!important;
    max-width:58ch!important;
    margin:0!important;
    color:rgba(255,255,255,.68)!important;
    font-size:14px!important;
    line-height:1.56!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-hero>a{
    width:100%!important;
    min-height:48px!important;
    margin:18px 0 0!important;
    padding:0 15px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.05)!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:800!important;
    white-space:normal!important;
  }

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-shell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:18px var(--pfm-gutter) 44px!important;
  }

  /* Injected by P256 JS: compact disclosure above the full filter form. */
  body.pf-web-mobile-rebuild-p252 .pfex-mobile-filter-toggle{
    width:100%!important;
    min-height:52px!important;
    margin:0 0 10px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:15px!important;
    background:linear-gradient(180deg,rgba(20,20,28,.94),rgba(12,12,18,.94))!important;
    color:#fff!important;
    box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
    text-align:left!important;
  }
  body.pf-web-mobile-rebuild-p252 .pfex-mobile-filter-toggle__copy{
    min-width:0!important;
    display:grid!important;
    gap:2px!important;
  }
  body.pf-web-mobile-rebuild-p252 .pfex-mobile-filter-toggle__copy strong{
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:850!important;
  }
  body.pf-web-mobile-rebuild-p252 .pfex-mobile-filter-toggle__copy small{
    color:rgba(255,255,255,.50)!important;
    font-size:11px!important;
    line-height:1.2!important;
  }
  body.pf-web-mobile-rebuild-p252 .pfex-mobile-filter-toggle__icon{
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:11px!important;
    background:rgba(124,58,237,.14)!important;
    color:#c4b5fd!important;
    font-size:17px!important;
    line-height:1!important;
  }
  body.pf-web-mobile-rebuild-p252 .pfex-mobile-filter-toggle[aria-expanded="true"] .pfex-mobile-filter-toggle__icon{transform:rotate(180deg)!important}

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-filter{
    width:100%!important;
    max-width:none!important;
    margin:0 0 20px!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:16px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-filter.pfex-mobile-collapsible:not(.is-expanded){
    max-height:0!important;
    margin-bottom:8px!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-filter.pfex-mobile-collapsible.is-expanded{
    max-height:1400px!important;
    opacity:1!important;
    pointer-events:auto!important;
    transition:max-height .32s ease,opacity .22s ease!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-filter-top{
    width:100%!important;
    margin:0!important;
    padding:16px 14px 12px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:12px!important;
    border:1px solid rgba(255,255,255,.085)!important;
    border-bottom:0!important;
    border-radius:16px 16px 0 0!important;
    background:#0d0d13!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-filter-top>div:first-child{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-filter-top span{
    display:block!important;
    margin:0 0 4px!important;
    color:#a996f5!important;
    font-size:11.5px!important;
    line-height:1.1!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-filter-top h2{
    margin:0!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1.12!important;
    letter-spacing:-.02em!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-filter-actions{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-filter-actions button{
    min-height:38px!important;
    height:38px!important;
    padding:0 11px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.045)!important;
    color:rgba(255,255,255,.70)!important;
    font-size:11px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) #pfex-apply{
    border-color:rgba(139,92,246,.38)!important;
    background:rgba(124,58,237,.18)!important;
    color:#fff!important;
  }

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-type{
    width:100%!important;
    margin:0!important;
    padding:12px 14px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:none!important;
    border-left:1px solid rgba(255,255,255,.085)!important;
    border-right:1px solid rgba(255,255,255,.085)!important;
    background:#0d0d13!important;
  }
  body.pf-web-mobile-rebuild-p252 .pfex-type::-webkit-scrollbar{display:none!important}
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-type button{
    flex:0 0 auto!important;
    min-height:40px!important;
    height:40px!important;
    padding:0 14px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.04)!important;
    color:rgba(255,255,255,.68)!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:750!important;
    white-space:nowrap!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-type button.active{
    border-color:#7c3aed!important;
    background:#7c3aed!important;
    color:#fff!important;
  }

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-fields{
    width:100%!important;
    margin:0!important;
    padding:4px 14px 16px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    border:1px solid rgba(255,255,255,.085)!important;
    border-top:0!important;
    border-radius:0 0 16px 16px!important;
    background:#0d0d13!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-fields label{
    min-width:0!important;
    display:grid!important;
    align-content:start!important;
    gap:7px!important;
    color:rgba(255,255,255,.55)!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    text-transform:none!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-fields select{
    width:100%!important;
    min-width:0!important;
    height:var(--pfm-filter-control)!important;
    min-height:var(--pfm-filter-control)!important;
    padding:0 34px 0 12px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:12px!important;
    background:#15151d!important;
    color:#fff!important;
    font-size:16px!important; /* prevents iOS form zoom */
    line-height:1.2!important;
    outline:none!important;
  }

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-results-head{
    width:100%!important;
    min-width:0!important;
    margin:18px 0 13px!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:12px!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-results-head>div:first-child{
    min-width:0!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:baseline!important;
    gap:6px!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-results-head span{
    color:#fff!important;
    font-size:26px!important;
    line-height:1!important;
    font-weight:950!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-results-head small{
    color:rgba(255,255,255,.47)!important;
    font-size:11px!important;
    line-height:1.25!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-active{
    min-width:0!important;
    color:#b9a7ff!important;
    font-size:11px!important;
    line-height:1.25!important;
    text-align:right!important;
  }

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-grid{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px 11px!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-card{
    min-width:0!important;
    display:block!important;
    color:#fff!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-card>div{
    position:relative!important;
    width:100%!important;
    aspect-ratio:2/3!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:15px!important;
    background:#101016!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-card img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    transform:none!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-card>div :is(span,b){
    position:absolute!important;
    top:8px!important;
    min-height:25px!important;
    padding:0 7px!important;
    display:inline-flex!important;
    align-items:center!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:999px!important;
    background:rgba(6,6,10,.72)!important;
    color:#fff!important;
    backdrop-filter:blur(10px)!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-card>div span{left:8px!important}
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-card>div b{right:8px!important}
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-card h3{
    width:100%!important;
    min-width:0!important;
    margin:9px 0 3px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:1.25!important;
    font-weight:800!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    text-overflow:clip!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-card p{
    margin:0!important;
    color:rgba(255,255,255,.46)!important;
    font-size:11.5px!important;
    line-height:1.25!important;
  }

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-empty{
    width:100%!important;
    margin:6px 0 0!important;
    padding:32px 18px!important;
    border:1px dashed rgba(255,255,255,.13)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.025)!important;
    color:rgba(255,255,255,.56)!important;
    text-align:center!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-empty strong{
    margin:0 0 5px!important;
    color:#fff!important;
    font-size:17px!important;
    line-height:1.2!important;
  }

  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-pages{
    width:100%!important;
    margin:26px 0 0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-pages button{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:0 10px!important;
    border:1px solid rgba(124,58,237,.28)!important;
    border-radius:12px!important;
    background:rgba(124,58,237,.11)!important;
    color:#c9bcff!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-pages span{
    color:rgba(255,255,255,.48)!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
}

/* Narrow phones: simplify rather than miniaturize. */
@media (max-width:389px){
  body.pf-web-mobile-rebuild-p252{
    --pfm-catalog-hero-h:760px;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-poster{
    width:78px!important;
    height:117px!important;
    top:calc(var(--pfm-header-total,64px) + 24px)!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-title{font-size:clamp(30px,9.6vw,38px)!important}
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-deck .pf-uhero-metric:nth-child(n+3){display:none!important}
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-fields{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-filter-top{
    display:block!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-filter-actions{
    width:100%!important;
    margin-top:11px!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-filter-actions button{
    flex:1 1 0!important;
  }
}

/* Larger phones / small tablets: preserve the same hierarchy, allow more air. */
@media (min-width:520px) and (max-width:820px){
  body.pf-web-mobile-rebuild-p252{
    --pfm-catalog-hero-h:clamp(700px,82svh,800px);
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-poster{
    width:104px!important;
    height:156px!important;
    top:calc(var(--pfm-header-total,64px) + 34px)!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-content{
    max-width:620px!important;
    right:auto!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-deck{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-hero,
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-shell{
    padding-left:clamp(22px,6vw,38px)!important;
    padding-right:clamp(22px,6vw,38px)!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-explore,.pf-wmp-route-explorar) .pfex-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:20px 12px!important;
  }
}

/* Mobile landscape: avoid a needlessly tall catalog hero. */
@media (max-width:820px) and (orientation:landscape) and (max-height:520px){
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract{
    height:100svh!important;
    min-height:500px!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-bg{height:100%!important}
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-overlay{
    background:linear-gradient(90deg,rgba(5,5,7,.94) 0%,rgba(5,5,7,.67) 47%,rgba(5,5,7,.18) 100%)!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-content{
    left:var(--pfm-gutter)!important;
    right:44%!important;
    bottom:26px!important;
  }
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-poster,
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract :is(.pf-uhero-deck,.pf-uhero-ov,.pf-uhero-dots){display:none!important}
  body.pf-web-mobile-rebuild-p252:is(.pf-wmp-route-movies,.pf-wmp-route-series,.pf-wmp-route-anime)
  .pf-uhero.pf-hero-catalog-contract .pf-uhero-title{
    max-width:13ch!important;
    font-size:clamp(27px,5vw,38px)!important;
  }
}