@media (max-width: 1280px) {
    .hero-grid,
    .two-column-grid { grid-template-columns: 1fr; }
    .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    :root { --sidebar-width: 292px; }
    .panel-sidebar {
        transform: translateX(calc(-100% - 22px));
        transition: .28s ease;
        z-index: 50;
    }
    .panel-sidebar.open { transform: translateX(0); }
    .panel-main { margin-left: 18px; width: calc(100% - 18px); }
    .panel-topbar { margin-right: 18px; }
    .mobile-menu-btn { display: grid; place-items: center; }
    .search-pill { display: none; }
    .topbar-title-block span { display: none; }
    .hero-card { padding: 26px; }
    .cta-strip { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 640px) {
    .panel-main { margin-left: 12px; width: calc(100% - 12px); }
    .panel-topbar { margin: 12px 12px 0 0; padding: 0 14px; height: 76px; }
    .panel-content { padding: 16px 12px 32px 0; }
    .topbar-actions .notification-dot { display: none; }
    .user-chip { padding-right: 8px; }
    .user-chip div:last-child { display: none; }
    .hero-grid,
    .stats-grid,
    .two-column-grid,
    .product-grid { grid-template-columns: 1fr; }
    .hero-card h1 { font-size: 34px; }
    .hero-actions .btn { width: 100%; }
    .section-header,
    .section-heading { flex-direction: column; align-items: flex-start; }
    .action-list a { grid-template-columns: 42px 1fr; }
    .action-list a em { grid-column: 2; }
}