/* Showcase rooms, stacked (Doors · Closets · Flooring, Bobby 2026-10-27): one demo per row, top to bottom,
   full width, each embed as tall as its demo needs (stack.js sizes the iframes). Replaces the carousel. */
body[data-category="doors"] .demo-grid[data-sort-root],
body[data-category="closets"] .demo-grid[data-sort-root],
body[data-category="flooring"] .demo-grid[data-sort-root] {
  display: flex; flex-direction: column; gap: 26px; grid-template-columns: none;
}
body[data-category="doors"] .demo-grid[data-sort-root] > .item,
body[data-category="closets"] .demo-grid[data-sort-root] > .item,
body[data-category="flooring"] .demo-grid[data-sort-root] > .item {
  width: 100%; grid-column: auto;
}
body[data-category="doors"] .item .stage.tall,
body[data-category="closets"] .item .stage.tall,
body[data-category="flooring"] .item .stage.tall { min-height: 0; }
body[data-category="doors"] .item .stage.fl-embed,
body[data-category="closets"] .item .stage.fl-embed,
body[data-category="flooring"] .item .stage.fl-embed { padding: 0; display: block; }
body[data-category="doors"] .fl-embed iframe,
body[data-category="closets"] .fl-embed iframe,
body[data-category="flooring"] .fl-embed iframe { transition: height .25s ease; }
@media (prefers-reduced-motion: reduce) {
  .fl-embed iframe { transition: none; }
}