/* UNIVERSAL SOLUTION - Works on ALL devices */
/* Reset everything */
.app-badge, .footer-app-badge {
  all: unset !important;
  display: inline-block !important;
  position: relative !important;
}

.app-badge img, .footer-app-badge img {
  all: unset !important;
  display: block !important;
  width: auto !important;
}

/* The KEY insight: Apple badge baseline height, Google needs 1.35x */
/* Desktop and tablets (1024px+) including iPad Pro, Surface Pro */
@media (min-width: 1024px) {
  .app-badge img[alt*="App Store"] { height: 44px !important; }
  .app-badge img[alt*="Google Play"] { height: 59px !important; }
}

/* iPad Air, iPad Mini, Asus Zenbook Fold (768-1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  .app-badge img[alt*="App Store"] { height: 42px !important; }
  .app-badge img[alt*="Google Play"] { height: 57px !important; }
}

/* Nest Hub, Nest Hub Max landscape (600-767px) */
@media (min-width: 600px) and (max-width: 767px) {
  .app-badge img[alt*="App Store"] { height: 40px !important; }
  .app-badge img[alt*="Google Play"] { height: 54px !important; }
}

/* Surface Duo, larger phones (480-599px) */
@media (min-width: 480px) and (max-width: 599px) {
  .app-badge img[alt*="App Store"] { height: 38px !important; }
  .app-badge img[alt*="Google Play"] { height: 51px !important; }
}

/* iPhone 14 Pro Max, Galaxy S20 Ultra, Pixel 7 (414-479px) */
@media (min-width: 414px) and (max-width: 479px) {
  .app-badge img[alt*="App Store"] { height: 37px !important; }
  .app-badge img[alt*="Google Play"] { height: 50px !important; }
}

/* iPhone 12/13/14 Pro, Galaxy A51/71 (390-413px) */
@media (min-width: 390px) and (max-width: 413px) {
  .app-badge img[alt*="App Store"] { height: 36px !important; }
  .app-badge img[alt*="Google Play"] { height: 49px !important; }
}

/* iPhone SE, iPhone XR, Galaxy S8+ (360-389px) */
@media (min-width: 360px) and (max-width: 389px) {
  .app-badge img[alt*="App Store"] { height: 34px !important; }
  .app-badge img[alt*="Google Play"] { height: 46px !important; }
}

/* Galaxy Z Fold (344-359px) */
@media (min-width: 344px) and (max-width: 359px) {
  .app-badge img[alt*="App Store"] { height: 33px !important; }
  .app-badge img[alt*="Google Play"] { height: 45px !important; }
}

/* Smaller than 344px */
@media (max-width: 343px) {
  .app-badge img[alt*="App Store"] { height: 32px !important; }
  .app-badge img[alt*="Google Play"] { height: 43px !important; }
}

/* Footer badges - 80% of main size */
.footer-app-badge img {
  transform: scale(0.8) !important;
  transform-origin: left center !important;
}

/* Badge containers */
.hero-app-badges, .footer-apps {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
}

/* Also catch any variations in alt text */
img[src*="app-store"], img[src*="App-Store"], img[src*="app_store"] {
  height: inherit !important;
}
img[src*="google-play"], img[src*="Google-Play"], img[src*="google_play"] {
  height: inherit !important;
}