@media (max-width: 700px) {
  .weather-button { display: none; }

  .windows-taskbar {
    grid-template-columns: 1fr auto 1fr;
    padding: 0 4px;
  }

  .taskbar-center { gap: 1px; }
  .taskbar-button { width: 36px; }
  .taskbar-right { gap: 0; }
  .tray-button { padding: 0 5px; gap: 5px; }
  .clock-button { padding: 4px 5px; }

  .pinned-grid { grid-template-columns: repeat(3, 1fr); }

  .settings-content { grid-template-columns: 1fr; }
  .settings-sidebar {
    display: flex;
    overflow-x: auto;
    gap: 5px;
    padding: 7px;
    border-right: 0;
    border-bottom: 1px solid var(--panel-border);
  }

  .settings-profile { display: none; }
  .settings-nav {
    flex: 0 0 auto;
    width: auto;
    margin: 0;
    font-size: 11px;
  }

  .settings-main { padding: 18px; }
  .system-window { height: min(650px, calc(100vh - 70px)); }

  .mac-menu-left { gap: 8px; }
  .mac-menu-left > button:not(.apple-button) { display: none; }
  .mac-menu-right { gap: 7px; }

  .mac-dock { gap: 5px; padding: 7px; }
  .dock-icon { width: 40px; height: 40px; }
  .dock-icon i { font-size: 24px; }

  .chrome-shelf { justify-content: center; }
  .shelf-apps { gap: 3px; }
  .shelf-apps button { width: 36px; }
  .shelf-status button { gap: 5px; padding: 0 8px; }
}

@media (max-width: 420px) {
  .desktop-shortcuts, .mac-shortcuts, .chrome-shortcuts { left: 7px; }
  .desktop-icon { width: 70px; }
  .desktop-icon i { font-size: 29px; }

  .taskbar-button { width: 32px; }
  .taskbar-button:nth-child(3) { display: none; }

  .tray-button i:last-child { display: none; }

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

  .quick-settings, .notification-panel {
    width: calc(100vw - 20px) !important;
    right: 10px !important;
  }
}