:root {
  --red: #0b5a9d;
}

.hero > img {
  object-position: center;
}

.mizuno-product-image {
  object-fit: contain !important;
  background: #f5f6f7;
  padding: 4%;
}

.product .mizuno-product-image,
.mini-product .mizuno-product-image {
  transform: none;
}

.product:hover .mizuno-product-image,
.mini-product:hover .mizuno-product-image {
  transform: scale(1.025);
}

.mini-copy h3 {
  font-size: clamp(2.15rem, 3.2vw, 3rem);
}

@media (max-width: 560px) {
  .hero > img {
    object-position: 58% center;
  }

  .mini-copy h3 {
    font-size: 2.6rem;
  }
}