/* =========================================================
   ZP CINEMA — NAV MENU BREAKPOINT
   The full link row needs ~1080px; below that, use the menu
   button so links never overlap the wordmark.
   ========================================================= */
@media(max-width:1080px){
  .menu-toggle{display:flex;flex-direction:column;gap:6px;padding:10px}
  .menu-toggle span{width:24px;height:1px;background:#fff;display:block}
  .nav-links{
    display:none;position:absolute;top:72px;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:0;
    padding:16px 22px 22px;border-radius:24px;
    border:1px solid var(--glass-line,rgba(255,255,255,.11));
    background:rgba(10,11,9,.96);
    -webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);
    box-shadow:0 24px 60px -30px #000;
  }
  .nav-links.open{display:flex}
  .nav-links a{padding:15px 4px;border-bottom:1px solid #ffffff12;border-radius:0}
  .nav-links .nav-cta{margin-top:14px;padding:15px;border-bottom:0;border-radius:999px;display:flex;justify-content:center}
}
@media(max-width:850px){
  .nav-links{top:66px}
}