/**
 * index.html only — mobile flush-left layout.
 * Load after styles.css; scoped to .home-page @ max-width 600px.
 */

@media (max-width: 600px) {
  /* Announcement bar */
  .home-page .announcement-bar__inner {
    justify-content: flex-start;
  }

  .home-page .announcement-bar__text {
    text-align: left;
  }

  /* Hero FDA Cleared badge — centered (copy stays flush left) */
  .home-page #hero .hero__fda-badge {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
  }

  /* Section chips (blue pills) */
  .home-page #technologies .section-header > .chip,
  .home-page #the-science .section-header > .chip,
  .home-page #download-app .section-header > .chip {
    margin-left: 0;
    margin-right: auto;
  }

  .home-page .text-mobile-center {
    text-align: left;
  }

  /* Technologies */
  .home-page #technologies .tech-feature,
  .home-page #technologies .tech-feature__title,
  .home-page #technologies .tech-feature__desc {
    text-align: left;
  }

  .home-page .tech-feature {
    align-items: flex-start;
  }

  .home-page .tech-feature__desc {
    margin-left: 0;
    margin-right: 0;
  }

  /* Technologies — H3 titles on one line (hide desktop line breaks) */
  .home-page #technologies .tech-feature__title .mobile-hide-break {
    display: none;
  }

  .home-page #technologies .tech-feature__title {
    white-space: nowrap;
    min-height: 0;
  }

  /* Book a Demo — blue card */
  .home-page #book-demo .cta-banner__inner {
    text-align: left;
    align-items: flex-start;
  }

  .home-page #book-demo .cta-banner__text {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    max-width: none;
  }

  .home-page #book-demo .cta-banner__btn {
    align-self: flex-start;
  }

  /* Balance Imperative — remove inner indents (grid content only; not stat banner) */
  .home-page #the-science .imperative-grid {
    padding-left: 0;
    padding-right: 0;
  }

  .home-page #the-science .imperative-text,
  .home-page #the-science .video-desc,
  .home-page #the-science .deaths-chart__source {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
  }

  .home-page #the-science .deaths-chart,
  .home-page #the-science .video-placeholder {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .home-page #the-science .deaths-chart img,
  .home-page #the-science .video-placeholder__img {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  /* Download app CTA — copy flush left (store layout at 768px below) */
  .home-page #download-app .section-header,
  .home-page #download-app .section-sub,
  .home-page #download-app .app-download-cta__copy {
    text-align: left;
  }
}

/* Download App CTA — logo row + both store badges on one row (index mobile/tablet) */
@media (max-width: 768px) {
  .home-page #download-app .app-download-cta__stores {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    align-items: center;
    column-gap: 10px;
    row-gap: 20px;
    width: 100%;
  }

  .home-page #download-app .app-download-cta__logo {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: start;
    width: min(100%, 220px);
    max-width: 220px;
    height: auto;
    margin: 0;
  }

  .home-page #download-app .download-hero__store-link:first-of-type {
    grid-column: 1;
    grid-row: 2;
  }

  .home-page #download-app .download-hero__store-link:last-of-type {
    grid-column: 2;
    grid-row: 2;
  }

  .home-page #download-app .download-hero__store-link {
    flex-shrink: 0;
  }

  .home-page #download-app .download-hero__store-img {
    height: 56px;
    width: auto;
    display: block;
  }
}