/* PrimeFlix 3.60.10 R23 — Fluid Device Perspective
   Full-width responsive layout. No fixed viewport, no root zoom, no horizontal crop.
   Critical visual sizes use vw + clamp so Android display/font scaling has less influence. */

html[data-pf-mobile-app="1"],body.pfm-body{
  -webkit-text-size-adjust:none!important;
  text-size-adjust:none!important;
  overflow-x:clip!important;
}
@supports not (overflow:clip){html[data-pf-mobile-app="1"],body.pfm-body{overflow-x:hidden!important}}
.pfm-app,.pfm-main{width:100%!important;max-width:100%!important;min-width:0!important}

/* Keep horizontal content rails swipeable, but never show document scrollbars. */
:is(.pfm-shelf,.pfm-a5-poster-shelf,.pfm-a5-landscape-shelf,.pfm-a5-top10-shelf,.pfm-a5-genre-shelf,.pfm-a6-tool-row,.pfm-a7-genres,.pfm-a7-cast,.pfm-a7-shelf,.pfm-a7-videos,.pfma12-chips,.pfma12-photo-strip,.pfm-a8-season-tabs,.pfma23-live-rail,.pfma23-recent-rail,.pfma23-groups){scrollbar-width:none!important;-ms-overflow-style:none}
:is(.pfm-shelf,.pfm-a5-poster-shelf,.pfm-a5-landscape-shelf,.pfm-a5-top10-shelf,.pfm-a5-genre-shelf,.pfm-a6-tool-row,.pfm-a7-genres,.pfm-a7-cast,.pfm-a7-shelf,.pfm-a7-videos,.pfma12-chips,.pfma12-photo-strip,.pfm-a8-season-tabs,.pfma23-live-rail,.pfma23-recent-rail,.pfma23-groups)::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

@media (max-width:599px){
  /* Shell: smaller visual perspective without changing layout width/height. */
  .pfm-top-logo-home{width:clamp(86px,24vw,104px)!important}
  .pfm-route-logo .pfm-top-logo{width:clamp(66px,19vw,84px)!important}
  .pfm-icon-btn{width:clamp(34px,9.2vw,39px)!important;height:clamp(34px,9.2vw,39px)!important;border-radius:clamp(11px,3vw,14px)!important}
  .pfm-account-chip.is-user{width:clamp(34px,9.2vw,38px)!important;height:clamp(34px,9.2vw,38px)!important}
  .pfm-top-plan{min-height:clamp(34px,9.2vw,38px)!important;font-size:clamp(9px,2.45vw,10px)!important}
  .pfm-nav-item{font-size:clamp(7.5px,2.05vw,8.5px)!important}
  .pfm-nav-icon{width:clamp(30px,8.3vw,36px)!important;height:clamp(27px,7.5vw,30px)!important}
  .pfm-nav-item.is-active .pfm-nav-icon{width:clamp(42px,11.8vw,50px)!important}

  /* Home: same hero height as the original, only its contents/cards normalize. */
  .pfm-a5-hero h1{font-size:clamp(27px,7.8vw,38px)!important}
  .pfm-a5-kicker{font-size:clamp(7px,1.95vw,8px)!important}
  .pfm-a5-hero-meta{font-size:clamp(9px,2.35vw,10px)!important}
  .pfm-a5-hero p{font-size:clamp(10px,2.75vw,11.5px)!important}
  .pfm-a5-primary,.pfm-a5-secondary{font-size:clamp(9.5px,2.6vw,11px)!important;padding-inline:clamp(11px,3.1vw,14px)!important}
  .pfm-a5-section-head h2{font-size:clamp(15px,4.25vw,18px)!important}
  .pfm-a5-section-head>a{font-size:clamp(8.5px,2.3vw,9.5px)!important}
  .pfm-a5-poster-card{flex-basis:clamp(104px,29vw,122px)!important}
  .pfm-home-density-compact .pfm-a5-poster-card{flex-basis:clamp(94px,26vw,108px)!important}
  .pfm-a5-poster-card>strong{font-size:clamp(9.5px,2.65vw,11px)!important}
  .pfm-a5-poster-card>small{font-size:clamp(7.5px,2.05vw,8.5px)!important}
  .pfm-a5-continue-card{flex-basis:clamp(188px,52vw,228px)!important}
  .pfm-home-density-compact .pfm-a5-continue-card{flex-basis:clamp(178px,48vw,205px)!important}
  .pfm-a5-continue-card>strong{font-size:clamp(9.5px,2.65vw,11px)!important}
  .pfm-a5-continue-card>small{font-size:clamp(7.5px,2.05vw,8.5px)!important}

  /* Generic catalog/card text follows screen perspective rather than Android font inflation. */
  .pfm-media-card>strong,.pfm-a6-card-copy strong{font-size:clamp(10px,2.8vw,12px)!important}
  .pfm-media-card>small,.pfm-a6-card-copy small{font-size:clamp(8px,2.2vw,10px)!important}
  .pfm-a6-head h1{font-size:clamp(24px,7vw,31px)!important}

  /* Detail actions stay readable on narrow phones, but do not force a fixed page width. */
  .pfm-a7-watch-actions .pfm-a7-app-action{min-width:0!important;padding-inline:clamp(8px,2.6vw,12px)!important;gap:clamp(6px,2vw,9px)!important}
  .pfm-a7-app-action__icon{width:clamp(27px,7.5vw,30px)!important;height:clamp(27px,7.5vw,30px)!important}
  .pfm-a7-app-action__label{font-size:clamp(10px,2.75vw,11px)!important}
  .pfm-a18-preview-sound{width:clamp(39px,10.5vw,44px)!important;height:clamp(39px,10.5vw,44px)!important}
}

/* Truly wide mobile/tablet surfaces keep the existing 600px+ adaptive design untouched. */
@media (min-width:600px){html[data-pf-mobile-app="1"],body.pfm-body{overflow-x:hidden!important}}