@media (max-width: 1180px) {
  .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grid-2 { grid-template-columns: 1fr; }
  .profile-grid { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .app { grid-template-columns: 1fr; }
  .sidebar { position: fixed; left: -285px; width: 264px; transition: left .22s ease; box-shadow: var(--shadow-md); }
  .sidebar.open { left: 0; }
  .mobile-overlay { position: fixed; inset: 0; z-index: 35; background: rgba(16, 35, 63, .35); }
  .mobile-overlay.show { display: block; }
  .mobile-menu { display: inline-flex; }
  .topbar { padding: 0 18px; }
  .content { padding: 22px 18px 38px; }
  .page-head { flex-direction: column; }
  .filters { width: 100%; }
  .search-wrap { min-width: 0; flex: 1 1 100%; }
  .hero-product { grid-template-columns: auto 1fr; }
  .hero-actions { grid-column: 1 / -1; justify-content: flex-start; }
  .grid-equal { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .content { padding-left: 14px; padding-right: 14px; }
  .page-head h1 { font-size: 24px; }
  .desktop-only { display: none; }
  .kpis { grid-template-columns: 1fr 1fr; gap: 8px; }
  .kpi { min-height: 106px; padding: 13px; }
  .kpi-value { font-size: 22px; }
  .kpi-icon { display: none; }
  .product-grid, .quick-grid, .detail-list { grid-template-columns: 1fr; }
  .hero-product { grid-template-columns: 1fr; padding: 18px; }
  .hero-logo { width: 54px; height: 54px; border-radius: 15px; }
  .toolbar { align-items: stretch; }
  .filters { display: grid; grid-template-columns: 1fr; }
  .search-wrap, .select-wrap { width: 100%; }
  .notice { align-items: flex-start; }
  .notice > .status { display: none; }
  .timeline-item { grid-template-columns: 12px 1fr; }
  .timeline-item time { grid-column: 2; }
  .session { flex-direction: column; }
}