.ourcoverage .coverage-img{ position:relative; max-width:100%; margin-inline:auto; }

.ourcoverage .marker{
  position:absolute; transform:translate(-50%, -50%);
  width:20px; height:20px; border:3px solid #fff; border-radius:50%;
  background:#ff0000; display:flex; align-items:center; justify-content:center;
  z-index:10; cursor:pointer;
}
.ourcoverage .marker-dot{ width:6px; height:6px; border-radius:50%; background:#fff; }

.ourcoverage .marker-tooltip{
  position:absolute; z-index:20; pointer-events:none;
  background:#333; color:#fff; font-size:14px; line-height:1.4;
  padding:5px 10px; border-radius:4px; white-space:nowrap;
  opacity:0; visibility:hidden; transition:opacity .2s ease, transform .2s ease;
}

/* موضع tooltip حسب الإعداد */
.ourcoverage[data-tooltip-pos="top"]    .marker .marker-tooltip{ bottom:100%; left:50%; transform:translate(-50%, -6px); margin-bottom:8px; }
.ourcoverage[data-tooltip-pos="bottom"] .marker .marker-tooltip{ top:100%;    left:50%; transform:translate(-50%,  6px); margin-top:8px; }
.ourcoverage[data-tooltip-pos="left"]   .marker .marker-tooltip{ right:100%;  top:50%;  transform:translate(-6px, -50%); margin-right:8px; }
.ourcoverage[data-tooltip-pos="right"]  .marker .marker-tooltip{ left:100%;   top:50%;  transform:translate( 6px, -50%); margin-left:8px; }

/* سياسة الظهور */
.ourcoverage[data-tooltip-display="hover"]  .marker:hover .marker-tooltip{ opacity:1; visibility:visible; }
.ourcoverage[data-tooltip-display="always"] .marker .marker-tooltip{ opacity:1; visibility:visible; }
.ourcoverage[data-tooltip-display="never"]  .marker .marker-tooltip{ opacity:0 !important; visibility:hidden !important; }