/* ===== MAP SEARCH STYLES — Light theme matching site =====  */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:#fff;height:100vh;display:flex;flex-direction:column;overflow:hidden;color:#1E293B;position:relative}

/* Top Bar */
.map-topbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 0 16px;
  background: #fff;
  border-bottom: 1px solid #E2E8F0;
  z-index: 10;
  height: 56px;
  min-height: 56px;
  overflow: hidden;
  flex-shrink: 0;
}
.map-header-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.map-filters-scroll {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.map-topbar-left{display:flex;align-items:center;gap:8px;margin-right:4px}
.map-back-btn{
  display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;
  border:1.5px solid #E2E8F0;border-radius:8px;background:#fff;cursor:pointer;color:#64748B;transition:border-color .2s,color .2s;
}
.map-back-btn svg{display:block}
.map-back-btn:hover,.map-back-btn:focus-visible{border-color:#2563EB;color:#2563EB;outline:none}
.map-logo{display:flex;align-items:center;gap:6px;font-size:1.1rem;font-weight:700;color:#2563EB;text-decoration:none}
.map-logo svg{width:22px;height:22px}
.map-search-input{display:flex;align-items:center;gap:8px;background:#F8FAFC;border:1.5px solid #E2E8F0;border-radius:8px;padding:8px 14px;min-width:220px;transition:border-color .2s}
.map-search-input:focus-within{border-color:#2563EB}
.map-search-input svg{width:16px;height:16px;color:#64748B;flex-shrink:0}
.map-search-input input{border:none;outline:none;background:transparent;font-size:0.88rem;width:160px;color:#1E293B}
.map-search-input input::placeholder{color:#94A3B8}

.filter-drop{display:flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #E2E8F0;border-radius:8px;padding:8px 14px;font-size:0.85rem;font-weight:500;cursor:pointer}
.filter-drop svg{width:14px;height:14px;color:#64748B}
.filter-drop select{border:none;outline:none;background:transparent;font-size:0.85rem;font-weight:500;cursor:pointer;color:#1E293B;padding-right:4px}

.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}
.view-toggle{display:flex;background:#F1F5F9;border-radius:8px;overflow:hidden;border:1.5px solid #E2E8F0}
.view-btn{padding:7px 16px;font-size:0.82rem;font-weight:600;cursor:pointer;border:none;background:transparent;display:flex;align-items:center;gap:5px;transition:.2s;color:#64748B;text-decoration:none}
.view-btn:hover{color:#1E293B}
.view-btn.active{background:#2563EB;color:#fff}
.city-badge{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1.5px solid #E2E8F0;border-radius:8px;background:#F8FAFC;font-size:0.82rem;font-weight:600;color:#1E293B;transition:.2s;flex-shrink:0}
.city-badge:hover{border-color:#2563EB}
.city-badge svg{color:#2563EB;width:14px;height:14px;flex-shrink:0}
.filters-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1.5px solid #E2E8F0;border-radius:8px;background:#fff;font-size:0.82rem;font-weight:600;cursor:pointer;color:#1E293B;transition:.2s}
.filters-btn:hover{border-color:#2563EB;color:#2563EB}
.list-prop-btn{background:#2563EB;color:#fff;padding:8px 16px;border-radius:8px;font-size:0.85rem;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;text-decoration:none;transition:.2s}
.list-prop-btn:hover{background:#1D4ED8;box-shadow:0 4px 12px rgba(37,99,235,0.3)}

/* Nav */
.map-nav{display:flex;align-items:center;gap:20px;margin:0 8px}
.map-nav a{font-size:0.85rem;font-weight:500;color:#64748B;text-decoration:none;display:flex;align-items:center;gap:4px;transition:.2s}
.map-nav a:hover,.map-nav a.active{color:#2563EB}

/* Map — min-height:0 lets the flex child size correctly so wheel/trackpad zoom hits the canvas */
#map{flex:1;width:100%;min-height:0;position:relative}

/* Price Markers */
.price-marker{display:inline-block;background:#2563EB;color:#fff;padding:3px 8px;border-radius:16px;font-size:0.72rem;font-weight:700;cursor:pointer;box-shadow:0 3px 10px rgba(37,99,235,0.4);transition:all .2s;white-space:nowrap;border:1.5px solid rgba(255,255,255,0.6);position:relative;width:auto;max-width:fit-content}
.price-marker::after{content:'';position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#2563EB;border-bottom:none}
.price-marker:hover,.price-marker.active{transform:scale(1.1);background:#1D4ED8;box-shadow:0 5px 16px rgba(37,99,235,0.5)}

/* Area Markers */
.area-marker-pin{display:flex;align-items:center;gap:4px;background:#fff;border-radius:16px;padding:3px 8px 3px 3px;box-shadow:0 3px 12px rgba(0,0,0,0.15);cursor:pointer;transition:all .2s;border:1.5px solid transparent;white-space:nowrap}
.area-marker-pin:hover,.area-marker-pin.active{border-color:#2563EB;box-shadow:0 4px 16px rgba(37,99,235,0.25);transform:scale(1.05)}
.area-marker-pin .area-count{width:20px;height:20px;background:#2563EB;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.65rem;font-weight:700;flex-shrink:0}
.area-marker-pin .area-label{font-size:0.7rem;font-weight:600;color:#1E293B}

/* Popup */
.property-popup-wrap .maplibregl-popup-content{padding:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 32px rgba(0,0,0,0.16);border:1px solid #E2E8F0;max-height:min(68vh,520px);overflow:auto;-webkit-overflow-scrolling:touch}
.map-popup-card{display:flex;flex-direction:column;min-height:0}
.property-popup-wrap .maplibregl-popup-close-button{color:#64748B;font-size:1.2rem;padding:8px 10px;z-index:2}
.property-popup-wrap .maplibregl-popup-close-button:hover{color:#1E293B;background:#F1F5F9;border-radius:8px}
.map-popup-card img{width:100%;height:140px;object-fit:cover;display:block}
.map-popup-card .popup-content{padding:14px}
.map-popup-card .popup-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}
.map-popup-card h4{font-size:0.92rem;font-weight:700;color:#1E293B}
.map-popup-card .popup-rating{color:#D97706;font-size:0.82rem;font-weight:700;flex-shrink:0}
.map-popup-card .popup-loc{font-size:0.75rem;color:#64748B;margin-bottom:8px}
.map-popup-card .popup-tags{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap}
.map-popup-card .ptag{background:#EFF6FF;color:#2563EB;padding:2px 8px;border-radius:10px;font-size:0.7rem;font-weight:600}
.map-popup-card .popup-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #F1F5F9}
.popup-footer-map{border-top:1px solid #F1F5F9;padding-top:10px;margin-top:4px}
.popup-price-row{margin-bottom:8px}
.popup-actions-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.popup-dir-btn{
  display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;border:1.5px solid #2563EB;background:#EFF6FF;color:#2563EB;font-size:0.78rem;font-weight:600;cursor:pointer;font:inherit;
}
.popup-dir-btn:hover{background:#DBEAFE}
.popup-dir-caption{margin:8px 0 0;font-size:0.68rem;color:#94A3B8;line-height:1.35}
.map-popup-card .popup-footer-map .popup-view-btn{background:#2563EB;color:#fff;padding:8px 12px;border-radius:8px;font-size:0.78rem;font-weight:600;text-decoration:none}
.map-popup-card .popup-price{font-size:1.05rem;font-weight:800;color:#2563EB}
.map-popup-card .popup-price small{font-size:0.72rem;font-weight:400;color:#64748B}
.map-popup-card .popup-view-btn{background:#2563EB;color:#fff;padding:6px 14px;border-radius:8px;font-size:0.78rem;font-weight:600;text-decoration:none;transition:.2s}
.map-popup-card .popup-view-btn:hover{background:#1D4ED8;box-shadow:0 4px 12px rgba(37,99,235,0.3)}

/* Filter Panel */
.filter-panel{position:absolute;top:70px;left:16px;background:#fff;border-radius:14px;padding:20px;width:270px;box-shadow:0 8px 32px rgba(0,0,0,0.12);z-index:8;display:none;border:1px solid #E2E8F0}
.filter-panel.show{display:block}
.filter-panel h4{font-size:0.95rem;font-weight:700;margin-bottom:16px;color:#1E293B}
.fp-group{margin-bottom:14px}
.fp-label{font-size:0.72rem;font-weight:600;color:#64748B;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}
.fp-check{display:flex;align-items:center;gap:8px;font-size:0.83rem;margin-bottom:5px;cursor:pointer;color:#1E293B}
.fp-check input{accent-color:#2563EB}
.fp-range{width:100%;accent-color:#2563EB}
.fp-apply{width:100%;padding:10px;background:#2563EB;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;margin-top:8px;transition:.2s}
.fp-apply:hover{background:#1D4ED8;box-shadow:0 4px 12px rgba(37,99,235,0.3)}
.fp-reset{width:100%;padding:10px;background:#F8FAFC;color:#64748B;border:1px solid #E2E8F0;border-radius:8px;font-weight:600;cursor:pointer;margin-top:6px}
.fp-reset:hover{color:#1E293B;border-color:#CBD5E1}

/* Help strip — explains pins vs GPS */
.map-hint{
  position:fixed;bottom:12px;left:12px;right:12px;max-width:720px;margin:0 auto;z-index:6;
  background:rgba(255,255,255,.97);border:1px solid #E2E8F0;border-radius:12px;padding:12px 36px 12px 14px;
  box-shadow:0 8px 28px rgba(15,23,42,.12);font-size:0.8rem;line-height:1.45;color:#334155;
}
.map-hint p{margin:0 0 6px}
.map-hint p:last-child{margin-bottom:0}
.map-hint strong{color:#0F172A}
.map-hint-muted{font-size:0.76rem;color:#64748B!important;margin-top:4px!important}
.map-hint-dismiss{
  position:absolute;top:8px;right:10px;width:28px;height:28px;border:none;background:#F1F5F9;border-radius:8px;
  cursor:pointer;font-size:1.1rem;line-height:1;color:#64748B;
}
.map-hint-dismiss:hover{background:#E2E8F0;color:#0F172A}

/* Collapsible Map Hint Box */
.map-hint.collapsed {
  height: 36px !important;
  overflow: hidden !important;
  padding: 8px 12px !important;
  width: 90px !important;
  cursor: pointer !important;
  background: var(--bg, #ffffff) !important;
  border-color: var(--primary, #2563EB) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}
.map-hint.collapsed p {
  display: none !important;
}
.map-hint.collapsed .map-hint-dismiss {
  display: none !important;
}
.map-hint.collapsed::before {
  content: '💡 Help' !important;
  font-weight: 700 !important;
  color: var(--primary, #2563EB) !important;
  font-size: 0.8rem !important;
}

.hint-pill{display:inline-block;background:#2563EB;color:#fff;font-weight:700;padding:1px 8px;border-radius:6px;font-size:0.72rem;vertical-align:middle}
.hint-pill-light{background:#fff;color:#1E293B;border:1.5px solid #CBD5E1}

.map-listings-btn{
  display:flex;align-items:center;gap:6px;padding:7px 14px;border:1.5px solid #E2E8F0;border-radius:8px;background:#fff;
  font-size:0.82rem;font-weight:600;cursor:pointer;color:#1E293B;transition:.2s;
}
.map-listings-btn:hover,.map-listings-btn:focus-visible{border-color:#2563EB;color:#2563EB;outline:none}

.map-prop-list{
  position:fixed;left:0;top:0;bottom:0;width:min(360px,100vw);z-index:11;
  background:#fff;border-right:1px solid #E2E8F0;box-shadow:8px 0 40px rgba(15,23,42,.15);
  display:flex;flex-direction:column;padding:0;transform:translateX(-100%);transition:transform .28s ease;
  padding-top:env(safe-area-inset-top);
}
.map-prop-list.open{transform:translateX(0)}
.map-prop-list-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 8px;
  border-bottom:1px solid #F1F5F9;
}
.map-prop-list-head h2{font-size:1rem;font-weight:700;color:#0F172A;margin:0}
.map-prop-list-close{
  width:36px;height:36px;border:none;background:#F1F5F9;border-radius:10px;cursor:pointer;font-size:1.35rem;line-height:1;color:#64748B;
}
.map-prop-list-close:hover{background:#E2E8F0;color:#0F172A}
.map-prop-list-hint{font-size:0.78rem;color:#64748B;padding:8px 16px 12px;margin:0;border-bottom:1px solid #F1F5F9}
.map-prop-list-ul{list-style:none;overflow-y:auto;flex:1;padding:12px 16px 24px}
.map-prop-row{
  width:100%;text-align:left;padding:12px 14px;border:1.5px solid #E2E8F0;border-radius:12px;margin-bottom:10px;
  background:#fff;cursor:pointer;font:inherit;transition:border-color .2s,background .2s;
}
.map-prop-row:hover,.map-prop-row:focus-visible{border-color:#2563EB;background:#F8FAFF;outline:none}
.map-prop-row-title{display:block;font-weight:600;font-size:0.88rem;color:#0F172A;margin-bottom:4px}
.map-prop-row-meta{display:block;font-size:0.76rem;color:#64748B}

/* MapLibre controls — light */
.maplibregl-ctrl-group{background:#fff!important;border:1px solid #E2E8F0!important;border-radius:8px!important;box-shadow:0 2px 8px rgba(0,0,0,0.1)!important}
.maplibregl-ctrl-group button{width:36px!important;height:36px!important}
.maplibregl-ctrl-group button+button{border-top:1px solid #E2E8F0!important}

@media(max-width:1100px){
  .map-nav { display: none !important; }
  .map-topbar { gap: 8px; padding: 0 14px; }
  .map-search-input input { width: 130px; }
  .list-prop-btn .list-prop-label { display: none; }
}
@media(max-width:992px){
  .map-topbar { padding: 0 12px; gap: 6px; }
  .map-search-input input { width: 100px; }
  .view-btn span, .city-badge span { display: none; }
  .map-listings-btn .map-list-label { display: none; }
}
@media(max-width:768px){
  .map-nav{display:none !important}
  .map-topbar {
    height: auto !important;
    min-height: 0 !important;
    padding: 6px 10px !important;
    gap: 6px !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
  }
  .map-topbar-left { flex-shrink: 0 !important; }
  .map-search-input {
    min-width: 120px !important;
    flex: 1 !important;
    padding: 6px 10px !important;
  }
  .map-search-input input {
    width: 100% !important;
  }
  .filter-drop {
    flex-shrink: 0 !important;
    padding: 6px 10px !important;
    font-size: 0.8rem !important;
  }
  .filter-drop select {
    font-size: 0.8rem !important;
  }
  .topbar-right {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
  }
  .view-toggle, .city-badge { flex-shrink: 0 !important; }
  .view-btn, .city-badge {
    padding: 6px 10px !important;
    font-size: 0.75rem !important;
    white-space: nowrap !important;
  }
  .list-prop-btn {
    padding: 6px 10px !important;
    font-size: 0.78rem !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
  .filters-btn {
    padding: 6px 10px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
  .map-listings-btn {
    padding: 6px 10px !important;
    font-size: 0.75rem !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
  .map-back-btn {
    width: 34px !important;
    height: 34px !important;
  }
  .map-hint {
    font-size: 0.74rem;
    padding: 10px 32px 10px 10px;
    bottom: 74px !important;
  }
  .map-prop-list {
    width: 100%;
    max-width: 100%;
    bottom: 64px !important;
    height: calc(100vh - 64px - 100px) !important;
  }
  .maplibregl-ctrl-bottom-right {
    bottom: 74px !important;
  }
}
@media(max-width:576px){
  .map-topbar{ padding: 5px 8px; gap: 5px; }
  .map-topbar-left{ gap: 5px; }
  .map-logo{ font-size: 0.92rem; }
  .map-logo svg{ width: 17px; height: 17px; }
  .map-back-btn{ width: 30px; height: 30px; }
  .map-search-input{ padding: 5px 8px; min-width: 90px; }
  .map-search-input input{ font-size: 0.8rem; }
  .filter-drop{ padding: 5px 7px; }
  .view-btn, .city-badge{ padding: 5px 7px; font-size: 0.7rem; }
  .list-prop-btn{ padding: 5px 7px; font-size: 0.7rem; }
  .filters-btn{ padding: 5px 7px; font-size: 0.7rem; }
  .map-listings-btn{ padding: 5px 7px; font-size: 0.7rem; }
  .filter-panel{ width: calc(100vw - 16px); left: 8px; right: 8px; padding: 16px; }
  .map-hint{ left: 6px; right: 6px; font-size: 0.7rem; }
}
@media(max-width:380px){
  .map-topbar-left .map-logo span{ display: none; }
  .map-search-input input{ font-size: 0.75rem; }
}


/* ═══════════════════════════════════════════════════════════
   DARK MODE — Map Search Page
   ═══════════════════════════════════════════════════════════ */
html.dark body{background:#111318;color:#ECF0F6}
html.dark .map-topbar{background:#161820;border-bottom-color:#2D3140}
html.dark .map-back-btn{background:#1C1F28;border-color:#2D3140;color:#9BA4B5}
html.dark .map-back-btn:hover{border-color:#6B9BFF;color:#6B9BFF}
html.dark .map-logo{color:#6B9BFF}
html.dark .map-nav a{color:#9BA4B5}
html.dark .map-nav a:hover,html.dark .map-nav a.active{color:#6B9BFF}
html.dark .map-search-input{background:#1C1F28;border-color:#2D3140}
html.dark .map-search-input:focus-within{border-color:#6B9BFF}
html.dark .map-search-input svg{color:#9BA4B5}
html.dark .map-search-input input{color:#ECF0F6}
html.dark .map-search-input input::placeholder{color:#5A6478}
html.dark .filter-drop{background:#1C1F28;border-color:#2D3140}
html.dark .filter-drop select{color:#ECF0F6}
html.dark .filter-drop svg{color:#9BA4B5}
html.dark .view-toggle{background:#1C1F28;border-color:#2D3140}
html.dark .view-btn{color:#9BA4B5}
html.dark .view-btn:hover{color:#ECF0F6}
html.dark .view-btn.active{background:#6B9BFF;color:#fff}
html.dark .city-badge{background:#1C1F28;border-color:#2D3140;color:#ECF0F6}
html.dark .city-badge:hover{border-color:#6B9BFF}
html.dark .city-badge svg{color:#6B9BFF}
html.dark .filters-btn{background:#1C1F28;border-color:#2D3140;color:#ECF0F6}
html.dark .filters-btn:hover{border-color:#6B9BFF;color:#6B9BFF}
html.dark .map-listings-btn{background:#1C1F28;border-color:#2D3140;color:#ECF0F6}
html.dark .map-listings-btn:hover{border-color:#6B9BFF;color:#6B9BFF}
html.dark .list-prop-btn{background:#6B9BFF}
html.dark .list-prop-btn:hover{background:#5A8AF0}

/* Map popup */
html.dark .property-popup-wrap .maplibregl-popup-content{background:#1C1F28;border-color:#2D3140}
html.dark .map-popup-card h4{color:#fff}
html.dark .map-popup-card .popup-loc{color:#9BA4B5}
html.dark .map-popup-card .ptag{background:rgba(107,155,255,0.15);color:#6B9BFF}
html.dark .map-popup-card .popup-price{color:#6B9BFF}
html.dark .map-popup-card .popup-price small{color:#9BA4B5}
html.dark .map-popup-card .popup-footer{border-top-color:#2D3140}
html.dark .popup-footer-map{border-top-color:#2D3140}
html.dark .popup-dir-btn{border-color:#6B9BFF;background:rgba(107,155,255,0.1);color:#6B9BFF}
html.dark .popup-dir-caption{color:#5A6478}
html.dark .property-popup-wrap .maplibregl-popup-close-button{color:#9BA4B5}
html.dark .property-popup-wrap .maplibregl-popup-close-button:hover{color:#fff;background:#252833}
html.dark .maplibregl-popup-tip{border-top-color:#1C1F28}

/* Filter panel */
html.dark .filter-panel{background:#1C1F28;border-color:#2D3140;box-shadow:0 8px 32px rgba(0,0,0,0.5)}
html.dark .filter-panel h4{color:#ECF0F6}
html.dark .fp-label{color:#9BA4B5}
html.dark .fp-check{color:#ECF0F6}
html.dark .fp-apply{background:#6B9BFF}
html.dark .fp-apply:hover{background:#5A8AF0}
html.dark .fp-reset{background:#1C1F28;border-color:#2D3140;color:#9BA4B5}
html.dark .fp-reset:hover{color:#ECF0F6;border-color:#4A5568}

/* Hint bar */
html.dark .map-hint{background:rgba(28,31,40,0.97);border-color:#2D3140;color:#9BA4B5;box-shadow:0 8px 28px rgba(0,0,0,0.4)}
html.dark .map-hint strong{color:#ECF0F6}
html.dark .map-hint-muted{color:#5A6478!important}
html.dark .map-hint-dismiss{background:#252833;color:#9BA4B5}
html.dark .map-hint-dismiss:hover{background:#2D3140;color:#ECF0F6}
html.dark .hint-pill-light{background:#1C1F28;color:#ECF0F6;border-color:#2D3140}

/* Property list panel */
html.dark .map-prop-list{background:#1C1F28;border-right-color:#2D3140;box-shadow:8px 0 40px rgba(0,0,0,0.5)}
html.dark .map-prop-list-head{border-bottom-color:#2D3140}
html.dark .map-prop-list-head h2{color:#ECF0F6}
html.dark .map-prop-list-close{background:#252833;color:#9BA4B5}
html.dark .map-prop-list-close:hover{background:#2D3140;color:#ECF0F6}
html.dark .map-prop-list-hint{color:#9BA4B5;border-bottom-color:#2D3140}
html.dark .map-prop-row{background:#1C1F28;border-color:#2D3140}
html.dark .map-prop-row:hover{border-color:#6B9BFF;background:#252833}
html.dark .map-prop-row-title{color:#ECF0F6}
html.dark .map-prop-row-meta{color:#9BA4B5}

/* MapLibre controls */
html.dark .maplibregl-ctrl-group{background:#1C1F28!important;border-color:#2D3140!important;box-shadow:0 2px 8px rgba(0,0,0,0.4)!important}
html.dark .maplibregl-ctrl-group button+button{border-top-color:#2D3140!important}
html.dark .maplibregl-ctrl-group button .maplibregl-ctrl-icon{filter:invert(0.85)}

/* Force hide dark mode toggle button on map search page */
.dark-mode-toggle,
#darkModeToggle {
  display: none !important;
}

/* Zoomed-out map styles */
#map.zoomed-out .area-marker-pin .area-label {
  display: none !important;
}
#map.zoomed-out .area-marker-pin {
  padding: 0 !important;
  width: 32px;
  height: 32px;
  border-radius: 50% !important;
  justify-content: center;
}
#map.zoomed-out .area-marker-pin .area-count {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  font-size: 0.8rem;
}
#map.zoomed-out .price-marker {
  color: transparent !important;
  width: 14px !important;
  height: 14px !important;
  padding: 0 !important;
  min-width: 0 !important;
  border-radius: 50% !important;
  border: 2px solid #fff !important;
  background: var(--primary, #2563EB) !important;
  overflow: hidden;
}
#map.zoomed-out .price-marker::after {
  display: none !important;
}
#map.zoomed-out .area-marker-pin.empty-area {
  display: none !important;
}