.mapio-teaser { width:140px;height:180px;display:none;opacity:0;transform:translateY(10px);transition:all .4s ease;}
.mapio-teaser.show {display:block;opacity:1;transform:translateY(0);}

.mapio-teaser-inner {position:relative;border-radius:12px;overflow:hidden;background:#000;cursor:pointer;}

.mapio-teaser video {
  width:100%;
  height:100%;
  object-fit:contain;
  background:#000;
}

.mapio-label {position:absolute;top:8px;left:8px;background:rgba(0,0,0,.6);color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;}
.mapio-play {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;color:white;}
.mapio-close {position:absolute;top:6px;right:8px;color:white;cursor:pointer;}

.mapio-modal {position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:10000;}
.mapio-modal.show {display:flex;}

.mapio-modal-content {width:420px;max-width:90%;border-radius:12px;overflow:hidden;background:#000;position:relative;}

.mapio-modal video {width:100%;}

.mapio-close {
  position: absolute;
  top: 6px;
  right: 8px;
  color: white;
  cursor: pointer;
  z-index: 5;
}

/* vigtigt: video må ikke blokere klik */
.mapio-teaser video {
  pointer-events: none;
}

.mapio-modal video {
  pointer-events: auto;
}

@media (max-width: 768px) {
  .mapio-teaser {
    width: 110px;
    height: 140px;
    bottom: 16px;
    right: 16px;
  }
}