/* Official artwork stays intact, including Google's built-in clear space. */
.hero-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.hero-actions .hero-store-badges {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%; max-width: 636px; gap: 12px; align-items: center;
}
.hero-store-badges > a {
  display: flex; justify-content: center; align-items: center;
  width: 100%; height: 72px; min-height: 72px; border-radius: 8px;
}
.hero-store-badges > a img {
  display: block; width: auto; height: 40px; max-width: 100%; object-fit: contain;
}
/* 250px canvas contains a 166px-high badge: 61px yields a 40.5px visual badge. */
.hero-store-badges > .google-play-badge-link img { height: 61px; }
.hero-store-badges > a:hover { transform: none; filter: none; }
.hero-store-badges > a:focus-visible { outline: 3px solid #2f6696; outline-offset: 3px; }
@media (max-width: 1100px) {
  .hero-actions { align-items: center; }
  .hero-actions .hero-store-badges { grid-template-columns: 1fr; width: 270px; max-width: 100%; gap: 8px; }
}