.mobile-demo-header { display: none; }

/* Keep this breakpoint aligned with scripts/demo-viewport.js. */
@media (max-width: 700px), (max-width: 1000px) and (max-height: 500px) {
  .back-to-products { min-height: 44px; }
  .product-detail-bar { flex-wrap: wrap; }
  .product-view-tabs { display: flex; width: 100%; gap: 5px; margin-top: 4px; padding: 4px; background: var(--sage); border-radius: 5px; }
  .product-view-tabs button { display: flex; flex: 1; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 5px 10px; border: 0; border-radius: 3px; background: transparent; font-size: 12px; }
  .product-view-tabs button[aria-pressed="true"] { background: var(--white); box-shadow: 0 1px 3px #37412812; }
  .product-detail .case-study { display: block; overflow-y: auto; }
  .product-detail .demo-stage { display: none; }

  .paged-site.is-demo-active { grid-template-rows: minmax(0,1fr); }
  .paged-site.is-demo-active > .site-header,
  .paged-site.is-demo-active > .page-footer { display: none; }
  .is-demo-active .products-view { overflow: hidden; }
  .product-detail.is-demo-view { padding: 0; }
  .product-detail.is-demo-view > .product-detail-bar { display: none; }
  .product-detail.is-demo-view > .mobile-demo-header { display: flex; flex-shrink: 0; min-height: 56px; align-items: center; justify-content: space-between; gap: 12px; padding: 4px 12px; border-bottom: 1px solid var(--line); background: var(--paper); }
  .mobile-demo-back { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 8px; border: 0; background: none; font-size: 12px; }
  .mobile-demo-back svg { width: 17px; height: 17px; }
  .mobile-demo-header > span { display: grid; gap: 1px; text-align: right; line-height: 1.4; }
  .mobile-demo-header strong { font-size: 12px; font-weight: 600; }
  .mobile-demo-header small { color: var(--muted); font-size: 10px; }
  .product-detail.is-demo-view .case-study { display: flex; flex-direction: column; overflow: hidden; border: 0; border-radius: 0; }
  .product-detail.is-demo-view .case-story { display: none; }
  .product-detail.is-demo-view .demo-stage { display: flex; flex: 1; min-height: 0; height: 100%; padding: 0; gap: 0; }
  .product-detail.is-demo-view .demo-stage-heading { display: none; }
  .product-detail.is-demo-view .demo-device { flex: 1; width: 100%; max-width: none; height: auto; min-height: 0; aspect-ratio: auto; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .product-detail.is-demo-view .demo-device > .phone-status,
  .product-detail.is-demo-view .device-bottom { display: none; }
  /* Wider iframe viewports would activate the demos' own desktop frames. */
  .product-detail.is-demo-view .demo-viewport { width: min(100%,500px); height: 100%; align-self: center; aspect-ratio: auto; }
  .product-detail.is-demo-view .demo-toolbar { flex-shrink: 0; width: 100%; min-height: 44px; padding-inline: 12px; border-top: 1px solid var(--line); }
  .product-detail.is-demo-view .demo-toolbar > button,
  .product-detail.is-demo-view .demo-toolbar > a { min-height: 44px; font-size: 11px; }
  .product-detail.is-demo-view .demo-live-status { position: static; width: 100%; max-width: none; height: auto; min-height: 24px; margin: 0; padding: 2px 12px 8px; overflow: visible; clip-path: none; white-space: normal; font-size: 11px; }
}