/* Four balanced touch targets; separate from the Cine[Files] social navigation. */
html body .app-bottom-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(8px,2.4vw,20px)!important;justify-content:stretch!important;align-items:stretch!important;padding:12px max(12px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))!important;box-sizing:border-box!important;width:100%!important;max-width:100vw!important}
html body .app-bottom-nav>button{min-width:0!important;width:100%!important;min-height:48px!important;box-sizing:border-box;display:grid!important;grid-template-rows:24px auto;justify-items:center!important;align-content:center!important;gap:6px!important;padding:0!important;margin:0!important}
html body .app-bottom-nav>button[data-nav="Home"]{order:1}
html body .app-bottom-nav>button[data-nav="Browse"]{order:2}
html body .app-bottom-nav>button[data-nav="My List"]{order:3}
html body .app-bottom-nav>button[data-nav="Film Club"]{order:4;display:flex!important;align-items:center!important;justify-content:center!important}
html body .app-bottom-nav>button[data-nav="Film Club"]>.cine-bottom-logo{width:100%!important;max-width:104px!important;height:40px!important;object-fit:contain!important;object-position:center!important;align-self:center!important;transform:none!important;margin:0!important}
html body .app-bottom-nav>button[data-nav="Film Club"]>span:last-child{display:none!important}
/* The desktop layout keeps its existing sidebar navigation. */
@media(min-width:651px){html body .app-bottom-nav{display:none!important}}

html body.cine-social-active .app-bottom-nav{display:none!important}