/* Zi Vital — Home hero mobile flow v1
 * Mobile/tablet portrait hierarchy only.
 * Desktop remains unchanged.
 * Goal: show the visual first, then the copy and CTA buttons.
 */

@media (max-width: 900px) {
  body.home .zv3-hero.zv4-hero-ready .zv4-slide {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  body.home .zv3-hero.zv4-hero-ready .zv4-slide__art {
    order: 1 !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  body.home .zv3-hero.zv4-hero-ready .zv4-media {
    width: 100% !important;
    margin: 0 auto !important;
  }

  body.home .zv3-hero.zv4-hero-ready .zv4-slide__copy {
    order: 2 !important;
    width: 100% !important;
    padding: 24px 0 8px !important;
  }

  body.home .zv3-hero.zv4-hero-ready .zv4-slide__actions {
    margin-top: 22px !important;
  }

  body.home .zv3-hero.zv4-hero-ready .zv4-hero__viewport {
    min-height: 0 !important;
  }
}

@media (max-width: 620px) {
  body.home .zv3-hero.zv4-hero-ready {
    padding-top: 6px !important;
  }

  body.home .zv3-hero.zv4-hero-ready .zv4-slide__copy {
    padding-top: 20px !important;
  }

  body.home .zv3-hero.zv4-hero-ready .zv4-slide__actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body.home .zv3-hero.zv4-hero-ready .zv4-slide__actions .act-btn {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
}