@media (max-width: 900px) {
  .main-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .app-shell {
    padding: var(--space-md);
  }

  .hero__content,
  .panel {
    padding: var(--space-md);
  }

  .category-group__list {
    grid-template-columns: 1fr;
  }
}