[data-tpi-hotspots] .mixxcazt-image-hotspots-main-icons {
  /* Image coordinates stay left-based even when the surrounding text is RTL. */
  right:auto; width:max-content; transform:translate(-50%,-50%);
}
.mixxcazt-image-hotspots-main-icons button[data-tpi-hotspot] {
  border:0; padding:0; margin:0; min-width:0; min-height:0; box-shadow:none;
  letter-spacing:normal; text-transform:none; touch-action:manipulation;
}
button[data-tpi-hotspot]:focus-visible {outline:3px solid #0076b5; outline-offset:3px}
.tpi-hotspot-panel[hidden] {display:none!important}
.tpi-hotspot-panel {
  position:fixed; z-index:10000; width:340px; max-width:calc(100vw - 24px);
  max-height:calc(100vh - 24px); box-sizing:border-box; padding:24px 32px 22px 22px;
  background:#fff; color:#161616; border:1px solid #e5e5e5; border-radius:3px;
  box-shadow:0 6px 24px #0003; font-family:inherit; font-size:14px; line-height:1.4;
}
.tpi-hotspot-panel::after {
  content:""; position:absolute; left:var(--tpi-hotspot-arrow); width:12px; height:12px;
  background:#fff; transform:translateX(-50%) rotate(45deg);
}
.tpi-hotspot-panel[data-side="top"]::after {bottom:-6px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.tpi-hotspot-panel[data-side="bottom"]::after {top:-6px; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5}
.tpi-hotspot-panel .mixxcazt-image-hotspots-tooltips-text {max-height:calc(100vh - 82px); overflow:auto}
.tpi-hotspot-panel .image-hotspots-hover {display:flex; align-items:center; gap:18px}
.tpi-hotspot-panel .image-hotspots-hover .image {flex:0 0 70px}
.tpi-hotspot-panel .image-hotspots-hover img {display:block; width:70px; height:auto; max-height:100px; object-fit:contain}
.tpi-hotspot-panel .content {min-width:0}
.tpi-hotspot-panel .heading-title {font-size:14px; font-weight:500; line-height:1.4; margin:0 0 10px; padding:0; overflow-wrap:anywhere}
.tpi-hotspot-panel .heading-title a {color:inherit; text-decoration:none}
.tpi-hotspot-panel .heading-title a:hover {text-decoration:underline}
.tpi-hotspot-panel .price {font-size:16px; font-weight:700; line-height:1.3; color:#161616}
.tpi-hotspot-panel button.tpi-hotspot-close {
  position:absolute; top:2px; right:2px; display:flex; align-items:center; justify-content:center;
  width:28px; height:28px; min-width:0; min-height:0; padding:0; margin:0; border:0;
  border-radius:2px; background:transparent; color:#454545; font:22px/1 sans-serif; cursor:pointer;
}
.tpi-hotspot-panel button.tpi-hotspot-close:hover {background:#f1f1f1}
.tpi-hotspot-panel a:focus-visible,.tpi-hotspot-panel button:focus-visible {outline:2px solid #0076b5; outline-offset:2px}
@media (pointer:coarse) {
  .mixxcazt-image-hotspots-main-icons button[data-tpi-hotspot] {width:32px; height:32px}
  .tpi-hotspot-panel {padding-right:42px}
  .tpi-hotspot-panel button.tpi-hotspot-close {width:38px; height:38px}
}