/*
 * PrimeFlix 3.64.95 · P255 · Web Mobile Rebuild · Phase 4/8
 * SLIDERS + CARDS
 *
 * Mobile Web only. Purpose-built touch rails and readable content cards.
 * No Desktop geometry is shrunk into phone-sized boxes and no Mobile App CSS is reused.
 */

@media (max-width:820px){
  body.pf-web-mobile-rebuild-p252{
    --pfm-rail-gap:10px;
    --pfm-card-w:clamp(144px,43vw,174px);
    --pfm-card-radius:16px;
    --pfm-card-info-h:58px;
  }

  /* ------------------------------------------------------------------
     1. SECTION HEADERS — readable Web hierarchy, no crowded title row.
     ------------------------------------------------------------------ */
  body.pf-web-mobile-rebuild-p252 :is(.pf-sect,.pf10-sect,.pf10-top10-sect,.pf-stream-section){
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:26px 0 2px!important;
    overflow:visible!important;
  }
  body.pf-web-mobile-rebuild-p252 :is(.pf-sect-head,.pf10-sect .pf-sect-head,.pf10-top10-sect .pf-sect-head,.pf-stream-section .pf-sect-head){
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0 var(--pfm-gutter,18px) 12px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  body.pf-web-mobile-rebuild-p252 :is(.pf-sect-head,.pf10-sect .pf-sect-head,.pf10-top10-sect .pf-sect-head)>div:first-child{
    width:100%!important;
    min-width:0!important;
    display:block!important;
  }
  body.pf-web-mobile-rebuild-p252 :is(.pf-sect-title,.pf10-sect .pf-sect-title,.pf10-top10-sect .pf-sect-title,.pf-stream-section .pf-sect-title){
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:7px!important;
    color:#fff!important;
    font-size:clamp(18px,5.2vw,22px)!important;
    line-height:1.14!important;
    letter-spacing:-.025em!important;
    font-weight:900!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    text-wrap:balance!important;
  }
  body.pf-web-mobile-rebuild-p252 :is(.pf-sect-title,.pf10-sect .pf-sect-title,.pf10-top10-sect .pf-sect-title)::before{
    content:none!important;
    display:none!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf-sect-title .pf-sect-bar{
    flex:0 0 3px!important;
    width:3px!important;
    height:22px!important;
    margin:0 2px 0 0!important;
    border-radius:99px!important;
    background:linear-gradient(180deg,#c084fc,#7c3aed)!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf-sect-title .pf-dyn-icon{
    flex:0 0 20px!important;
    width:20px!important;
    height:20px!important;
    display:inline-grid!important;
    place-items:center!important;
    color:#c4b5fd!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf-sect-title .pf-dyn-icon svg{
    width:18px!important;
    height:18px!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf-sect-title .pf-dyn-text{
    flex:1 1 150px!important;
    min-width:0!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf-sect-sub{
    width:100%!important;
    max-width:44ch!important;
    margin:6px 0 0!important;
    color:rgba(255,255,255,.58)!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf-sect-nav{display:none!important}
  body.pf-web-mobile-rebuild-p252 .pf10-see-all{
    flex:0 0 auto!important;
    min-height:32px!important;
    height:32px!important;
    margin-left:auto!important;
    padding:0 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!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,.78)!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf-countdown-badge{
    flex:0 0 auto!important;
    max-width:100%!important;
    min-height:25px!important;
    margin:0!important;
    padding:0 9px!important;
    display:inline-flex!important;
    align-items:center!important;
    border-radius:999px!important;
    font-size:11.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* ------------------------------------------------------------------
     2. TOUCH RAILS — native horizontal Web scrolling with a visible peek.
     ------------------------------------------------------------------ */
  body.pf-web-mobile-rebuild-p252 :is(.pf10c-slider,.pf10-slider,.pf10-continue-slider){
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:2px 0 12px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
    scroll-padding-inline:var(--pfm-gutter,18px)!important;
    overscroll-behavior-inline:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x pan-y pinch-zoom!important;
  }
  body.pf-web-mobile-rebuild-p252 :is(.pf10c-slider,.pf10-slider,.pf10-continue-slider)::-webkit-scrollbar{display:none!important}
  body.pf-web-mobile-rebuild-p252 :is(.pf10c-slider,.pf10-slider,.pf10-continue-slider)>.swiper-wrapper{
    width:max-content!important;
    min-width:100%!important;
    height:auto!important;
    min-height:0!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:var(--pfm-rail-gap)!important;
    margin:0!important;
    padding:0 var(--pfm-gutter,18px) 3px!important;
    transform:none!important;
    transition:none!important;
    box-sizing:border-box!important;
  }
  body.pf-web-mobile-rebuild-p252 [data-pf-mobile-rail-p255="1"]{
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 16px),transparent 100%);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 16px),transparent 100%);
  }
  body.pf-web-mobile-rebuild-p252 [data-pf-mobile-rail-p255="1"][data-pf-rail-end="1"]{
    -webkit-mask-image:none;
    mask-image:none;
  }

  /* ------------------------------------------------------------------
     3. POSTER CARDS — poster first, information below; never 8px metadata.
     ------------------------------------------------------------------ */
  body.pf-web-mobile-rebuild-p252 :is(.pf10c-slider,.pf10-slider) .swiper-slide.pf10c-slide{
    flex:0 0 var(--pfm-card-w)!important;
    width:var(--pfm-card-w)!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
    transform:none!important;
    overflow:visible!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10c-card{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    display:grid!important;
    grid-template-rows:auto auto!important;
    gap:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    transition:transform .14s ease,opacity .14s ease!important;
    isolation:isolate!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10c-card.pfm-touch-active{
    transform:scale(.985)!important;
    opacity:.94!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10c-card .pf10c-poster{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:2/3!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.085)!important;
    border-radius:var(--pfm-card-radius)!important;
    background:#111119!important;
    box-shadow:0 10px 26px rgba(0,0,0,.24)!important;
    opacity:1!important;
    transform:none!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10c-card .pf10c-poster::after{
    content:""!important;
    position:absolute!important;
    inset:auto 0 0!important;
    height:25%!important;
    z-index:2!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,transparent,rgba(4,4,7,.34))!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10c-card .pf10c-poster img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    border-radius:inherit!important;
    object-fit:cover!important;
    object-position:center!important;
    filter:none!important;
    opacity:1!important;
    transform:none!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10c-card .pf10c-back{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:var(--pfm-card-info-h)!important;
    display:block!important;
    overflow:visible!important;
    opacity:1!important;
    transform:none!important;
    background:transparent!important;
    pointer-events:none!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10c-card :is(.pf10c-back-img,.pf10c-back-grad,.pf10c-shimmer,.pf10c-desc,.pf10c-genres){
    display:none!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10c-card .pf10c-info{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:var(--pfm-card-info-h)!important;
    margin:0!important;
    padding:9px 2px 0!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-areas:
      "title title"
      "rating meta"!important;
    align-content:start!important;
    align-items:center!important;
    gap:5px 8px!important;
    opacity:1!important;
    transform:none!important;
    pointer-events:none!important;
    background:transparent!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10c-card .pf10c-title{
    grid-area:title!important;
    order:1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    color:#f7f7fb!important;
    font-size:clamp(13.5px,3.8vw,14.5px)!important;
    line-height:1.23!important;
    font-weight:800!important;
    letter-spacing:-.012em!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    text-shadow:none!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10c-card .pf10c-rating{
    grid-area:rating!important;
    order:2!important;
    min-width:0!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:3px!important;
    color:#fbbf24!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10c-card .pf10c-rating svg{
    flex:0 0 11px!important;
    width:11px!important;
    height:11px!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10c-card .pf10c-meta{
    grid-area:meta!important;
    order:3!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    color:rgba(255,255,255,.53)!important;
    font-size:11px!important;
    line-height:1.1!important;
    font-weight:650!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10c-card .pf10c-meta span{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Badges live on artwork only; their labels stay whole. */
  body.pf-web-mobile-rebuild-p252 .pf10c-badge{
    position:absolute!important;
    top:8px!important;
    left:8px!important;
    right:auto!important;
    bottom:auto!important;
    z-index:7!important;
    width:auto!important;
    max-width:calc(100% - 52px)!important;
    min-height:24px!important;
    height:24px!important;
    margin:0!important;
    padding:0 8px!important;
    display:inline-flex!important;
    align-items:center!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:999px!important;
    background:rgba(7,7,11,.72)!important;
    color:#fff!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10c-card .pf-view-count-badge{
    left:8px!important;
    right:auto!important;
    bottom:8px!important;
    top:auto!important;
    z-index:7!important;
    min-height:24px!important;
    padding:0 7px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:999px!important;
    background:rgba(6,6,10,.68)!important;
    color:rgba(255,255,255,.9)!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:800!important;
    backdrop-filter:blur(9px)!important;
    -webkit-backdrop-filter:blur(9px)!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10c-card .pf-card-platform{
    top:auto!important;
    right:8px!important;
    bottom:8px!important;
    left:auto!important;
    z-index:7!important;
    max-width:58px!important;
    min-height:22px!important;
    height:22px!important;
    padding:0 6px!important;
    display:inline-flex!important;
    align-items:center!important;
    opacity:1!important;
    border-radius:6px!important;
    font-size:11.5px!important;
  }

  /* Keep one useful action available without exposing a desktop hover panel. */
  body.pf-web-mobile-rebuild-p252 .pf10c-card .pf10c-actions{
    position:absolute!important;
    top:8px!important;
    right:8px!important;
    z-index:9!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    pointer-events:auto!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10c-card .pf10c-actions .pf10c-info-btn{display:none!important}
  body.pf-web-mobile-rebuild-p252 .pf10c-card .pf10c-actions .pf10c-list{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:999px!important;
    background:rgba(7,7,11,.73)!important;
    color:#fff!important;
    box-shadow:0 5px 14px rgba(0,0,0,.22)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10c-card .pf10c-actions .pf10c-list svg{
    width:15px!important;
    height:15px!important;
  }

  /* ------------------------------------------------------------------
     4. TOP 10 — number and poster are composed together, not overlapping copy.
     ------------------------------------------------------------------ */
  body.pf-web-mobile-rebuild-p252 .pf10-top10-sect{
    --pfm-card-w:clamp(146px,44vw,178px);
  }
  body.pf-web-mobile-rebuild-p252 .pf10-top10-sect .swiper-slide.pf10c-slide{
    position:relative!important;
    flex-basis:calc(var(--pfm-card-w) + 30px)!important;
    width:calc(var(--pfm-card-w) + 30px)!important;
    padding-left:30px!important;
    box-sizing:border-box!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10-top10-sect .pf10c-rank{
    position:absolute!important;
    left:0!important;
    top:42%!important;
    bottom:auto!important;
    z-index:8!important;
    width:43px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
    color:rgba(5,5,8,.92)!important;
    font-family:'Arial Black',Impact,sans-serif!important;
    font-size:clamp(59px,17vw,72px)!important;
    line-height:.78!important;
    letter-spacing:-.09em!important;
    text-align:left!important;
    -webkit-text-stroke:1.6px rgba(255,255,255,.80)!important;
    text-shadow:0 7px 20px rgba(0,0,0,.58)!important;
    pointer-events:none!important;
  }

  /* ------------------------------------------------------------------
     5. CONTINUE WATCHING — landscape rail made for thumb browsing.
     ------------------------------------------------------------------ */
  body.pf-web-mobile-rebuild-p252 .pf10-continue-slider>.swiper-wrapper{
    gap:11px!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10-continue-slider .pf-cont-slide{
    flex:0 0 min(82vw,360px)!important;
    width:min(82vw,360px)!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    scroll-snap-align:start!important;
    transform:none!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10-continue-slider .pf-cont-card{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.085)!important;
    border-radius:17px!important;
    background:#101016!important;
    box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
    transform:none!important;
    transition:transform .14s ease,opacity .14s ease!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10-continue-slider .pf-cont-card.pfm-touch-active{
    transform:scale(.99)!important;
    opacity:.96!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10-continue-slider .pf-cont-bg{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-size:cover!important;
    background-position:center!important;
    filter:saturate(.95) contrast(1.03)!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10-continue-slider .pf-cont-overlay{
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:14px 14px 17px!important;
    background:linear-gradient(180deg,rgba(4,4,7,.06) 22%,rgba(4,4,7,.28) 49%,rgba(4,4,7,.91) 100%)!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10-continue-slider .pf-cont-info{
    min-width:0!important;
    flex:1 1 auto!important;
    padding-right:2px!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10-continue-slider .pf-cont-title{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    color:#fff!important;
    font-size:14.5px!important;
    line-height:1.2!important;
    font-weight:850!important;
    letter-spacing:-.012em!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    text-shadow:0 2px 10px rgba(0,0,0,.45)!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10-continue-slider .pf-cont-ep{
    margin-top:4px!important;
    color:rgba(255,255,255,.72)!important;
    font-size:11.5px!important;
    line-height:1.15!important;
    font-weight:750!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10-continue-slider .pf-cont-resume{
    max-width:100%!important;
    margin-top:4px!important;
    color:#ddd6fe!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    font-weight:800!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10-continue-slider .pf-cont-meta{
    max-width:100%!important;
    margin-top:4px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:3px 7px!important;
    color:rgba(255,255,255,.57)!important;
    font-size:11.5px!important;
    line-height:1.2!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10-continue-slider .pf-cont-play{
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(255,255,255,.20)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.92)!important;
    color:#09090d!important;
    box-shadow:0 8px 22px rgba(0,0,0,.24)!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10-continue-slider .pf-cont-play svg{
    width:17px!important;
    height:17px!important;
    margin-left:2px!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10-continue-slider .pf-cont-remove{
    top:9px!important;
    right:9px!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:999px!important;
    background:rgba(6,6,10,.68)!important;
    color:#fff!important;
    font-size:19px!important;
    line-height:1!important;
    backdrop-filter:blur(9px)!important;
    -webkit-backdrop-filter:blur(9px)!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10-continue-slider .pf-cont-prog{
    left:12px!important;
    right:12px!important;
    bottom:7px!important;
    height:4px!important;
    border-radius:999px!important;
    overflow:hidden!important;
    background:rgba(255,255,255,.20)!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10-continue-slider .pf-cont-prog>div{
    border-radius:inherit!important;
    background:linear-gradient(90deg,#7c3aed,#c084fc)!important;
  }

  /* ------------------------------------------------------------------
     6. NO DESKTOP HOVER MECHANICS ON TOUCH WEB.
     ------------------------------------------------------------------ */
  body.pf-web-mobile-rebuild-p252 :is(.pf10c-card,.pf10c-slide,.pf-cont-card,.pf-cont-slide):hover{
    transform:none!important;
    box-shadow:inherit!important;
  }
  body.pf-web-mobile-rebuild-p252 .pf10c-card:hover :is(.pf10c-poster,.pf10c-poster img,.pf10c-back,.pf10c-info){
    transform:none!important;
  }

}

/* ------------------------------------------------------------------
   7. NARROW PHONES — preserve words; simplify density instead of shrinking text.
   ------------------------------------------------------------------ */
@media (max-width:370px){
    body.pf-web-mobile-rebuild-p252{
      --pfm-rail-gap:9px;
      --pfm-card-w:clamp(140px,44vw,154px);
    }
    body.pf-web-mobile-rebuild-p252 :is(.pf-sect-head,.pf10-sect .pf-sect-head,.pf10-top10-sect .pf-sect-head){
      padding-left:14px!important;
      padding-right:14px!important;
    }
    body.pf-web-mobile-rebuild-p252 :is(.pf10c-slider,.pf10-slider,.pf10-continue-slider)>.swiper-wrapper{
      padding-left:14px!important;
      padding-right:14px!important;
    }
    body.pf-web-mobile-rebuild-p252 .pf-sect-title{
      font-size:18px!important;
      gap:6px!important;
    }
    body.pf-web-mobile-rebuild-p252 .pf10-see-all{
      min-height:30px!important;
      height:30px!important;
      padding-inline:9px!important;
      font-size:11.5px!important;
    }
    body.pf-web-mobile-rebuild-p252 .pf10c-card .pf10c-title{font-size:13.5px!important}
    body.pf-web-mobile-rebuild-p252 .pf10-continue-slider .pf-cont-slide{
      flex-basis:86vw!important;
      width:86vw!important;
    }
  }

/* Larger mobile Web can show more of the next card without changing typography. */
@media (min-width:520px) and (max-width:820px){
    body.pf-web-mobile-rebuild-p252{
      --pfm-card-w:clamp(158px,30vw,184px);
      --pfm-rail-gap:12px;
    }
    body.pf-web-mobile-rebuild-p252 .pf10-continue-slider .pf-cont-slide{
      flex-basis:min(62vw,380px)!important;
      width:min(62vw,380px)!important;
    }
  }