/* GXXXN.LIVE Mobile Layout Fix */

@media (max-width: 767px) {

  .hero {
    min-height: 0 !important;
    padding: 8px 0 !important;
    margin: 0 !important;
  }

  .hero-copy-wrap {
    padding: 6px 0 !important;
  }

  .hero h1,
  #sceneTitle {
    font-size: clamp(22px, 6vw, 32px) !important;
    line-height: 1.1 !important;
  }

  .hero-copy,
  .hero-proof,
  .hero-actions,
  .status-card {
    display: none !important;
  }

  .page-nav {
    max-width: 100% !important;
    gap: 16px !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
  }

  .feed-head {
    padding: 8px 0 !important;
    margin: 0 !important;
  }

  .controls {
    position: static !important;
    padding: 6px 0 !important;
    margin-bottom: 8px !important;
  }

  #contentFilter,
  #sortChips {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 6px !important;
    max-width: 100%;
  }

  #contentFilter > *,
  #sortChips > * {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  #videoGrid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }
}

@media (max-width: 360px) {
  #videoGrid {
    grid-template-columns: 1fr !important;
  }
}