/* Keep the approved hero image box dimensions; reveal the full source frame. */
body .sp-hero-media img {
  object-fit: contain !important;
  object-position: center center !important;
}

/* On narrower layouts, keep the annotation outside the product image area. */
@media (max-width: 1180px) {
  body .sp-hero-media {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  body .sp-hero-note {
    position: static !important;
    inset: auto !important;
    align-self: flex-start !important;
    width: auto !important;
    max-width: 230px !important;
    margin: 0 !important;
  }
}