:root{
  --hurra-lens-size: 200px;    /* Kính lúp */
  --hurra-panel-size: 480px;   /* Kích thước panel zoom bên phải */
}

/* Mốc để đặt overlay (lens) tương đối */
.hurra-zoom-root{ position:relative; }

/* Vòng lens */
.hurra-zoom-lens{
  position:absolute;
  width:var(--hurra-lens-size);
  height:var(--hurra-lens-size);
  border:1px solid rgba(0,0,0,.15);
  box-shadow:0 2px 8px rgba(0,0,0,.15);
  /* border-radius:50%;*/
  pointer-events:none;
  display:none;
  z-index:3;
}

/* Panel zoom bên phải */
.hurra-zoom-panel{
  position:absolute;
  top:0; left:100%; margin-left:12px;
  width:var(--hurra-panel-size);
  height:var(--hurra-panel-size);
  overflow:hidden;
  display:none;
  border-radius:12px;
  background:#fff;
  z-index:3;
  box-shadow:0 8px 24px rgba(0,0,0,.15);
}

.hurra-zoom-panel img{
  position:absolute;
  will-change:transform,left,top;
}

/* Kích hoạt khi hover vào ảnh */
.hurra-zoom--active .hurra-zoom-panel,
.hurra-zoom--active .hurra-zoom-lens{
  display:block;
}

/* Flatsome/Woo khoảng cách container có thể cần chỉnh tuỳ theme */
.woocommerce-product-gallery,
.product-gallery{
  position:relative; /* đảm bảo panel bám đúng cụm */
}