/* Mobile styles */
@media (max-width: 640px) {
  body { background-attachment: scroll; }
  .c-container { padding: 16px 12px 0; }
  .cyber-nav { display: none !important; }
  .cyber-mob-toggle { display: block !important; }
  .cyber-mob-nav.open { display: flex !important; }
  .cyber-header-inner { height: auto !important; min-height: 56px !important; padding: 6px 0 !important; gap: 6px !important; }
  .cyber-logo { position: static !important; transform: none !important; }
  .wow-logo-img { height: 36px !important; }
  .cyber-logo-text { display: inline-block !important; font-size: 16px !important; }
  .cyber-header-right .cyber-status { display: none !important; }
  .cyber-header-right .cyber-user a { padding: 5px 10px; font-size: 10px; }
  .cyber-mob-toggle { font-size: 20px; padding: 4px 10px; }
  .row { flex-direction: column; gap: 12px; }
  .cyber-table { font-size: 10px; }
  .cyber-input, select.cyber-input { font-size: 16px !important; }
  .page-hd h1 { font-size: 16px; }
  .cyber-card, .front-banner { padding: 14px; }
  .user-grid { grid-template-columns: 1fr !important; }
  .cyber-admin-bar { font-size: 10px; padding: 4px 12px; gap: 8px; flex-wrap: wrap; }
}


/* Video background on mobile */
.cyber-bg-video {
  z-index: -2 !important;
  pointer-events: none !important;
}