/* Mobile containment for standalone style demos.
   Keep theme-specific desktop grids expressive, but collapse them explicitly on phones. */
@media (max-width: 760px) {
  .theme-product .demo-grid,
  .theme-clean .demo-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .theme-product .demo-card,
  .theme-clean .demo-card,
  .theme-product .demo-card:last-child,
  .theme-clean .demo-card:last-child {
    grid-column: auto;
    min-width: 0;
  }
}