/* Cross-section mobile QA fixes */
@media (max-width: 800px) {
  .site-header .logo,
  .site-footer .logo { min-height: 44px; align-items: center; }

  .announcement--editorial a {
    min-width: 44px;
    min-height: 44px;
    justify-content: flex-end;
  }
  .announcement--editorial a i { width: 34px; height: 34px; }

  .text-link { min-height: 44px; align-items: center; }

  .footer-top nav a,
  .footer-bottom a {
    min-height: 40px;
    display: flex;
    align-items: center;
  }

  .mobile-enroll > button {
    width: 36px;
    min-height: 44px;
    display: grid;
    place-items: center;
  }
  .mobile-enroll a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }

  .recognition__intro,
  .recognition__intro > * {
    min-width: 0;
    max-width: 100%;
  }
  .recognition__intro { grid-template-columns: minmax(0,1fr); }

  .reframe__grid,
  .reframe__grid > * {
    min-width: 0;
    max-width: 100%;
  }
  .reframe__grid { grid-template-columns: minmax(0,1fr); }

  .section-heading h2,
  .proof__header h2,
  .bonuses__intro h2,
  .pricing__intro h2,
  .faq__intro h2,
  .recognition h2,
  .evidence-shift h2,
  .comparison__intro h2 {
    max-width: 100%;
    overflow-wrap: break-word;
  }
}

@media (max-width: 360px) {
  .hero h1 { font-size: 52px; }
  .recognition__intro .script { font-size: 30px; }
  .recognition h2 { font-size: 39px; letter-spacing: -.06em; }
  .recognition .pull { padding: 42px 18px; font-size: 35px; }
  .evidence-shift h2 { font-size: 49px; }
  .reframe h2 { font-size: 38px; }
  .method .section-heading h2 { font-size: 48px; }
  .comparison__intro h2 { font-size: 51px; }
  .behavior-proof h3 { font-size: 28px; overflow-wrap: anywhere; }
  .rhythm .section-heading h2 { font-size: 44px; }
  .week-track h3 { font-size: 38px; }
  .curriculum__sticky h2 { font-size: 47px; }
  .product__heading h2 { font-size: 52px; }
  body[data-included-version="2"] .included .section-heading h2 { font-size: 47px; }
  body[data-included-version="2"] .included-grid h3 { font-size: 36px; }
  body[data-proof-version="2"] .proof__header h2 { font-size: 49px; }
  body[data-mentor-version="2"] .mentor__copy h2 { font-size: 64px; }
  body[data-bonuses-version="2"] .bonuses__intro h2 { font-size: 46px; }
  .pricing__intro h2 { font-size: 52px; }
  .fit-card h2 { font-size: 49px; }
  .faq__intro h2 { font-size: 49px; }
  body[data-final-version="1"] .final-cta h2 { font-size: 50px; }
}

@media (hover: none) and (pointer: coarse) {
  body[data-pricing-version="3"] .price-card--featured:hover,
  body[data-pricing-version="3"] .price-card:not(.price-card--featured):hover,
  body[data-bonuses-version="2"] .bonus-list article:hover,
  body[data-proof-version="2"] .proof-card:nth-child(n):hover {
    transform: none;
  }
  body[data-scope-version="1"] .scope-grid article:first-child:hover { transform: rotate(-2.2deg); }
  body[data-scope-version="1"] .scope-grid article:last-child:hover { transform: rotate(2.2deg); }
}

@media (max-width: 800px) {
  body .site-header {
    position: sticky !important;
    overflow: visible !important;
  }

  body .mobile-menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 16px !important;
    bottom: auto !important;
    left: auto !important;
    width: min(220px, calc(100vw - 42px)) !important;
    height: auto !important;
    padding: 12px 16px !important;
    background: #181716 !important;
    border: 1px solid var(--line-strong) !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.36) !important;
  }

  body .mobile-menu a {
    min-height: 46px !important;
    padding: 10px 0 !important;
    font-family: var(--font-para) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
  }

  body .hero {
    padding: 42px 18px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background: #181716 !important;
  }

  body .hero::before {
    display: none !important;
    content: none !important;
  }

  body .hero::after {
    position: relative !important;
    z-index: 1 !important;
    width: calc(100% + 36px) !important;
    height: 72svh !important;
    min-height: 560px !important;
    margin: 18px -18px 0 !important;
    display: block !important;
    flex: 0 0 auto !important;
    content: "" !important;
    background:
      linear-gradient(180deg, #181716 0%, rgba(24,23,22,.78) 9%, rgba(24,23,22,0) 28%, rgba(24,23,22,.04) 66%, #181716 100%),
      url("./assets/sec1-mobile.png") 88% top / 126% auto no-repeat !important;
  }

  body .hero h1 {
    max-width: 100% !important;
    font-size: clamp(43px, 12.9vw, 62px) !important;
    line-height: .88 !important;
  }

  body .hero__actions {
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
  }

  body .hero .button--wine,
  body .hero .text-link.button--hero-secondary {
    width: min(100%, 285px) !important;
  }

  body .hero .text-link.button--hero-secondary {
    align-self: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
}