/* ── Mobile Performance Fixes ─────────────────────────────────── */
@media (max-width: 768px) {
  /* Reduce expensive backdrop-filter usage on mobile */
  .navbar, .navbar__mobile-menu, .bento-card, .glass-panel, .ch-stats, .loader, .scroll-progress {
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
  }
  
  /* Disable expensive box-shadows on complex scrolling elements if any */
  .service-card, .project-card, .bento-card {
    box-shadow: none !important;
    border: 1px solid rgba(255, 255, 255, 0.05);
  }
}