/* ═══════════════════════════════════════
   RESPONSIVE DESIGN
   ═══════════════════════════════════════ */
@media (max-width: 768px) {
  .photo-grid {
  grid-template-columns:1fr 1fr !important;gap:3px}
  .profile-info {
    flex-direction: column;
    align-items: center!important;
    text-align: center;
    margin-top: -90px !important;
    gap: var(--space-md)!important;
    padding: 0 var(--space-lg) var(--space-xl)!important;
  }
  .avatar { width: 110px; height: 110px; }
  .profile-meta-line { justify-content: center; }
  .profile-stats { justify-content: center; }
  .social-links { justify-content: center; }
  .profile-actions { justify-content: center; }
  .profile-name-row { justify-content: center; }

  .cover { height: 200px; }

  .container { padding: var(--space-md) var(--space-sm) 40px; }
  .profile-tabs { padding: 0 var(--space-sm); }
  .tab-btn { padding: 12px 14px; font-size: .85rem; }

  .composer-header { padding: var(--space-md); }
  .composer-options { padding: var(--space-sm) var(--space-sm) var(--space-md); }
  .image-preview { padding: 0 var(--space-md) var(--space-sm); }

  .post-header { padding: var(--space-md) var(--space-md) var(--space-sm); }
  .post-body { padding: 4px var(--space-md) var(--space-md); }
  .post-stats-bar { padding: 8px var(--space-md); }
  .post-actions { padding: 2px var(--space-sm); }

  .photo-grid { grid-template-columns: repeat(2, 1fr); }

}

@media (max-width: 480px) {
.btn-visitor-login span{display:none!important}
  .cover { height: 160px; }
  .avatar { width: 200px!important; height: 200px!important; border-width: 3px!important; }
  .profile-name-row h1 { font-size: 1.3rem; }
  .profile-stats { gap: var(--space-md); }
  .stat-item strong { font-size: 1rem; }

  .nav-inner { padding: 0 var(--space-md); }
  .nav-brand { font-size: 1rem; }
  .nav-brand i { font-size: 1.2rem; }

  .photo-grid { grid-template-columns: 1fr!important; gap: 0px!important; }

  .post-action { padding: 8px 8px; font-size: .8rem; gap: 4px; }
  .post-action .post-action-label { font-size: .75rem; }

}

@media (max-width: 600px) {

  .dash-layout { flex-direction: column; }
  .dash-sidebar { width: 100%; flex-direction: row; flex-wrap: wrap; border-radius: var(--r-lg) var(--r-lg) 0 0; border-right: 1px solid var(--border-light); border-bottom: none; }
  .dash-content { border-radius: 0 0 var(--r-lg) var(--r-lg); }
  .video-page-container { padding: 0!important; margin: 0!important; }
  .video-page-main { padding: 0; margin: 0; }
  .video-page-player { border-radius: 0; }
  .video-page-title, .video-page-channel-row, .yt-comments { padding: 10px; }

}