/* Phone and tablet refinements; desktop layout stays intact. */
@media(max-width:800px){
  .cinema-hero{grid-template-columns:minmax(0,1fr)}
  .cinema-hero-content{min-width:0;max-width:100%}
  .header nav{max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain}
  .header nav a{min-height:48px;display:flex;align-items:center}
  .header nav>a:not(.nav-contact):after{bottom:5px}
  .header nav .nav-contact{padding-inline:14px;margin-top:8px}
  .menu-toggle{min-height:44px;min-width:88px;justify-content:space-between;font-size:12px}
  .cinema-shop{grid-template-columns:minmax(0,1fr)}
  .cinema-shop>div{min-width:0}
  .cinema-shop h2{font-size:clamp(42px,11vw,70px);letter-spacing:-.055em}
  .merch-carousel{max-width:min(100%,440px)}
  .merch-card-info{min-width:0}
  #musica h2{font-size:clamp(34px,9.5vw,60px);letter-spacing:-.04em}
  .tour-layout h2{font-size:clamp(36px,10vw,60px);letter-spacing:-.04em}
  .tour-layout>div,.band-layout>div{min-width:0}
  .instagram-embed{min-width:0;max-width:100%;overflow:hidden}
  .instagram-embed .instagram-media{min-width:0!important;max-width:100%!important;width:100%!important}
  .instagram-fallback{font-size:12px;line-height:1.6}
  .instagram-fallback a{display:inline-block;padding-block:10px;min-height:44px}
  .member-instagram{min-height:44px;display:inline-flex;align-items:center;font-size:12px}
  .members h3{font-size:14px;line-height:1.4}
  .member-card>span{font-size:10px;letter-spacing:1px}
  .contacts .contact-line{min-height:44px;display:flex;align-items:center;padding-block:10px;font-size:13px;line-height:1.5}
  .footer>div{flex-wrap:wrap;gap:8px 20px}
  .footer>div a{min-height:44px;display:inline-flex;align-items:center;font-size:12px}
  .contact-heading{gap:12px}
  .contact-heading h2{font-size:clamp(36px,11vw,60px);letter-spacing:-.04em;min-width:0}
  .contact-heading>span{font-size:36px;padding:0;flex-shrink:0}
  .text-link{min-height:44px;align-items:center}
  .close-dialog{position:sticky;top:0;right:auto;float:none;display:block;z-index:2;width:44px;height:44px;margin:0 -8px 12px auto;border-radius:50%;background:#24291a}
  dialog{padding-top:20px;max-height:calc(100dvh - 32px);overscroll-behavior:contain}
}
@media(max-width:480px){
  #album-detail{grid-template-columns:minmax(0,1fr)}
  #album-detail>div{min-width:0}
  #album-detail h2{font-size:clamp(28px,8vw,36px);letter-spacing:-1px;overflow-wrap:anywhere}
  .cinema-cover{max-width:calc(100% - 24px)}
  .video-meta{flex-direction:column;align-items:flex-start;gap:5px}
  .video-meta strong{line-height:1.4}
  .video-meta>span{font-size:11px}
}