/* Shared mobile layout fixes for SYZ Machine landing pages. */

@media (max-width: 992px) {
  .syz-landing-page .hero {
    overflow: hidden !important;
  }

  .syz-landing-page .grid-2,
  .syz-landing-page .hero-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: clamp(30px, 7vw, 46px) !important;
  }

  .syz-landing-page .hero-content,
  .syz-landing-page .hero-sub {
    max-width: 100% !important;
  }

  .syz-landing-page .hero h1 {
    font-size: clamp(2.1rem, 9vw, 3rem) !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere;
  }

  .syz-landing-page .hero-hooks {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .syz-landing-page .hero-ctas {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
  }

  .syz-landing-page .hero-ctas .btn {
    width: 100% !important;
    max-width: 360px !important;
    white-space: normal !important;
  }

  .syz-landing-page .hero-visual,
  .syz-landing-page .visual-frame {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .syz-landing-page .visual-frame {
    padding: 12px !important;
  }

  .syz-landing-page .visual-frame::before {
    display: none !important;
  }

  .syz-landing-page .visual-frame img {
    width: 100% !important;
    height: auto !important;
    max-height: 360px !important;
    aspect-ratio: 4 / 3;
    object-fit: cover !important;
  }

  .syz-landing-page .visual-frame iframe {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9;
  }

  .syz-landing-page .visual-badge {
    position: static !important;
    inset: auto !important;
    margin-top: 12px !important;
    font-size: .78rem !important;
  }

  .syz-landing-page .stats-strip {
    overflow: hidden !important;
  }

  .syz-landing-page .stats-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .syz-landing-page .stats-row > div {
    min-width: 0 !important;
    padding: 24px 14px !important;
    border-right: 1px solid rgba(255,255,255,.12) !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
  }

  .syz-landing-page .stats-row > div:nth-child(2n) {
    border-right: none !important;
  }

  .syz-landing-page .stats-row > div:nth-last-child(-n+2) {
    border-bottom: none !important;
  }

  .syz-landing-page .stat-num {
    font-size: clamp(1.55rem, 7vw, 2rem) !important;
  }

  .syz-landing-page .stat-lbl {
    font-size: .72rem !important;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 560px) {
  .syz-landing-page .hero {
    padding-top: 54px !important;
    padding-bottom: 62px !important;
  }

  .syz-landing-page .stats-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .syz-landing-page .stats-row > div {
    border-right: none !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
  }

  .syz-landing-page .stats-row > div:last-child {
    border-bottom: none !important;
  }
}