/* Aura detail-page art direction. Each slot is tuned to its current photo composition. */
body.luma-aura-detail-page .luma-hero-media-grid img {
  object-fit: cover;
  padding: 0;
  transform: none;
  transform-origin: center;
}

/* Race Day: retain the full display face and enough reflection to read as a product shot. */
body.luma-aura-detail-page .luma-hero-media-grid img[data-site-image-field="hero_01_image"] {
  object-position: 50% 62%;
}

/* Birthday: fill the square thumbnail without losing the display or case edge. */
body.luma-aura-detail-page .luma-hero-media-grid img[data-site-image-field="hero_02_image"] {
  object-position: 50% 61%;
}

/* First Day: center the illuminated face and preserve the right-side case detail. */
body.luma-aura-detail-page .luma-hero-media-grid img[data-site-image-field="hero_03_image"] {
  object-position: 50% 60%;
}

/*
 * The sticky mode photo changes in place while scrolling. Its editor pan values were
 * being multiplied by the desktop runway scale, so normalize the pan and art-direct
 * each slot independently instead of applying one crop to five different photos.
 */
body.luma-aura-detail-page.home-v2-storefront-page .luma-sticky-device-window img[data-luma-mode-image] {
  object-fit: contain;
  object-position: 50% 50%;
  transform: translate(0, 0) scale(1.14);
  transform-origin: center;
}

/* Weather is a tall close-up: fill the runway while keeping the full readout in frame. */
body.luma-aura-detail-page.home-v2-storefront-page .luma-sticky-device-window img[data-site-editor-image-proxy="mode_01_image"] {
  transform: translate(0, 0) scale(1.82);
}

/* Daily Display arrives with a saved zoom; keep the stronger crop but remove its rightward pan. */
body.luma-aura-detail-page.home-v2-storefront-page .luma-sticky-device-window img[data-site-editor-image-proxy="mode_05_image"] {
  transform: translate(0, 0) scale(1.54);
}

@media (max-width: 820px) {
  body.luma-aura-detail-page .luma-hero-media-grid img[data-site-image-field="hero_01_image"] {
    object-position: 50% 60%;
  }

  body.luma-aura-detail-page .luma-hero-media-grid img[data-site-image-field="hero_02_image"],
  body.luma-aura-detail-page .luma-hero-media-grid img[data-site-image-field="hero_03_image"] {
    object-position: 50% 58%;
  }

  body.luma-aura-detail-page.home-v2-storefront-page .luma-sticky-device-window img[data-luma-mode-image] {
    transform: none;
  }
}