@media (max-width: 800px) {
  html, body.builder-page { width: 100%; max-width: 100%; overflow-x: hidden; }
  .studio-header, .studio-shell, .studio-intro, .studio-layout, .catalog-area, .catalog-toolbar, .catalog-heading, .compatibility-banner, .product-grid { width: 100%; max-width: 100%; min-width: 0; }
  .studio-shell { overflow-x: hidden; }
  .catalog-heading { align-items: flex-start; flex-direction: column; gap: 16px; }
  .catalog-heading-actions, .next-category { width: 100%; }
  .next-category { display: flex; justify-content: space-between; align-items: center; }
  .category-panel { width: 100%; max-width: 100%; overflow-x: auto; }
  .category-panel nav { flex: 0 0 auto; }
  .filter-chips { max-width: 100%; overflow-x: auto; }
  .quick-filters { width: 100%; max-width: 100%; flex-wrap: wrap; overflow: hidden; padding: 10px 12px; }
  .product-card { width: 100%; max-width: 100%; min-width: 0; }
}