/*
 * Begoling Film v3.8.1 — Full-Card Mobile Grid Edition
 * Applies only to the mobile homepage, leaving desktop, player,
 * account, and other routes unchanged. Uses real film catalog imagery.
 */
@media (max-width:760px){
  body.bf-commercial.bf-mobile-home:not(.watching){
    --m-bg:#07172b;--m-ink:#f4f8ff;
    background:#07172b!important;color:#f4f8ff!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .app-shell,
  body.bf-commercial.bf-mobile-home:not(.watching) .workspace{
    background:#07172b!important;color:#f4f8ff!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar{
    min-height:112px!important;
    height:auto!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-rows:45px 43px!important;
    padding:9px 15px 11px!important;
    column-gap:10px!important;
    row-gap:6px!important;
    background:#07172b!important;
    border-bottom:1px solid #17304d!important;
    box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-brand{
    grid-column:1!important;grid-row:1!important;
    display:flex!important;gap:9px!important;color:#fff!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-brand img{
    width:36px!important;height:36px!important;flex-basis:36px!important;
    border-radius:10px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-brand span{
    display:flex!important;flex-direction:column!important;
    align-items:flex-start!important;gap:1px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-brand b{
    color:#fff!important;font-size:15px!important;letter-spacing:-.025em!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-brand strong{
    font-size:13px!important;color:#36aaff!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-download,
  body.bf-commercial.bf-mobile-home:not(.watching) .command-trigger{display:none!important}
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar .bell{
    grid-column:2!important;grid-row:1!important;
    display:grid!important;place-items:center!important;
    width:37px!important;height:37px!important;margin:0!important;
    border:1px solid #254263!important;
    border-radius:11px!important;color:#e5f3ff!important;
    background:#102a48!important;
    box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar .account{
    grid-column:3!important;grid-row:1!important;
    display:flex!important;align-items:center!important;
    margin:0!important;padding:0!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar .account i{
    width:36px!important;height:36px!important;
    color:#fff!important;border-radius:11px!important;
    background:#1477ea!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar .account small,
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar .account-chevron{display:none!important}
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar .search{
    grid-column:1/-1!important;grid-row:2!important;
    width:100%!important;min-width:0!important;max-width:none!important;
    height:43px!important;padding:0 13px!important;
    background:#102744!important;border:1px solid #2a4769!important;
    border-radius:12px!important;box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar .search:focus-within{
    border-color:#489cff!important;box-shadow:0 0 0 3px rgba(40,133,255,.12)!important
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar .search input{
    color:#fff!important;background:transparent!important;font-size:12px!important
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar .search input::placeholder{
    color:#a3b6ca!important
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar .search svg{color:#8bc7ff!important}
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar .search kbd,
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar .voice-trigger{display:none!important}
  body.bf-commercial.bf-mobile-home:not(.watching) .view{
    width:100%!important;
    max-width:none!important;margin:0!important;
    padding:11px 12px calc(103px + env(safe-area-inset-bottom))!important;
    background:#07172b!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-cinema-home{
    min-width:0;width:100%;margin:auto;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-carousel{
    width:100%!important;height:260px!important;
    border-radius:16px!important;border:1px solid #183655!important;
    box-shadow:none!important;background:#0b213d!important;
    overflow:hidden!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero{
    height:260px!important;background-position:center 25%!important;
    background-size:cover!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero:after{
    background:linear-gradient(180deg,rgba(2,9,23,.06) 5%,rgba(2,9,23,.16) 38%,rgba(2,11,26,.95) 100%)!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-copy{
    position:absolute!important;left:0!important;right:0!important;bottom:0!important;
    width:100%!important;max-width:none!important;
    padding:14px 17px 29px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-label{
    display:inline-block!important;
    font-size:8px!important;color:#95caff!important;letter-spacing:.11em!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero h1{
    max-width:95%!important;margin:8px 0 6px!important;
    font-size:clamp(21px,5.7vw,27px)!important;line-height:1.09!important;
    letter-spacing:-.025em!important;
    display:-webkit-box!important;-webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;overflow:hidden!important;
    color:#fff!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero p{
    display:-webkit-box!important;-webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;overflow:hidden!important;
    max-width:95%!important;color:#d5e2ef!important;
    margin:0!important;font-size:10px!important;line-height:1.45!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-tags{
    display:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-actions{
    margin-top:12px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-actions .primary{
    min-height:38px!important;padding:0 15px!important;
    background:#fff!important;color:#0b2a53!important;
    border:0!important;border-radius:10px!important;
    font-size:12px!important;font-weight:800!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-actions .secondary{
    display:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-carousel>.hero-dots{
    bottom:13px!important;right:13px!important;left:auto!important;
    gap:5px!important;transform:none!important
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-carousel>.hero-dots button{
    width:6px!important;height:5px!important;border-radius:99px!important;
    background:#8ca3bb!important
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-carousel>.hero-dots button.active{
    width:18px!important;background:#3da3ff!important
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-nav{display:none!important}

  /* Film is the product: concise headings + scannable media rows. */
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-cinema-home .section{
    margin-top:22px!important;padding:0!important;background:transparent!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-cinema-home .section-head{
    margin:0 0 11px!important;min-height:29px!important;
    display:flex!important;align-items:center!important;
    justify-content:space-between!important;gap:10px!important
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-cinema-home .section-head h2{
    margin:0!important;color:#f5f9ff!important;
    font-size:19px!important;font-weight:800!important;
    letter-spacing:-.025em!important;line-height:1.15!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-cinema-home .section-head a{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;min-height:30px!important;
    padding:4px 0 4px 8px!important;
    font-size:11px!important;font-weight:700!important;
    color:#81bfff!important;background:transparent!important;
    border:0!important;text-decoration:none!important;
  }
  /* No more clipped third poster: the complete film collection fits the viewport. */
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    overflow:visible!important;
    gap:17px 11px!important;
    margin:0!important;padding:2px 0 5px!important;
    scroll-snap-type:none!important;scroll-behavior:auto!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll::-webkit-scrollbar,
  body.bf-commercial.bf-mobile-home:not(.watching) .continue-row::-webkit-scrollbar,
  body.bf-commercial.bf-mobile-home:not(.watching) .short-row::-webkit-scrollbar{display:none!important}
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll .film-card{
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    flex:none!important;scroll-snap-align:none!important;
    overflow:visible!important;
    border:0!important;background:transparent!important;
    transform:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll .film-card .thumb{
    box-sizing:border-box!important;
    width:100%!important;max-width:100%!important;
    height:auto!important;aspect-ratio:4/5!important;
    overflow:hidden!important;
    border-radius:12px!important;border:1px solid #263d5c!important;
    background-size:cover!important;background-position:center center!important;
    background-color:#132944!important;
    box-shadow:0 6px 15px rgba(0,8,23,.14)!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll .film-card b{
    color:#ecf4ff!important;min-height:33px!important;
    margin:8px 1px 0!important;font-size:12px!important;line-height:1.38!important;
    overflow:hidden!important;white-space:normal!important;
    display:-webkit-box!important;-webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll .film-card small,
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll .card-meta{
    display:block!important;color:#93a9c2!important;
    font-size:10px!important;margin:3px 1px 0!important;
    overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll .view-meta,
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll .quick-view-btn{
    display:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll .play{
    width:29px!important;height:29px!important;
    left:9px!important;bottom:9px!important;border-radius:50%!important;
    color:#1270df!important;background:#fff!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll .duration{
    color:#fff!important;background:rgba(3,12,26,.85)!important;
    top:8px!important;right:8px!important;
    font-size:9px!important;padding:4px 6px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll .member-lock{
    font-size:8px!important;
  }

  /* Continue Watching: true progress, not simulated content. */
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-row{
    display:flex!important;grid-template-columns:none!important;
    overflow-x:auto!important;gap:10px!important;padding:2px 1px 5px!important;
    scrollbar-width:none!important;scroll-snap-type:x proximity!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-card{
    flex:0 0 73vw!important;width:73vw!important;max-width:310px!important;
    display:block!important;min-height:0!important;
    padding:0!important;border:1px solid #274262!important;
    border-radius:12px!important;
    background:#10243f!important;box-shadow:none!important;
    scroll-snap-align:start!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-thumb{
    aspect-ratio:16/9!important;min-height:0!important;
    border-radius:11px 11px 0 0!important;box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-info{
    position:static!important;padding:10px 11px 11px!important;
    background:transparent!important;min-height:0!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-info>b{
    color:#f3f8ff!important;font-size:12px!important;line-height:1.3!important;
    margin:0!important;display:-webkit-box!important;
    -webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-info>span{
    display:block!important;color:#95acc5!important;font-size:10px!important;margin:5px 0 0!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-info>strong{
    display:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-progress i{
    background:#23a0ff!important
  }

  /* Shorts: portrait-only feed is below actual movie catalogs. */
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-shorts .short-row{
    display:flex!important;grid-template-columns:none!important;
    overflow-x:auto!important;gap:10px!important;
    padding:2px 1px 5px!important;scrollbar-width:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-shorts .short-card{
    flex:0 0 32vw!important;min-width:104px!important;max-width:142px!important;
    scroll-snap-align:start!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-shorts .short-card .thumb{
    aspect-ratio:9/16!important;
    border-radius:10px!important;border:1px solid #274262!important;box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-shorts .short-card b{
    color:#f2f7ff!important;font-size:11px!important;line-height:1.4!important;
    white-space:normal!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-shorts .short-meta{
    color:#98aac0!important;font-size:9px!important
  }

  /* Four deliberate navigation destinations, no invented panels. */
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-bottom-nav{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    position:fixed!important;left:0!important;right:0!important;
    bottom:0!important;z-index:120!important;
    height:calc(69px + env(safe-area-inset-bottom))!important;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;
    border-radius:16px 16px 0 0!important;
    border:1px solid #24415f!important;border-bottom:0!important;
    background:rgba(6,23,44,.98)!important;
    box-shadow:0 -8px 30px rgba(0,8,26,.34)!important
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-bottom-nav button{
    height:54px!important;min-height:49px!important;
    color:#9eb3cc!important;background:transparent!important;
    border:0!important;border-radius:11px!important;
    font-size:9px!important;font-weight:600!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-bottom-nav button svg{
    width:20px!important;height:20px!important
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-bottom-nav button.active{
    color:#42adff!important;
    background:rgba(24,95,165,.16)!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-bottom-nav button:focus-visible{
    outline:2px solid #76c7ff!important;outline-offset:-2px!important
  }
}
/* Two complete posters per row on compact phones; six videos on larger phones. */
@media (max-width:479px){
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll .film-card:nth-child(n+5){
    display:none!important;
  }
}
@media (min-width:480px) and (max-width:760px){
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px 11px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll .film-card b{
    font-size:11px!important;
  }
}
@media (max-width:360px){
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-carousel,
  body.bf-commercial.bf-mobile-home:not(.watching) .hero{height:236px!important}
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-copy{padding:12px 13px 26px!important}
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll{
    gap:15px 9px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll,
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-row{
    scroll-behavior:auto!important
  }
}


/* ============================================================
   Begoling Film v3.8.2 — Mobile Commercial Polish
   Complete cards, compact density, dark routes, no clipped shelves.
   ============================================================ */
@media (max-width:760px){
  body.bf-commercial.bf-mobile-home:not(.watching),
  body.bf-commercial.bf-mobile-route:not(.watching){
    background:
      radial-gradient(circle at 85% -10%,rgba(30,116,210,.13),transparent 28%),
      #061526!important;
    color:#f5f9ff!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .app-shell,
  body.bf-commercial.bf-mobile-route:not(.watching) .workspace,
  body.bf-commercial.bf-mobile-route:not(.watching) .view{
    background:transparent!important;color:#f5f9ff!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .view{
    width:100%!important;max-width:none!important;margin:0!important;
    padding:14px 13px calc(96px + env(safe-area-inset-bottom))!important;
  }

  /* Match inner routes to the commercial home header. */
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar{
    min-height:112px!important;height:auto!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-rows:45px 43px!important;
    padding:9px 14px 11px!important;column-gap:9px!important;row-gap:6px!important;
    background:rgba(6,21,38,.97)!important;border-bottom:1px solid #183451!important;
    box-shadow:none!important;backdrop-filter:blur(18px)!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-brand{
    grid-column:1!important;grid-row:1!important;display:flex!important;color:#fff!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-brand img{
    width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:10px!important
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-brand b{color:#fff!important}
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-brand strong{color:#39aaff!important}
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-download,
  body.bf-commercial.bf-mobile-route:not(.watching) .command-trigger{display:none!important}
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar .bell{
    grid-column:2!important;grid-row:1!important;display:grid!important;place-items:center!important;
    width:37px!important;height:37px!important;margin:0!important;
    color:#e7f3ff!important;background:#102943!important;border:1px solid #284664!important;
    border-radius:11px!important;box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar .account{
    grid-column:3!important;grid-row:1!important;margin:0!important;padding:0!important
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar .account i{
    width:36px!important;height:36px!important;border-radius:11px!important;background:#1477ea!important
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar .account small,
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar .account-chevron{display:none!important}
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar .search{
    grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:none!important;
    height:43px!important;padding:0 13px!important;
    background:#102741!important;border:1px solid #2a4867!important;border-radius:12px!important;
    box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar .search input{
    height:41px!important;color:#fff!important;font-size:12px!important
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar .search input::placeholder{color:#9fb3c8!important}
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar .search kbd,
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar .voice-trigger{display:none!important}

  /* Hero: cleaner, shorter and less "template-like". */
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-carousel,
  body.bf-commercial.bf-mobile-home:not(.watching) .hero{
    height:248px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-carousel{
    border-radius:15px!important;border:1px solid #23415f!important;
    box-shadow:0 14px 30px rgba(0,7,21,.22)!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-copy{
    padding:13px 16px 27px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero h1{
    font-size:clamp(20px,5.5vw,26px)!important;
    line-height:1.08!important;margin:6px 0!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero p{
    font-size:9.5px!important;line-height:1.42!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-actions{margin-top:10px!important}
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-actions .primary{
    min-height:36px!important;padding:0 14px!important;border-radius:9px!important
  }

  /* Editorial rhythm. */
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-cinema-home .section{
    margin-top:24px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-cinema-home .section-head{
    min-height:31px!important;margin-bottom:12px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-cinema-home .section-head h2{
    font-size:20px!important;letter-spacing:-.03em!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-cinema-home .section-head a{
    min-height:30px!important;color:#79baff!important;font-size:10px!important;
    padding:5px 0 5px 9px!important;
  }

  /* Continue Watching: two complete cards, no chopped card at the right edge. */
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;gap:10px!important;
    overflow:visible!important;padding:0!important;scroll-snap-type:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-card{
    box-sizing:border-box!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    flex:none!important;display:block!important;overflow:hidden!important;
    border:1px solid #28425f!important;border-radius:13px!important;
    background:#0d223a!important;
    box-shadow:0 8px 20px rgba(0,8,23,.16)!important;
    transform:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-thumb{
    width:100%!important;aspect-ratio:16/9!important;
    border-radius:0!important;border:0!important;overflow:hidden!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-remove{
    width:27px!important;height:27px!important;right:7px!important;top:7px!important;
    border-radius:50%!important;background:rgba(7,18,32,.76)!important;
    color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-play{
    width:31px!important;height:31px!important;left:9px!important;bottom:10px!important;
    box-shadow:0 5px 14px rgba(0,0,0,.18)!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-info{
    padding:10px 10px 11px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-info>b{
    min-height:31px!important;color:#f3f8ff!important;font-size:11px!important;line-height:1.38!important;
    -webkit-line-clamp:2!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-info>span{
    margin-top:5px!important;color:#91a7c0!important;font-size:8.5px!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }

  /* Movie shelves become clean poster grids. */
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px 12px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll .film-card .thumb{
    aspect-ratio:4/5!important;border-radius:13px!important;
    border-color:#2b4360!important;
    box-shadow:0 9px 20px rgba(0,8,23,.18)!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll .film-card b{
    min-height:34px!important;margin-top:8px!important;
    color:#f2f7ff!important;font-size:11.5px!important;line-height:1.42!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll .card-meta{
    color:#849bb4!important;font-size:9px!important;margin-top:3px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll .duration{
    top:7px!important;right:7px!important;padding:4px 6px!important;
    border-radius:6px!important;font-size:8px!important;
  }

  /* Hot/search/library routes: same dark storefront, complete cards. */
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-route-head{
    display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
    margin:4px 0 17px;padding:2px 1px 13px;border-bottom:1px solid #1d3853;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-route-head span{
    display:block;margin-bottom:4px;color:#6e9fcb;font-size:8px;font-weight:800;letter-spacing:.14em
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-route-head h1{
    margin:0;color:#f7fbff;font-size:25px;line-height:1.08;letter-spacing:-.035em
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-route-head p{
    margin:5px 0 0;color:#8fa6bd;font-size:10px
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-route-head>button{
    width:37px;height:37px;display:grid;place-items:center;flex:0 0 37px;
    border:1px solid #294866;border-radius:10px;background:#102943;color:#85c2ff;
    font-size:17px
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .hot-feature-grid,
  body.bf-commercial.bf-mobile-route:not(.watching) .hot-toolbar{display:none!important}
  body.bf-commercial.bf-mobile-route:not(.watching) .search-results,
  body.bf-commercial.bf-mobile-route:not(.watching) .hot-results,
  body.bf-commercial.bf-mobile-route:not(.watching) .member-library-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px 11px!important;margin:0!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .search-results .film-card,
  body.bf-commercial.bf-mobile-route:not(.watching) .hot-results .film-card,
  body.bf-commercial.bf-mobile-route:not(.watching) .member-library-grid .film-card{
    width:100%!important;max-width:100%!important;min-width:0!important;
    border:0!important;background:transparent!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .search-results .film-card .thumb,
  body.bf-commercial.bf-mobile-route:not(.watching) .hot-results .film-card .thumb,
  body.bf-commercial.bf-mobile-route:not(.watching) .member-library-grid .film-card .thumb{
    width:100%!important;aspect-ratio:4/5!important;overflow:hidden!important;
    border:1px solid #29435f!important;border-radius:13px!important;
    background-color:#102843!important;
    box-shadow:0 8px 20px rgba(0,8,23,.17)!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .search-results .film-card b,
  body.bf-commercial.bf-mobile-route:not(.watching) .hot-results .film-card b,
  body.bf-commercial.bf-mobile-route:not(.watching) .member-library-grid .film-card b{
    min-height:34px!important;margin:8px 1px 0!important;
    color:#f1f7ff!important;font-size:11.5px!important;line-height:1.4!important;
    white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;overflow:hidden!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .search-results .card-meta,
  body.bf-commercial.bf-mobile-route:not(.watching) .hot-results .card-meta,
  body.bf-commercial.bf-mobile-route:not(.watching) .member-library-grid .card-meta{
    display:block!important;color:#8198b1!important;font-size:9px!important;margin:3px 1px 0!important
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .view-meta,
  body.bf-commercial.bf-mobile-route:not(.watching) .quick-view-btn{display:none!important}
  body.bf-commercial.bf-mobile-route:not(.watching) .route-title{
    color:#f7fbff!important;font-size:24px!important
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .route-sub{color:#8ea5bc!important}

  /* A unified four-tab nav on both Home and catalog routes. */
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-bottom-nav,
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-bottom-nav{
    left:11px!important;right:11px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    height:64px!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    padding:5px!important;
    border:1px solid #27445f!important;border-radius:18px!important;
    background:rgba(8,27,49,.97)!important;
    box-shadow:0 14px 34px rgba(0,7,20,.32)!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-bottom-nav button,
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-bottom-nav button{
    height:52px!important;color:#91a8c1!important;font-size:8.5px!important;
    border-radius:12px!important
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-bottom-nav button.active,
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-bottom-nav button.active{
    color:#42adff!important;background:#0d3157!important;
  }
}
@media (min-width:480px) and (max-width:760px){
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll,
  body.bf-commercial.bf-mobile-route:not(.watching) .search-results,
  body.bf-commercial.bf-mobile-route:not(.watching) .hot-results,
  body.bf-commercial.bf-mobile-route:not(.watching) .member-library-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:370px){
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-row{
    grid-template-columns:1fr!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-card:nth-child(n+2){
    display:none!important;
  }
}


/* ============================================================
   Begoling Film v3.8.3 — Header App Download CTA
   ============================================================ */
@media (max-width:760px){
  /* Four-column header: brand / download app / notifications / account. */
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar,
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar{
    grid-template-columns:minmax(0,1fr) auto auto auto!important;
    column-gap:8px!important;
  }

  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-download,
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-download{
    grid-column:2!important;
    grid-row:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-width:82px!important;
    height:37px!important;
    margin:0!important;
    padding:0 11px!important;
    border:1px solid rgba(92,174,255,.34)!important;
    border-radius:11px!important;
    background:linear-gradient(145deg,#0f69d7,#178bf2)!important;
    color:#fff!important;
    box-shadow:0 7px 18px rgba(7,84,170,.22)!important;
    font:700 10px 'Bai Jamjuree',system-ui,sans-serif!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    transition:transform .16s ease,background .16s ease,border-color .16s ease!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-download:hover,
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-download:hover{
    transform:translateY(-1px)!important;
    background:linear-gradient(145deg,#1477e8,#2299ff)!important;
    border-color:rgba(132,201,255,.62)!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-download:active,
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-download:active{
    transform:translateY(0) scale(.98)!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-download svg,
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-download svg{
    width:15px!important;height:15px!important;flex:0 0 15px!important;
    stroke-width:2!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-download span,
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-download span{
    display:inline!important;
    color:inherit!important;
  }

  /* Shift the existing actions one column to the right. */
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar .bell,
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar .bell{
    grid-column:3!important;grid-row:1!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar .account,
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar .account{
    grid-column:4!important;grid-row:1!important;
  }

  /* Download chooser follows the mobile dark cinema language. */
  body.bf-commercial .download-sheet-backdrop{
    background:rgba(1,10,22,.76)!important;
    backdrop-filter:blur(16px) saturate(115%)!important;
  }
  body.bf-commercial .download-sheet-card{
    border-color:#28445f!important;
    background:#0b1f35!important;
    box-shadow:0 -18px 60px rgba(0,5,17,.42)!important;
  }
  body.bf-commercial .download-sheet-close{
    border-color:#2b4967!important;
    background:#132b45!important;color:#dcecff!important;
  }
  body.bf-commercial .download-sheet-brand{
    background:
      radial-gradient(circle at 90% 0%,rgba(25,134,245,.20),transparent 32%),
      linear-gradient(180deg,#102b49,#0b2037)!important;
    border-bottom:1px solid #203c58!important;
  }
  body.bf-commercial .download-sheet-logo{
    background:linear-gradient(145deg,#1378ea,#22a2ff)!important;
    box-shadow:0 10px 26px rgba(11,106,220,.25)!important;
  }
  body.bf-commercial .download-sheet-brand span{color:#76bfff!important}
  body.bf-commercial .download-sheet-brand h2{color:#f3f8ff!important}
  body.bf-commercial .download-sheet-brand p{color:#93aac2!important}
  body.bf-commercial .download-sheet-device{
    border-color:#28445f!important;background:#10263f!important;
  }
  body.bf-commercial .download-device-icon{
    background:#15395d!important;color:#72bdff!important;
  }
  body.bf-commercial .download-sheet-device small{color:#7394b2!important}
  body.bf-commercial .download-sheet-device b{color:#eef6ff!important}
  body.bf-commercial .download-sheet-device p{color:#8ba2b9!important}
  body.bf-commercial .download-primary{
    background:linear-gradient(135deg,#1478eb,#20a0ff)!important;
    box-shadow:0 10px 24px rgba(10,103,213,.25)!important;
  }
  body.bf-commercial .download-secondary{
    border-color:#2d4a67!important;background:#112a44!important;color:#b8dfff!important;
  }
  body.bf-commercial .download-sheet-benefits{color:#829bb4!important}
  body.bf-commercial .download-sheet-benefits span{
    border-color:#28445e!important;background:#10253e!important;
  }
}
@media (max-width:430px){
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar,
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar{
    grid-template-columns:minmax(0,1fr) auto auto auto!important;
    column-gap:6px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-download,
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-download{
    min-width:38px!important;width:38px!important;
    padding:0!important;gap:0!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-download span,
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-download span{
    display:none!important;
  }
}
@media (max-width:350px){
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar .bell,
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar .bell{
    display:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar,
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar{
    grid-template-columns:minmax(0,1fr) auto auto!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar .account,
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar .account{
    grid-column:3!important;
  }
}


/* ============================================================
   Begoling Film v3.9.2 — Vertical Player Mobile Control Fix
   Fix the oversized full-width control rail on 9:16 content.
   ============================================================ */
@media (max-width:760px){
  body.bf-commercial.watching .cinema-frame.is-vertical{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    min-height:0!important;
    background:#061526!important;
  }
  body.bf-commercial.watching .cinema-frame.is-vertical iframe{
    width:min(86vw,430px)!important;
    max-width:100%!important;
    height:auto!important;
    aspect-ratio:9/16!important;
    margin:0 auto!important;
  }

  /* Do not stretch the custom player controls edge-to-edge on Shorts. */
  body.bf-commercial.watching .cinema-frame.is-vertical .bf-player-tools.pro{
    left:50%!important;
    right:auto!important;
    bottom:11px!important;
    width:max-content!important;
    max-width:calc(100% - 18px)!important;
    min-width:0!important;
    justify-content:center!important;
    gap:4px!important;
    padding:4px!important;
    overflow:visible!important;
    border-radius:13px!important;
    background:rgba(5,18,34,.76)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.26)!important;
    backdrop-filter:blur(14px) saturate(115%)!important;
    opacity:.92!important;
    transform:translateX(-50%)!important;
    transform-origin:center bottom!important;
  }
  body.bf-commercial.watching .cinema-frame.is-vertical .bf-player-tools.pro button{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    padding:0!important;
    border-radius:9px!important;
    font-size:8px!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.12)!important;
  }
  body.bf-commercial.watching .cinema-frame.is-vertical .bf-player-tools.pro [data-bf-back],
  body.bf-commercial.watching .cinema-frame.is-vertical .bf-player-tools.pro [data-bf-forward]{
    width:38px!important;
    min-width:38px!important;
  }
  body.bf-commercial.watching .cinema-frame.is-vertical .bf-speed{
    display:none!important;
  }

  /* Keep controls away from the mobile bottom navigation and content below. */
  body.bf-commercial.watching .cinema-frame.is-vertical + .video-tags{
    margin-top:12px!important;
  }
}
@media (max-width:390px){
  body.bf-commercial.watching .cinema-frame.is-vertical .bf-player-tools.pro{
    bottom:8px!important;
    gap:3px!important;
    padding:3px!important;
  }
  body.bf-commercial.watching .cinema-frame.is-vertical .bf-player-tools.pro button{
    width:31px!important;
    min-width:31px!important;
    height:31px!important;
  }
  body.bf-commercial.watching .cinema-frame.is-vertical .bf-player-tools.pro [data-bf-back],
  body.bf-commercial.watching .cinema-frame.is-vertical .bf-player-tools.pro [data-bf-forward]{
    width:35px!important;
    min-width:35px!important;
  }
}


/* ============================================================
   Begoling Film v3.9.3 — Full-width Mobile Navigation
   Make the player bottom navigation feel native and intentional.
   ============================================================ */
@media (max-width:760px){
  body.bf-commercial.watching .mobile-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    height:calc(70px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:center!important;
    gap:2px!important;
    margin:0!important;
    padding:6px 10px calc(6px + env(safe-area-inset-bottom))!important;
    border:0!important;
    border-top:1px solid rgba(205,220,235,.95)!important;
    border-radius:18px 18px 0 0!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 -12px 34px rgba(12,43,76,.12)!important;
    backdrop-filter:blur(24px) saturate(145%)!important;
    z-index:10020!important;
  }
  body.bf-commercial.watching .mobile-bottom-nav button{
    width:100%!important;
    min-width:0!important;
    height:54px!important;
    padding:5px 2px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    border:0!important;
    border-radius:13px!important;
    background:transparent!important;
    color:#8296aa!important;
    font-size:8px!important;
    font-weight:700!important;
  }
  body.bf-commercial.watching .mobile-bottom-nav button svg{
    width:20px!important;height:20px!important;
  }
  body.bf-commercial.watching .mobile-bottom-nav button.active{
    color:#0878ee!important;
    background:#eaf4ff!important;
  }
  body.bf-commercial.watching .mobile-bottom-nav button.active svg{
    filter:none!important;
  }

  /* Reserve exactly the nav height so titles/actions never sit behind it. */
  body.bf-commercial.watching{
    padding-bottom:calc(70px + env(safe-area-inset-bottom))!important;
  }
  body.bf-commercial.watching .view{
    padding-bottom:calc(84px + env(safe-area-inset-bottom))!important;
  }
}
@media (max-width:390px){
  body.bf-commercial.watching .mobile-bottom-nav{
    padding-left:6px!important;
    padding-right:6px!important;
  }
}


/* ============================================================
   Begoling Film v4.0.0 — Mobile Convenience Layer
   ============================================================ */
@media (max-width:760px){
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-shortcut-rail{
    display:flex;align-items:center;gap:8px;
    margin:1px 0 11px;padding:1px 1px 4px;
    overflow-x:auto;overflow-y:hidden;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-shortcut-rail::-webkit-scrollbar{display:none}
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-shortcut-rail button{
    flex:0 0 auto;min-height:34px;padding:0 13px;
    border:1px solid #2a4663;border-radius:999px;
    background:#102741;color:#bad0e6;
    font-size:10px;font-weight:700;white-space:nowrap;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-shortcut-rail button:hover,
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-shortcut-rail button:focus-visible{
    border-color:#4b95dd;background:#15375b;color:#fff
  }

  body.bf-commercial .film-card .card-save-btn{
    display:grid!important;
    opacity:1!important;transform:none!important;
    left:7px!important;top:7px!important;
    width:28px!important;height:28px!important;
    border-radius:9px!important;
    background:rgba(5,20,38,.76)!important;
    font-size:13px!important;
    box-shadow:0 6px 16px rgba(0,0,0,.16)!important;
  }
  body.bf-commercial .film-card .card-save-btn.active{
    background:#147cf2!important;border-color:#6bb6ff!important
  }

  body.bf-commercial.bf-mobile-route:not(.watching) .library-route-head{
    margin:3px 0 10px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .library-route-head>div>span{
    color:#6f9fc9!important;font-size:8px!important
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .library-filters{
    display:flex!important;gap:7px!important;flex-wrap:nowrap!important;
    margin:0 -1px 14px!important;padding:0 1px 4px!important;
    overflow-x:auto!important;scrollbar-width:none!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .library-filters::-webkit-scrollbar{display:none!important}
  body.bf-commercial.bf-mobile-route:not(.watching) .library-filters>button{
    flex:0 0 auto!important;min-height:34px!important;
    border-color:#294865!important;background:#102741!important;color:#abc2d8!important;
    border-radius:999px!important;font-size:9px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .library-filters>button.active{
    background:#1477e8!important;border-color:#5baeff!important;color:#fff!important
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .library-filters>label{
    flex:0 0 auto!important;margin-left:0!important;
    min-height:34px!important;padding-left:8px!important;
    color:#8ea8bf!important;white-space:nowrap!important
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .library-filters select{
    height:34px!important;border-color:#294865!important;
    background:#102741!important;color:#e6f1fb!important;
  }

  body.bf-commercial.watching [data-mark-watched].active{
    color:#0877e8!important;background:#e9f4ff!important;border-color:#bcdcff!important
  }
}


/* ============================================================
   Begoling Film v4.0.1 — Mobile Watch Action Deck
   ============================================================ */
@media (max-width:760px){
  body.bf-commercial.watching .watch-action-deck{
    display:block!important;
    margin:11px 0 12px!important;
    padding:10px!important;
    border:1px solid #dfe8f1!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 7px 22px rgba(14,45,77,.045)!important;
  }
  body.bf-commercial.watching .watch-creator-card{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:0 0 10px!important;
    border:0!important;
    border-bottom:1px solid #e8eef4!important;
  }
  body.bf-commercial.watching .watch-creator-card .creator-avatar{
    width:38px!important;height:38px!important;
    border-radius:11px!important;
  }
  body.bf-commercial.watching .watch-creator-copy b{
    font-size:10px!important;
  }
  body.bf-commercial.watching .watch-creator-copy small{
    font-size:7px!important;
  }
  body.bf-commercial.watching .watch-creator-card .subscribe{
    min-width:72px!important;min-height:34px!important;
    padding:0 10px!important;
    border-radius:9px!important;
    font-size:8px!important;
  }
  body.bf-commercial.watching .watch-action-primary{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:9px!important;
  }
  body.bf-commercial.watching .watch-action-primary>.watch-action-btn,
  body.bf-commercial.watching .watch-action-primary>.rating-wrap>.watch-action-btn,
  body.bf-commercial.watching .watch-more-wrap>.watch-action-btn{
    width:100%!important;
    min-width:0!important;
    height:45px!important;
    padding:5px 4px!important;
    border-radius:10px!important;
    font-size:7.5px!important;
  }
  body.bf-commercial.watching .watch-action-primary>.rating-wrap,
  body.bf-commercial.watching .watch-more-wrap{
    width:100%!important;
    min-width:0!important;
  }
  body.bf-commercial.watching .watch-action-icon{
    min-height:14px!important;
    font-size:13px!important;
  }
  body.bf-commercial.watching .watch-action-primary .watch-action-btn svg{
    width:14px!important;height:14px!important;
  }
  body.bf-commercial.watching .watch-more-menu{
    position:absolute!important;
    right:0!important;left:auto!important;
    top:calc(100% + 7px)!important;
    width:min(260px,calc(100vw - 42px))!important;
    border-radius:13px!important;
  }
  body.bf-commercial.watching .watch-action-deck .rating-popover{
    left:0!important;right:auto!important;
    top:calc(100% + 7px)!important;
    width:min(235px,calc(100vw - 42px))!important;
  }
}
@media(max-width:390px){
  body.bf-commercial.watching .watch-action-primary{
    gap:6px!important;
  }
  body.bf-commercial.watching .watch-action-primary>.watch-action-btn,
  body.bf-commercial.watching .watch-action-primary>.rating-wrap>.watch-action-btn,
  body.bf-commercial.watching .watch-more-wrap>.watch-action-btn{
    height:43px!important;
    font-size:7px!important;
  }
}


/* ============================================================
   Begoling Film v4.1.0 — Mobile Commercial Polish
   Flat surfaces, clear hierarchy, poster-first browsing.
   ============================================================ */
@media(max-width:760px){
  body.bf-commercial.bf-mobile-home:not(.watching),
  body.bf-commercial.bf-mobile-route:not(.watching){
    background:#07182a!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar,
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar{
    min-height:108px!important;
    padding:8px 13px 10px!important;
    background:#081a2f!important;
    border-bottom:1px solid #17324d!important;
    box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-brand img,
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-brand img{
    width:35px!important;height:35px!important;
    border-radius:9px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-brand b,
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-brand b{
    font-size:14px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-brand strong,
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-brand strong{
    font-size:12px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar .search,
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar .search{
    height:41px!important;
    background:#102741!important;
    border-color:#29455f!important;
    border-radius:11px!important;
    box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar .search input,
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar .search input{
    height:39px!important;
    font-size:11px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar .bell,
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar .bell,
  body.bf-commercial.bf-mobile-home:not(.watching) .topbar .account i,
  body.bf-commercial.bf-mobile-route:not(.watching) .topbar .account i{
    width:35px!important;height:35px!important;border-radius:10px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-download,
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-download{
    height:35px!important;
    border-radius:10px!important;
    box-shadow:none!important;
    background:#116fdb!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .view,
  body.bf-commercial.bf-mobile-route:not(.watching) .view{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-shortcut-rail{
    gap:7px!important;
    margin:1px 0 10px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-shortcut-rail button{
    min-height:32px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    background:#10253d!important;
    border-color:#29435c!important;
    color:#b5c7d8!important;
    font-size:9px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-carousel,
  body.bf-commercial.bf-mobile-home:not(.watching) .hero{
    height:236px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-carousel{
    border-radius:14px!important;
    border-color:#26435e!important;
    box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero:after{
    background:linear-gradient(180deg,rgba(4,14,27,.05) 16%,rgba(4,14,27,.25) 48%,rgba(4,14,27,.94) 100%)!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-copy{
    padding:13px 15px 26px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-label{
    font-size:7.5px!important;
    letter-spacing:.10em!important;
    color:#9ac9f4!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero h1{
    margin:6px 0!important;
    font-size:clamp(19px,5.4vw,24px)!important;
    line-height:1.08!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero p{
    font-size:9px!important;
    line-height:1.4!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-actions{
    margin-top:9px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-actions .primary{
    min-height:35px!important;
    padding:0 13px!important;
    border-radius:9px!important;
    font-size:10px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-cinema-home .section{
    margin-top:22px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-cinema-home .section-head{
    min-height:27px!important;
    margin-bottom:10px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-cinema-home .section-head h2{
    font-size:18px!important;
    letter-spacing:-.025em!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-cinema-home .section-head a{
    font-size:9px!important;
    color:#73b9f7!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll{
    gap:16px 10px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll .film-card .thumb{
    border-radius:11px!important;
    border-color:#29435d!important;
    box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll .film-card b{
    margin-top:7px!important;
    min-height:31px!important;
    font-size:11px!important;
    line-height:1.38!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-film-scroll .card-meta{
    font-size:8.5px!important;
    color:#849bb0!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-card{
    border-radius:11px!important;
    border-color:#29435d!important;
    background:#0d2238!important;
    box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-info{
    padding:9px 10px 10px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-info>b{
    font-size:10.5px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-continue-section .continue-info>span{
    font-size:8px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-shorts .short-card .thumb{
    border-radius:10px!important;
    box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-route-head{
    margin-bottom:15px!important;
    padding-bottom:11px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-route-head h1,
  body.bf-commercial.bf-mobile-route:not(.watching) .route-title{
    font-size:22px!important;
    letter-spacing:-.03em!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .search-results,
  body.bf-commercial.bf-mobile-route:not(.watching) .hot-results,
  body.bf-commercial.bf-mobile-route:not(.watching) .member-library-grid{
    gap:16px 10px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .search-results .film-card .thumb,
  body.bf-commercial.bf-mobile-route:not(.watching) .hot-results .film-card .thumb,
  body.bf-commercial.bf-mobile-route:not(.watching) .member-library-grid .film-card .thumb{
    border-radius:11px!important;
    box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-bottom-nav,
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-bottom-nav{
    left:9px!important;
    right:9px!important;
    bottom:7px!important;
    height:61px!important;
    border-radius:16px!important;
    border-color:#28435d!important;
    background:rgba(8,27,48,.985)!important;
    box-shadow:0 8px 24px rgba(0,7,18,.20)!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-bottom-nav button,
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-bottom-nav button{
    height:49px!important;
    border-radius:10px!important;
    font-size:8px!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-bottom-nav button.active,
  body.bf-commercial.bf-mobile-route:not(.watching) .mobile-bottom-nav button.active{
    background:#10395f!important;
  }
  body.bf-commercial.watching .watch-action-deck{
    border-radius:13px!important;
    box-shadow:none!important;
  }
  body.bf-commercial.watching .watch-action-primary>.watch-action-btn,
  body.bf-commercial.watching .watch-action-primary>.rating-wrap>.watch-action-btn,
  body.bf-commercial.watching .watch-more-wrap>.watch-action-btn{
    height:43px!important;
    background:#f8fafc!important;
    border-color:#e1e7ed!important;
    border-radius:9px!important;
  }
}
@media(max-width:390px){
  body.bf-commercial.bf-mobile-home:not(.watching) .hero-carousel,
  body.bf-commercial.bf-mobile-home:not(.watching) .hero{
    height:222px!important;
  }
}


/* ============================================================
   Begoling Film v4.2.0 — Mobile Cinema & Platforms
   ============================================================ */
@media(max-width:760px){
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-page{
    width:100%!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-page-head{
    align-items:flex-end!important;
    margin:2px 0 16px!important;
    padding:3px 0 12px!important;
    border-bottom:1px solid #1d3851!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-page-head span{
    color:#709fc8!important;
    font-size:7.5px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-page-head h1{
    color:#f5f9fd!important;
    font-size:23px!important;
    letter-spacing:-.03em!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-page-head p{
    max-width:280px!important;
    color:#8fa5ba!important;
    font-size:9px!important;
    line-height:1.45!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-page-head>button{
    min-height:33px!important;
    padding:0 10px!important;
    border-color:#294862!important;
    background:#102741!important;
    color:#84c4ff!important;
    font-size:8px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-section{
    margin-top:20px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-section+.tmdb-section{
    margin-top:25px!important;
    padding-top:21px!important;
    border-top-color:#1d3851!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-section-head{
    margin-bottom:10px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-section-head h2{
    color:#f1f7fc!important;
    font-size:17px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-section-head small{
    color:#8199af!important;
    font-size:8px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px 10px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-poster{
    border-radius:11px!important;
    border-color:#29445e!important;
    background-color:#10283f!important;
    box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-card:hover .tmdb-poster{
    transform:none!important;
    box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-score{
    right:6px!important;
    top:6px!important;
    min-height:23px!important;
    padding:0 6px!important;
    border-radius:6px!important;
    font-size:8px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-provider-badge{
    left:6px!important;
    top:6px!important;
    max-width:74%!important;
    min-height:25px!important;
    padding:3px 6px 3px 3px!important;
    border-radius:7px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-provider-badge img{
    width:19px!important;height:19px!important;border-radius:5px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-provider-badge b{
    font-size:7px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-info-btn{
    left:7px!important;right:7px!important;bottom:7px!important;
    min-height:32px!important;
    opacity:1!important;
    transform:none!important;
    border-radius:8px!important;
    font-size:8px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-card-copy{
    padding-top:7px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-card-copy b{
    min-height:31px!important;
    color:#eff6fc!important;
    font-size:10.5px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-card-copy small{
    color:#8098ae!important;
    font-size:7.5px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-platform-section{
    margin-top:16px!important;
    padding:12px!important;
    border-color:#28435d!important;
    border-radius:12px!important;
    background:#0c2239!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-platform-head{
    margin-bottom:11px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-platform-head img{
    width:32px!important;height:32px!important;border-radius:8px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-platform-head span{
    color:#6d9cc6!important;
    font-size:7px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-platform-head h2{
    color:#f4f8fc!important;
    font-size:15px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-platform-head small{
    color:#8199af!important;
    font-size:7.5px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-platform-row{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    padding-bottom:3px!important;
    scrollbar-width:none!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-platform-row::-webkit-scrollbar{display:none!important}
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-platform-row .tmdb-card{
    flex:0 0 42vw!important;
    max-width:175px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-attribution.page{
    border-top-color:#1d3851!important;
    color:#6f879d!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-config-empty{
    margin:28px 0!important;
    padding:18px!important;
    border-color:#29445e!important;
    border-radius:12px!important;
    background:#0d2239!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-config-empty>span{
    color:#6f9fc9!important;
    font-size:7.5px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-config-empty h2{
    color:#f2f7fc!important;
    font-size:20px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-config-empty p{
    color:#91a5b8!important;
    font-size:9px!important;
  }

  .tmdb-modal-card{
    top:auto!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-height:88vh!important;
    transform:none!important;
    border-radius:18px 18px 0 0!important;
    border:0!important;
  }
  .tmdb-modal-close{
    width:34px!important;height:34px!important;
    right:10px!important;top:10px!important;
    border-radius:10px!important;
  }
  .tmdb-detail-hero{
    min-height:270px!important;
    gap:12px!important;
    padding:38px 16px 18px!important;
  }
  .tmdb-detail-poster{
    width:104px!important;
    border-radius:10px!important;
  }
  .tmdb-detail-copy h2{
    margin:5px 0 8px!important;
    font-size:23px!important;
  }
  .tmdb-detail-copy>span{
    font-size:7px!important;
  }
  .tmdb-detail-tags{
    gap:4px!important;
  }
  .tmdb-detail-tags b{
    padding:4px 6px!important;
    font-size:7px!important;
  }
  .tmdb-detail-body{
    padding:17px 15px calc(20px + env(safe-area-inset-bottom))!important;
  }
  .tmdb-detail-body>p{
    font-size:10px!important;
    line-height:1.6!important;
  }
  .tmdb-where{
    margin-top:16px!important;
    padding-top:15px!important;
  }
  .tmdb-where-head h3{
    font-size:16px!important;
  }
  .tmdb-where-head small{
    font-size:7px!important;
  }
  .tmdb-provider-list{
    gap:6px!important;
  }
  .tmdb-provider{
    min-width:0!important;
    width:calc(50% - 3px)!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    padding:6px!important;
    border-radius:9px!important;
  }
  .tmdb-provider img{
    width:30px!important;height:30px!important;border-radius:7px!important;
  }
  .tmdb-provider b{
    font-size:8px!important;
  }
  .tmdb-provider small{
    font-size:7px!important;
  }
  .tmdb-detail-actions{
    gap:7px!important;
  }
  .tmdb-trailer-btn,
  .tmdb-provider-link{
    flex:1 1 0!important;
    min-height:38px!important;
    padding:0 9px!important;
    font-size:8.5px!important;
  }
}
@media(min-width:480px) and (max-width:760px){
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}


/* ============================================================
   Begoling Film v4.4.0 — Mobile Cinema Ticket Experience
   ============================================================ */
@media(max-width:760px){
  body.bf-commercial.bf-mobile-route:not(.watching) .cinema-page-head{
    margin-bottom:12px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .cinema-page-head h1{
    font-size:24px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .cinema-price-panel{
    display:block!important;
    margin:0 0 13px!important;
    padding:11px!important;
    border-color:#29445e!important;
    border-radius:13px!important;
    background:#0d2239!important;
    box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .cinema-price-intro{
    padding:0 0 10px!important;
    border:0!important;
    border-bottom:1px solid #24405a!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .cinema-price-intro>span,
  body.bf-commercial.bf-mobile-route:not(.watching) .cinema-section-kicker{
    color:#6fa1cf!important;
    font-size:7px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .cinema-price-intro h2{
    color:#f2f7fc!important;
    font-size:16px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .cinema-price-intro p{
    color:#8fa5ba!important;
    font-size:8px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .cinema-price-grid{
    display:flex!important;
    gap:8px!important;
    margin-top:10px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .cinema-price-grid::-webkit-scrollbar{display:none!important}
  body.bf-commercial.bf-mobile-route:not(.watching) .cinema-price-card{
    flex:0 0 76%!important;
    max-width:280px!important;
    min-height:76px!important;
    padding:10px!important;
    border-color:#29455f!important;
    border-radius:10px!important;
    background:#102741!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .cinema-price-card b{
    color:#eef6fd!important;
    font-size:9px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .cinema-price-card small{
    color:#8fa5ba!important;
    font-size:7px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .cinema-price-card>strong{
    padding:5px 7px!important;
    background:#12395e!important;
    color:#78bfff!important;
    font-size:9px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .cinema-source-filters{
    gap:6px!important;
    margin:0 -1px 4px!important;
    padding:0 1px 4px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .cinema-source-filters::-webkit-scrollbar{display:none!important}
  body.bf-commercial.bf-mobile-route:not(.watching) .cinema-source-filters button{
    flex:0 0 auto!important;
    min-height:32px!important;
    padding:0 11px!important;
    border-color:#29445e!important;
    background:#102741!important;
    color:#a8bfd4!important;
    font-size:8px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .cinema-source-filters button.active{
    border-color:#4f9be1!important;
    background:#15385b!important;
    color:#fff!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-price-badge{
    right:6px!important;
    top:6px!important;
    min-height:23px!important;
    padding:0 6px!important;
    border-radius:6px!important;
    background:#f7fbff!important;
    color:#0873df!important;
    font-size:7px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .public-cinema-card .tmdb-poster:after{
    height:38%!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-card-actions{
    left:7px!important;
    right:7px!important;
    bottom:7px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-card-actions .tmdb-info-btn{
    min-height:31px!important;
    opacity:1!important;
    transform:none!important;
    border-radius:8px!important;
    background:rgba(5,24,43,.91)!important;
    font-size:7.5px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-card-meta{
    margin-top:3px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-card-meta small,
  body.bf-commercial.bf-mobile-route:not(.watching) .tmdb-card-meta strong{
    font-size:7px!important;
  }
}


/* ============================================================
   Begoling Film v4.5.0 — Mobile Streaming Directory
   ============================================================ */
@media(max-width:760px){
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-page-head{
    margin-bottom:14px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-directory-head{
    margin-bottom:10px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-directory-head span,
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-availability-intro span{
    color:#6fa0ca!important;
    font-size:7px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-directory-head h2,
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-availability-intro h2{
    color:#f3f8fd!important;
    font-size:17px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-directory-head p,
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-availability-intro p{
    color:#8fa5ba!important;
    font-size:8px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-directory-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-directory-card{
    min-height:184px!important;
    padding:11px!important;
    border-color:#29445e!important;
    border-radius:12px!important;
    background:#0d2239!important;
    box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-directory-card:hover{
    transform:none!important;
    box-shadow:none!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-directory-top{
    grid-template-columns:36px minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-mark{
    width:36px!important;height:36px!important;
    border-radius:10px!important;
    background:#15395d!important;
    font-size:12px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-directory-top span{
    color:#809ab1!important;
    font-size:6.5px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-directory-top h3{
    color:#f1f7fc!important;
    font-size:13px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-directory-top i{
    color:#6c94b8!important;
    font-size:11px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-directory-card>p{
    margin-top:10px!important;
    color:#94a9bc!important;
    font-size:7.5px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-feature-row{
    gap:4px!important;
    margin-top:9px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-feature-row span{
    padding:4px 5px!important;
    border-color:#29455f!important;
    background:#102741!important;
    color:#a9bfd3!important;
    font-size:6.5px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-directory-bottom{
    gap:6px!important;
    padding-top:10px!important;
    border-top-color:#25405a!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-directory-bottom small,
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-directory-bottom em{
    color:#829ab0!important;
    font-size:6.5px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-directory-bottom strong{
    color:#79bdff!important;
    font-size:9px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-availability-intro{
    margin:22px 0 9px!important;
    padding-top:18px!important;
    border-top-color:#1d3851!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-availability-empty{
    min-height:120px!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:10px!important;
    margin-top:9px!important;
    padding:13px!important;
    border-color:#29445e!important;
    border-radius:11px!important;
    background:#0d2239!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-availability-icon{
    width:40px!important;height:40px!important;
    border-radius:10px!important;
    background:#15395d!important;
    color:#79bdff!important;
    font-size:17px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-availability-empty b{
    color:#eef6fd!important;
    font-size:9px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-availability-empty p{
    color:#8fa5ba!important;
    font-size:7.5px!important;
  }
}
@media(max-width:390px){
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-directory-grid{
    grid-template-columns:1fr!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .platform-directory-card{
    min-height:166px!important;
  }
}


/* ============================================================
   Begoling Film v4.6.0 — Mobile Smart Discovery
   ============================================================ */
@media(max-width:760px){
  body.bf-commercial.bf-mobile-route:not(.watching) .discovery-page{
    width:100%!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .discovery-hero{
    min-height:150px!important;
    padding:17px!important;
    border-color:#29445e!important;
    border-radius:13px!important;
    background:
      radial-gradient(circle at 82% 16%,rgba(38,132,226,.20),transparent 28%),
      linear-gradient(145deg,#102741,#0b2036)!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .discovery-hero>span{
    color:#75a6d0!important;
    font-size:7px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .discovery-hero h1{
    margin:6px 0!important;
    color:#f4f8fc!important;
    font-size:24px!important;
    letter-spacing:-.035em!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .discovery-hero p{
    color:#98acbf!important;
    font-size:8.5px!important;
    line-height:1.5!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .discovery-status{
    gap:5px!important;
    margin-top:12px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .discovery-status>*{
    min-height:24px!important;
    padding:0 7px!important;
    border-color:#294b68!important;
    background:#153450!important;
    color:#aac0d4!important;
    font-size:6.5px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .discovery-status b{
    background:#17436b!important;
    color:#86c4ff!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .discovery-shelf{
    margin-top:22px!important;
    padding-top:18px!important;
    border-top-color:#1d3851!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .discovery-shelf-head{
    margin-bottom:10px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .discovery-shelf-head h2{
    color:#f2f7fc!important;
    font-size:17px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .discovery-shelf-head p{
    color:#859db2!important;
    font-size:7.5px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .discovery-row{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    padding-bottom:3px!important;
    scrollbar-width:none!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .discovery-row::-webkit-scrollbar{display:none!important}
  body.bf-commercial.bf-mobile-route:not(.watching) .discovery-row .tmdb-card{
    flex:0 0 42vw!important;
    max-width:175px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .discovery-enable-note{
    border-color:#29445e!important;
    background:#0d2239!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .discovery-enable-note b{
    color:#eaf4fd!important;
    font-size:8.5px!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .discovery-enable-note span{
    color:#8fa5b9!important;
    font-size:7.5px!important;
  }
  .tmdb-provider.watchmode-provider{
    width:calc(50% - 3px)!important;
  }
}


/* ============================================================
   Begoling Film v4.7.0 — Mobile SEO Home Header
   ============================================================ */
@media(max-width:760px){
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-seo-home{
    margin:0 0 10px!important;
    padding:11px 12px!important;
    border:1px solid #29445e!important;
    border-radius:12px!important;
    background:#0d2239!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-seo-home>span{
    margin-bottom:4px!important;
    color:#6f9fc9!important;
    font-size:6.5px!important;
    letter-spacing:.11em!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-seo-home h1{
    margin:0!important;
    color:#f1f7fc!important;
    font-size:17px!important;
    line-height:1.12!important;
    letter-spacing:-.025em!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-seo-home p{
    margin-top:5px!important;
    color:#8fa5ba!important;
    font-size:7.5px!important;
    line-height:1.45!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .mobile-seo-home nav{
    display:none!important;
  }
  body.bf-commercial.bf-mobile-home:not(.watching) .hero h2{
    margin:6px 0!important;
    color:#fff!important;
    font-size:clamp(19px,5.4vw,24px)!important;
    font-weight:700!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
  }
}


/* v4.7.0 — Mobile SEO route headers */
@media(max-width:760px){
  body.bf-commercial.bf-mobile-route:not(.watching) .route-seo-head{
    margin:0 0 13px!important;
    padding:1px 0 11px!important;
    border-bottom-color:#1d3851!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .route-seo-head>span{
    color:#6f9fc9!important;
    font-size:7px!important;
    letter-spacing:.11em!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .route-seo-head h1{
    color:#f2f7fc!important;
    font-size:21px!important;
    letter-spacing:-.03em!important;
  }
  body.bf-commercial.bf-mobile-route:not(.watching) .route-seo-head p{
    color:#8fa5ba!important;
    font-size:8px!important;
    line-height:1.48!important;
  }
}


/* ============================================================
   Begoling Film v4.8.0 — Mobile server-rendered SEO pages
   ============================================================ */
@media(max-width:760px){
  body.bf-commercial .seo-route-ssr{
    margin:14px 0 26px!important;
    padding:16px!important;
    border-color:#29445e!important;
    border-radius:13px!important;
    background:#0d2239!important;
    box-shadow:none!important;
  }
  body.bf-commercial .seo-route-ssr>span{
    color:#6f9fc9!important;
    font-size:7px!important;
  }
  body.bf-commercial .seo-route-ssr h1{
    margin:6px 0!important;
    color:#f2f7fc!important;
    font-size:22px!important;
    line-height:1.1!important;
  }
  body.bf-commercial .seo-route-ssr p{
    color:#93a8bb!important;
    font-size:8.5px!important;
  }
  body.bf-commercial .seo-route-ssr nav{
    gap:6px!important;
    margin-top:12px!important;
  }
  body.bf-commercial .seo-route-ssr nav a{
    min-height:30px!important;
    padding:0 9px!important;
    border-color:#29455f!important;
    background:#102741!important;
    color:#b0c5d8!important;
    font-size:7.5px!important;
  }
  body.bf-commercial .seo-movie-ssr{
    margin:8px 0 26px!important;
  }
  body.bf-commercial .seo-breadcrumb{
    gap:5px!important;
    margin-bottom:9px!important;
    font-size:7px!important;
  }
  body.bf-commercial .seo-breadcrumb a{color:#78a8d0!important}
  body.bf-commercial .seo-breadcrumb strong{color:#b9cad8!important}
  body.bf-commercial .seo-movie-hero{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    align-items:end!important;
    gap:12px!important;
    padding:90px 14px 16px!important;
    border-radius:14px!important;
  }
  body.bf-commercial .seo-movie-shade{
    background:
      linear-gradient(180deg,rgba(3,12,23,.10),rgba(3,12,23,.94) 73%),
      linear-gradient(90deg,rgba(3,12,23,.74),rgba(3,12,23,.18))!important;
  }
  body.bf-commercial .seo-movie-poster{
    width:92px!important;
    border-radius:9px!important;
  }
  body.bf-commercial .seo-movie-copy{
    min-width:0!important;
  }
  body.bf-commercial .seo-movie-copy>span{
    font-size:6.5px!important;
  }
  body.bf-commercial .seo-movie-copy h1{
    margin:5px 0 7px!important;
    font-size:23px!important;
    line-height:1.04!important;
  }
  body.bf-commercial .seo-movie-copy p{
    grid-column:1/-1!important;
    margin-top:9px!important;
    font-size:8px!important;
    line-height:1.5!important;
  }
  body.bf-commercial .seo-movie-tags{
    gap:4px!important;
  }
  body.bf-commercial .seo-movie-tags b{
    padding:4px 5px!important;
    font-size:6.5px!important;
  }
  body.bf-commercial .seo-movie-actions{
    gap:6px!important;
    margin-top:10px!important;
  }
  body.bf-commercial .seo-movie-actions a,
  body.bf-commercial .seo-movie-actions button{
    min-height:34px!important;
    padding:0 10px!important;
    border-radius:8px!important;
    font-size:7.5px!important;
  }
  body.bf-commercial .seo-movie-facts{
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-top:9px!important;
  }
  body.bf-commercial .seo-movie-facts>div{
    padding:10px!important;
    border-color:#29445e!important;
    border-radius:9px!important;
    background:#0d2239!important;
  }
  body.bf-commercial .seo-movie-facts small{
    color:#7893aa!important;
    font-size:6.5px!important;
  }
  body.bf-commercial .seo-movie-facts strong{
    color:#e7f1fa!important;
    font-size:8px!important;
  }
  body.bf-commercial .seo-movie-where{
    display:block!important;
    margin-top:18px!important;
    padding-top:16px!important;
    border-top-color:#1d3851!important;
  }
  body.bf-commercial .seo-movie-where>div:first-child>span{
    color:#6f9fc9!important;
    font-size:7px!important;
  }
  body.bf-commercial .seo-movie-where h2,
  body.bf-commercial .seo-related-links h2{
    color:#f2f7fc!important;
    font-size:17px!important;
  }
  body.bf-commercial .seo-movie-where p{
    color:#899fb3!important;
    font-size:7.5px!important;
  }
  body.bf-commercial .seo-movie-provider-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    margin-top:10px!important;
  }
  body.bf-commercial .seo-movie-provider-list>a,
  body.bf-commercial .seo-movie-provider-list>span{
    min-height:48px!important;
    padding:7px 8px!important;
    border-color:#29445e!important;
    border-radius:9px!important;
    background:#102741!important;
  }
  body.bf-commercial .seo-movie-provider-list b{
    color:#e8f2fb!important;
    font-size:7.5px!important;
  }
  body.bf-commercial .seo-movie-provider-list small{
    color:#8098ae!important;
    font-size:6.5px!important;
  }
  body.bf-commercial .seo-related-links{
    margin-top:18px!important;
    padding-top:16px!important;
    border-top-color:#1d3851!important;
  }
  body.bf-commercial .seo-related-links>div{
    gap:6px!important;
    margin-top:8px!important;
  }
  body.bf-commercial .seo-related-links a{
    min-height:30px!important;
    padding:0 9px!important;
    border-color:#29445e!important;
    background:#102741!important;
    color:#aec4d8!important;
    font-size:7px!important;
  }
  body.bf-commercial .seo-data-note{
    color:#718ba2!important;
    font-size:6.5px!important;
  }
}


/* v4.8.0 — Mobile SSR category content */
@media(max-width:760px){
  body.bf-commercial .seo-ssr-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:14px!important;
    padding-top:13px!important;
    border-top-color:#29445e!important;
  }
  body.bf-commercial .seo-ssr-card{
    border-color:#29445e!important;
    border-radius:9px!important;
    background:#102741!important;
  }
  body.bf-commercial .seo-ssr-card>div{padding:7px!important}
  body.bf-commercial .seo-ssr-card b{
    min-height:27px!important;
    color:#edf5fb!important;
    font-size:8px!important;
  }
  body.bf-commercial .seo-ssr-card small{
    color:#839ab0!important;
    font-size:6.5px!important;
  }
  body.bf-commercial .seo-platform-ssr{
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-top:14px!important;
    padding-top:13px!important;
    border-top-color:#29445e!important;
  }
  body.bf-commercial .seo-platform-ssr>a{
    min-height:90px!important;
    padding:10px!important;
    border-color:#29445e!important;
    border-radius:9px!important;
    background:#102741!important;
  }
  body.bf-commercial .seo-platform-ssr strong{color:#eef6fd!important;font-size:9px!important}
  body.bf-commercial .seo-platform-ssr span{color:#8fa5ba!important;font-size:7px!important}
  body.bf-commercial .seo-platform-ssr small{color:#78bfff!important;font-size:7.5px!important}
}
