/* Final mobile rhythm layer. Loaded after each page stylesheet. */
@media(max-width:700px) {
  html {
    scroll-padding-top: 88px
  }

  body {
    overflow-x: hidden
  }

  .home-wrap,
  .product-wrap,
  .case-wrap,
  .solution-wrap,
  .about-wrap,
  .golf-wrap {
    width: min(100% - 32px, var(--container)) !important
  }

  .hero-grid,
  .product-hero-grid,
  .case-hero-grid,
  .solution-hero-grid,
  .about-hero-grid,
  .golf-hero-grid {
    min-height: auto !important;
    padding-top: 42px !important;
    padding-bottom: 52px !important
  }

  .home-page h1,
  .product-page h1,
  .case-page h1,
  .solution-page h1,
  .about-page h1,
  .golf-page h1 {
    font-size: clamp(36px, 11vw, 43px) !important;
    line-height: 1.1 !important;
    letter-spacing: -.038em !important
  }

  .home-section,
  .scene-quick,
  .device-section,
  .case-intro,
  .case-gallery,
  .case-next,
  .path-finder,
  .user-scenarios,
  .integration-steps,
  .solution-gallery,
  .about-help,
  .about-proof,
  .about-strength,
  .about-business,
  .golf-lab-section,
  .golf-scenes,
  .golf-results,
  .golf-process,
  .golf-video,
  .golf-specs {
    padding-top: 58px !important;
    padding-bottom: 58px !important
  }

  .section-heading-row,
  .product-section-head,
  .case-intro-grid,
  .solution-heading,
  .about-section-head,
  .golf-heading {
    margin-bottom: 26px !important
  }

  .home-section h2,
  .product-section-head h2,
  .case-page h2,
  .solution-page h2,
  .about-page h2,
  .golf-page h2 {
    font-size: clamp(29px, 8.4vw, 36px) !important;
    line-height: 1.2 !important
  }

  .hero-actions,
  .case-hero-actions,
  .golf-actions,
  .about-actions {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 9px !important
  }

  .hero-actions>a,
  .case-hero-actions>a,
  .case-hero-actions>button,
  .golf-actions>a,
  .about-actions>a {
    width: 100%;
    min-height: 50px;
    justify-content: center;
    text-align: center
  }

  .filter-btn,
  .goal-tabs button,
  .mark-options button,
  .color-options button,
  .case-btn {
    min-height: 44px
  }

  .product-card,
  .case-card,
  .solution-card,
  .about-help-grid article,
  .golf-scene-grid article {
    border-radius: 17px !important
  }

  .docs-welcome__inner {
    min-height: auto !important;
    padding: 42px 0 !important
  }

  .docs-welcome h1 {
    font-size: clamp(35px, 10vw, 41px) !important
  }

  .docs-main {
    border-radius: 14px
  }

  .docs-entry-grid a,
  .docs-capability-grid a {
    min-height: 0 !important
  }

  .apple-footer {
    margin-top: 52px
  }

  .footer-links {
    gap: 8px 18px
  }
}

@media(max-width:420px) {

  .home-page h1,
  .product-page h1,
  .case-page h1,
  .solution-page h1,
  .about-page h1,
  .golf-page h1 {
    font-size: 35px !important
  }
}

@media(hover:none) {

  .product-card:hover,
  .case-card:hover,
  .solution-card:hover,
  .about-help-grid article:hover {
    transform: none !important
  }
}