/* ── RESPONSIVE ── */
  @media (max-width: 980px) {
    .hero-grid { grid-template-columns: 1fr; }
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
    .video-grid { grid-template-columns: repeat(2, 1fr); }
    .photo-upload-grid { grid-template-columns: repeat(4, 1fr); }
  }
  @media (max-width: 720px) {
    .sidebar { transform: translateX(-100%); }
    .sidebar.open { transform: translateX(0); box-shadow: 4px 0 32px rgba(0,0,0,0.6); }
    .main { margin-left: 0; }
    .page-content { padding: 18px; }
    .topbar { padding: 0 18px; }
    .mobile-menu-btn { display: block; }
    .stats-grid { grid-template-columns: 1fr 1fr; }
    .video-grid { grid-template-columns: 1fr 1fr; }
    .photo-upload-grid { grid-template-columns: repeat(3, 1fr); }
    .hours-row { grid-template-columns: 80px 1fr 1fr 60px; }
    .auth-card { padding: 28px 22px; }
    .menu-item { grid-template-columns: 24px 1fr 90px 36px; }
    .menu-item-tags { grid-column: 2 / -2; }
    .invoice-row { grid-template-columns: 90px 1fr 70px 50px; font-size: 12px; }
    .invoice-row > :nth-child(4) { display: none; }
    .notification { right: 16px; left: 16px; max-width: none; top: 16px; }
  }