/* Simple badge sizing - desktop untouched, mobile uses width-based sizing */

/* Desktop - both badges same height (40px from inline styles work fine) */
/* No CSS needed for desktop - inline styles handle it */

/* ALL MOBILE DEVICES - Match by width for perfect visual alignment */
@media (max-width: 768px) {
  /* Force both badges to same WIDTH with high specificity */
  html body .hero .hero-app-badges .app-badge img,
  html body .section-cta .hero-app-badges .app-badge img {
    width: 120px !important;
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
  }
}

/* iPhone SE specific badge sizing */
@media screen and (max-width: 375px) and (max-height: 667px) {
  html body .hero .hero-app-badges .app-badge img {
    width: 100px !important;
    height: auto !important;
  }
}

/* Footer badges - smaller */
.footer-app-badge img {
  height: 32px !important;
  width: auto !important;
}