@media (max-width: 1280px) {
  .tool-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hero { grid-template-columns: 1fr; }
}

@media (max-width: 980px) {
  .topbar { flex-direction: column; align-items: stretch; }
  .topbar-actions { justify-content: space-between; }
  .searchbar { min-width: 0; width: 100%; }
  .main-layout { grid-template-columns: 1fr; }
  .sidebar { position: static; }
  .tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .topbar { padding: 16px; }
  .main-layout { padding: 14px; }
  .tool-grid { grid-template-columns: 1fr; }
  .hero { padding: 20px; }
  .hero h1 { font-size: 34px; }
  .hero-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .stat-card { min-width: 0; padding: 14px; }
  .quick-cat { min-height: 52px; }
  .section-panel { padding: 18px; }
}

@media (max-width: 960px){
  .toolbar-row{align-items:stretch}
  .sort-wrap{width:100%;justify-content:flex-end}
  .sort-select{width:100%}
}