/* Ensure the gallery wrapper becomes the positioning context */
.woocommerce-product-gallery,
.wc-block-components-product-image,
.woocommerce-product-gallery__wrapper {
  position: relative;
}

/* The overlay root */
.wc-image-annotations {
  position: relative; /* will be moved inside gallery; inner children are absolute */
  pointer-events: none; /* annotations ignore clicks by default */
  z-index: 5;
}

/* Each annotation */
.wc-annotation {
  position: absolute;
  transform: translate(-50%, -50%); /* center on the coordinate */
  max-width: 60%;
  pointer-events: none;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: .25rem;
}

/* Bubble styling (customize to your brand) */
.wc-annotation__bubble {
    background: none;
    color: #000;
    font-size: 32px;
    width: 100PX;
    text-align: center;
    padding: 0 0;
    border-radius: 999px;
    backdrop-filter: blur(2px);
    pointer-events: auto;
    font-style: italic;
}

/* Pointer line SVG beneath bubble */
.wc-annotation__pointer {
  display: block;
  width: 64px; /* adjust to your SVGs */
  height: auto;
  pointer-events: none;
}

/* Basic responsiveness */
@media (max-width: 480px) {
  .wc-annotation__bubble { font-size: 0.8rem; }
  .wc-annotation__pointer { width: 48px; }
}