/* R18: content controls only. R17 room, light, fog and floor geometry stay in
   scene-motion.css; this layer does not override any world or camera selector. */
.site-header .desktop-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
.site-header .language button {
  min-width: 44px;
  min-height: 44px;
  padding: 8px 4px;
}
.text-link, .service-link, footer .motion-toggle {
  min-height: 44px;
}
.film-close.icon-button {
  width: 44px;
  height: 44px;
}
#sports-massage { scroll-margin-top: 20px; }

@media (min-width: 820px) and (max-width: 1100px) {
  .site-header { column-gap: 16px; }
  .site-header .desktop-nav { gap: 16px; font-size: 11px; }
  .site-header .header-actions { gap: 10px; }
  .site-header .language { gap: 0; }
}

@media (max-width: 819px) {
  .site-header { gap: 8px; }
  .site-header .header-actions { gap: 6px; flex-shrink: 0; }
  .site-header .language { gap: 0; }
  .site-header .language > span { display: none; }
  .site-header .menu-toggle { width: 44px; height: 44px; }
  .mobile-nav a, .mobile-nav button { min-height: 44px; }
}

@media (max-width: 350px) {
  .site-header { width: calc(100% - 36px); }
  .site-header .brand { gap: 8px; }
  .site-header .brand-type { letter-spacing: .12em; }
}