@media (max-width: 992px) {
    .hero-content h1 { font-size: 2.2rem; }
    .hero-stats { grid-template-columns: repeat(2, 1fr); }
    .checkout-grid { grid-template-columns: 1fr; }
    .sidebar { display: none; /* In real app, toggle with JS */ }
    .dashboard-layout { flex-direction: column; }
    .chat-layout { flex-direction: column; height: auto; }
    .conversations-sidebar { width: 100%; height: 300px; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .admin-stats { grid-template-columns: 1fr 1fr; }
    .admin-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .nav-links, .nav-actions .search-box { display: none; }
    .mobile-menu-btn { display: block; background: none; border: none; font-size: 1.5rem; cursor: pointer; }
    .hero { padding: 30px 0; }
    .hero-content h1 { font-size: 1.8rem; }
    .steps { flex-direction: column; }
    .step { margin-bottom: 30px; }
    .form-row { grid-template-columns: 1fr; }
    .profile-header { flex-direction: column; text-align: center; }
    .profile-avatar { margin: 0 auto; }
    .wallet-card { flex-direction: column; text-align: center; gap: 20px; }
    .wallet-actions { width: 100%; }
    .wallet-actions .btn { flex: 1; }
    .footer-grid { grid-template-columns: 1fr; text-align: center; }
    .social-links { justify-content: center; }
    .admin-stats { grid-template-columns: 1fr; }
    
    /* Mobile Order Cards (Alternative to Table) */
    .orders-table-container { display: none; }
    .orders-cards { display: flex; flex-direction: column; gap: 15px; }
    .order-card-mobile { background: white; padding: 15px; border-radius: var(--radius); border: 1px solid var(--border); }
}

@media (min-width: 769px) {
    .mobile-menu-btn { display: none; }
    .orders-cards { display: none; }
}