/* Overlay badge styles for product main image */
.elevate-zoom-preview {
  position: relative;
}

.image-overlay-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2000; /* above elevateZoom windows */
  padding: 6px 12px;
  background: var(--bs-primary, #0d6efd);
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
  border-radius: 999px; /* pill style */
  pointer-events: none;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  letter-spacing: 0.2px;
}

/* Ensure badge remains visible when zoom container is present */
.elevate-zoom-preview .zoomContainer ~ .image-overlay-badge,
.elevate-zoom-preview .image-overlay-badge {
  z-index: 2000;
}

@media (max-width: 576px) {
  .image-overlay-badge {
    top: 8px;
    left: 8px;
    font-size: 12px;
    padding: 5px 10px;
  }
}