/* Keep demo content below the product's fixed 60px phone header.
   Loaded after the generated product CSS and retained across demo rebuilds. */
@media (max-width: 768px) {
  .content-area {
    padding-top: 80px !important;
  }

  .page-header {
    flex-wrap: wrap;
    gap: 1rem;
  }

  .page-header > .header-content {
    flex-basis: 100%;
    min-width: 0;
  }
}