@media (max-width:900px) {
  .container { grid-template-columns:1fr; padding:8px; }
  .sidebar { position:fixed; left:0; top:0; bottom:0; width:280px; z-index:2000; transform:translateX(-100%); transition:transform 0.3s; overflow-y:auto; max-height:100vh; }
  .sidebar.mobile-open { transform:translateX(0); }
  .mobile-menu-btn { display:flex !important; }
  .mobile-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.7); z-index:1500; }
  .mobile-overlay.active { display:block; }
  .chats-layout { grid-template-columns:1fr; height:auto; }
  .chats-sidebar { max-height:300px; }
  .chat-window { min-height:400px; }
  .listing-grid { grid-template-columns:1fr; }
  .admin-stats { grid-template-columns:repeat(2,1fr); }
  .main { max-height: calc(100vh - 70px); }
  .gallery-modal-nav { padding: 12px 16px; width: 45px; height: 45px; font-size: 20px; }
  .gallery-modal-close { width: 50px; height: 50px; font-size: 26px; top: 15px; right: 15px; }
  .gallery-hint { display: none; }
  .gallery-close-hint { display: block; }
  .card, .sidebar, .toolbar, .modal, .chat-window, .chats-sidebar { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  .card { box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important; }
}

@media (max-width:600px) {
  .header-inner { gap:8px; }
  .logo { font-size:16px; }
  .logo-icon { font-size:20px; }
  .toolbar-right { margin-left:0; width:100%; }
  .toolbar-right .btn { flex:1; justify-content:center; }
  .profile-card { flex-direction:column; text-align:center; }
  .profile-stats { justify-content:center; }
  .listings { grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); }
  .listing-actions .btn { min-width:100px; padding:10px; font-size:12px; }
  .user-item { flex-direction:column; align-items:flex-start; }
  .user-item-actions { width:100%; }
  .user-item-actions .btn { flex:1; }
  .admin-stats { grid-template-columns:1fr; }
  .toast-container { left:10px; right:10px; max-width:none; }
  .modal { max-height: 95vh; }
  .modal-body { padding: 16px; }
  .gallery-modal-close { width: 50px; height: 50px; font-size: 24px; top: 10px; right: 10px; }
  .gallery-modal-nav { width: 45px; height: 45px; padding: 10px 14px; }
  .gallery-modal-counter { bottom: 20px; padding: 8px 20px; font-size: 14px; }
  .gallery-close-hint { bottom: 70px; font-size: 11px; }
}

@media (hover:none) and (pointer:coarse) {
  .btn:active { transform:scale(0.95); }
  .card:active { transform:scale(0.98); }
  .nav-item:active { transform:scale(0.97); }
  .card:hover, .btn:hover, .nav-item:hover { transform:none !important; }
  .blob { animation:none !important; }
}