/* MAP */
.fprop-map__title{
  margin:0!important;
  font-size:20px!important;
  font-weight:700!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

.fprop-map__canvas-wrapper{
  position:relative!important;
  z-index:0!important;
}

.fprop-map__overlay{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  gap:10px!important;
  padding:18px!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:1001!important;
  transition:opacity .25s ease!important;
  color:#f8fafc!important;
  text-align:center!important;
}

.fprop-map__canvas-wrapper.is-overlay-visible .fprop-map__overlay{
  opacity:1!important;
}

.fprop-map__overlay-content{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:10px!important;
  max-width:280px!important;
}

.fprop-map__overlay-icon{
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(248,250,252,.25)!important;
  color:#facc15!important;
  font-size:22px!important;
  box-shadow:0 8px 26px rgba(15,23,42,.45)!important;
}

.fprop-map__overlay-text{
  font-weight:600!important;
  font-size:15px!important;
  line-height:1.4!important;
  letter-spacing:.01em!important;
}

.fprop-map__overlay-hint{
  font-size:13px!important;
  opacity:.85!important;
}

.fprop-map__controls{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:6px 12px!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.78)!important;
  color:#f8fafc!important;
  box-shadow:0 14px 26px rgba(15,23,42,.24)!important;
  z-index:1002!important;
  pointer-events:auto!important;
}

.fprop-map__controls-label{
  font-size:13px!important;
  font-weight:600!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  opacity:.86!important;
}

.fprop-map__controls-group{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}

.fprop-map__control-btn{
  appearance:none!important;
  border:none!important;
  background:rgba(255,255,255,.12)!important;
  color:inherit!important;
  font-size:13px!important;
  font-weight:600!important;
  letter-spacing:.01em!important;
  border-radius:999px!important;
  padding:4px 12px!important;
  cursor:pointer!important;
  transition:background .2s ease, color .2s ease!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}

.fprop-map__control-btn:hover{
  background:rgba(255,255,255,.25)!important;
  color:#fff!important;
}

.fprop-map__control-btn.is-active{
  background:#fde047!important;
  color:#1f2937!important;
  box-shadow:0 6px 16px rgba(250,224,71,.45)!important;
}

.fprop-map__control-btn:focus-visible{
  outline:2px solid #94a3b8!important;
  outline-offset:2px!important;
}

.fprop-map__control-btn-label{
  display:inline-block!important;
}

.fprop-map__control-btn--lock{
  background:rgba(248,250,252,.18)!important;
  color:#f8fafc!important;
}

.fprop-map__control-btn--lock.is-active{
  background:#22c55e!important;
  color:#0b1e13!important;
  box-shadow:0 6px 16px rgba(34,197,94,.45)!important;
}

.fprop-map__control-btn--overlay{
  margin-top:12px!important;
  background:#f8fafc!important;
  color:#1f2937!important;
  font-weight:600!important;
}

.fprop-map__control-btn--overlay:hover{
  background:#e2e8f0!important;
}

.fprop-marker-wrapper{
  background:none!important;
  border:0!important;
}

.fprop-marker{
  position:relative!important;
  width:156px!important;
  height:156px!important;
  padding:12px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:start!important;
  justify-content:start!important;
}

.fprop-marker__badge{
  width:140px!important;
  height:140px!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center bottom!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:start!important;
  justify-content:start!important;
  padding:5px 14px 28px!important;
  box-sizing:border-box!important;
}

.fprop-marker__text{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:4px!important;
  font-family:'Barlow Condensed','Barlow',Arial,sans-serif!important;
  text-transform:uppercase!important;
  color:#fff!important;
  font-weight:700!important;
  text-align:center!important;
  width:100%!important;
  letter-spacing:.035em!important;
}

.fprop-marker__line{
  line-height:1!important;
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.fprop-marker__line--main{
  font-size:28px!important;
  letter-spacing:.01em!important;
}

.fprop-marker__line--sub{
  font-size:16px!important;
  letter-spacing:.01em!important;
}

@media (max-width:768px){
  .fprop-map__controls{
    top:12px!important;
    right:12px!important;
    padding:6px 10px!important;
    gap:8px!important;
  }

  .fprop-map__controls-label{
    font-size:12px!important;
  }

  .fprop-map__control-btn{
    font-size:12px!important;
    padding:4px 10px!important;
  }

  .fprop-map__overlay-content{
    max-width:240px!important;
  }
}
