/* Mobile home hero: keep all six primary product visuals in one row. */
@media (max-width: 600px) {
  .home-page .magnetic-hero {
    aspect-ratio: 2.64 / 1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-top: 8px !important;
  }

  .home-page .hero-images {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    gap: 2px !important;
    height: 100% !important;
    padding: 4px 0 !important;
  }

  .home-page .hero-card,
  .home-page .hero-card:not(:last-child) {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin-right: 0 !important;
  }

  .home-page .hero-card img,
  .home-page .hero-card:last-child img {
    object-fit: contain !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    scale: 1 !important;
    transform: none !important;
  }
}