/* Mobile Responsive Overrides */
@media (max-width: 992px) {
    /* Profiles */
    .profile-grid-container { display: flex; flex-direction: column; padding: 15px; }
    .profile-sidebar-left, .profile-main-content, .profile-sidebar-right { width: 100%; max-width: 100%; margin: 0; }
    .profile-header-cover { margin: 0 0 20px 0; border-radius: 0; }
    .header-content { text-align: center; margin-top: -60px; }
    .avatar-wrapper { margin: 0 auto; }
    .user-info-header { flex-direction: column; align-items: center; gap: 20px; }
    .header-actions { justify-content: center; width: 100%; }
    .stats-row { justify-content: center; }
}

@media (max-width: 768px) {
    .header, .navbar { padding: 8px 12px; height: 60px; }
    .nav-logo-img { height: 32px; width: auto; }
    .nav-explore-btn { padding: 6px 12px; font-size: 0.6rem; letter-spacing: 1px; }
    .nav-explore-btn span { display: none; } /* Hide text "SEARCH" on small mobile to save space */
    .nav-explore-btn i { font-size: 1rem; margin: 0; }
    
    /* Search & Layouts */
    .search-results-grid { grid-template-columns: 1fr; }
    .auth-container { width: 95%; padding: 30px 20px; }
    
    /* Buttons */
    .btn { width: 100%; justify-content: center; }
}

@media (max-width: 480px) {
    .hero-title { font-size: 2.5rem; }
    .section-title { font-size: 1.8rem; }
    .card { border-radius: 12px; padding: 15px; }
    .navbar { padding: 6px 10px; }
}