/* Enquadramento não destrutivo definido no gerenciador de imagens. */
.product-media-photo,
.featured-media-photo,
.detail-media-photo,
.carousel-thumbs button img {
  display: block;
  width: 100%;
  height: 100%;
}

.product-media-photo {
  position: absolute;
  z-index: 1;
  inset: 0;
}

.featured-media-photo {
  position: absolute;
  z-index: 1;
  inset: 0;
}

.mini-art:has(.featured-media-photo) .mini-brand-fallback {
  display: none;
}

.product-image:has(.product-media-photo)::before,
.product-image:has(.product-media-photo)::after,
.product-image:has(.product-media-photo) > i,
.product-image:has(.product-media-photo) > span {
  display: none !important;
}

.detail-art.has-managed-photo::before,
.detail-art.has-managed-photo::after,
.detail-art.has-managed-photo > i,
.detail-art.has-managed-photo > span {
  display: none !important;
}

.detail-media-photo {
  position: absolute;
  inset: 0;
}

.carousel-thumbs button {
  position: relative;
  height: 78px;
  overflow: hidden;
  background: #fff;
  padding: 0;
}

.carousel-thumbs button img {
  pointer-events: none;
}

.carousel-thumbs button > span {
  position: absolute;
  right: 5px;
  bottom: 5px;
  min-width: 20px;
  border-radius: 999px;
  background: rgba(15, 30, 49, .78);
  color: #fff;
  font-size: 9px;
  line-height: 20px;
  text-align: center;
}

@media (max-width: 800px) {
  .carousel-thumbs button {
    height: 70px;
  }
}