/* 3GARY map property popup v3 */
.map-preview{z-index:15000;padding:28px;perspective:1200px}
.map-preview-bg{background:radial-gradient(circle at 50% 100%,rgba(16,73,46,.2),transparent 48%),rgba(4,18,11,.5);backdrop-filter:blur(5px);opacity:0;transition:opacity .3s ease}
.map-preview.open .map-preview-bg{opacity:1}
.map-preview-card{width:min(445px,100%);border:1px solid rgba(255,255,255,.8);border-radius:28px;background:#fff;box-shadow:0 30px 90px rgba(3,22,12,.42);transform:translateY(55px) rotateX(-3deg) scale(.96);transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .25s ease}
.map-preview.open .map-preview-card{transform:translateY(0) rotateX(0) scale(1)}
.map-preview-card::before{content:"";position:absolute;z-index:5;top:10px;right:50%;width:48px;height:5px;border-radius:5px;background:rgba(255,255,255,.82);transform:translateX(50%);box-shadow:0 1px 4px rgba(0,0,0,.15)}
.map-preview-close,.map-preview-heart{top:22px;width:44px;height:44px;border-radius:15px;transition:transform .18s,background .18s}
.map-preview-close{right:16px;background:rgba(12,35,23,.7)}.map-preview-heart{left:16px;background:rgba(255,255,255,.94);font-size:20px}
.map-preview-close:hover,.map-preview-heart:hover{transform:translateY(-2px) scale(1.04)}.map-preview-heart.saved{box-shadow:0 8px 22px rgba(217,35,75,.34)}
.map-preview .map-popup{overflow:hidden;background:#fff}
.map-preview .map-popup-media{height:220px;background:linear-gradient(145deg,#d9eee3,#9ec9b2)}
.map-preview .map-popup-media::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,23,13,.65));pointer-events:none}
.map-preview .map-popup-media>i{font-size:54px;color:#23734f}
.map-preview .map-popup-content{position:relative;padding:20px 21px 22px;background:linear-gradient(180deg,#fff,#fbfdfc)}
.map-preview .map-popup-top{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:-38px;position:relative;z-index:3}
.map-preview .map-popup-top span{min-height:31px;padding:7px 12px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(18,116,72,.9);color:#fff!important;font-size:10px!important;box-shadow:0 6px 16px rgba(6,45,27,.2);backdrop-filter:blur(8px)}
.map-preview .map-popup-top small{padding:6px 9px;border-radius:9px;background:rgba(255,255,255,.92);color:#52645a!important;font-size:9px!important;box-shadow:0 5px 14px rgba(0,0,0,.1)}
.map-preview .map-popup h3{margin:19px 0 8px;font-size:22px;line-height:1.45;color:#10261a;letter-spacing:-.2px}
.map-preview .map-popup-content>p{display:flex;align-items:center;gap:6px;margin:0;padding:10px 11px;border-radius:12px;background:#f1f7f4;color:#607168;font-size:12px}
.map-preview .map-popup-content>p i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#dff4e9;color:#14905a;font-size:13px;flex:0 0 auto}
.map-preview .map-popup-bottom{grid-template-columns:minmax(0,1fr) auto;gap:13px;margin-top:17px;padding-top:17px}
.map-preview .map-popup-bottom strong{display:flex;align-items:center;min-height:47px;font-size:20px;color:#11794a;white-space:nowrap}
.map-preview .map-popup-bottom a{min-width:132px;min-height:50px;justify-content:center;padding:0 18px;border-radius:15px;background:linear-gradient(135deg,#117c4a,#20ae6d);font-size:13px;box-shadow:0 10px 22px rgba(25,151,92,.25);transition:.2s}
.map-preview .map-popup-bottom a:hover{color:#fff;transform:translateY(-2px);box-shadow:0 13px 27px rgba(25,151,92,.32)}

@media(min-width:768px){
 .map-preview{justify-content:flex-start;align-items:center;padding-left:38px}.map-preview-card{width:420px}.map-preview .map-popup-media{height:215px}
}
@media(max-width:767px){
 .map-preview{padding:0;align-items:flex-end}.map-preview-bg{background:rgba(3,17,10,.52)}
 .map-preview-card{width:100%;max-height:82dvh;border:0;border-radius:30px 30px 0 0;padding-bottom:env(safe-area-inset-bottom);transform:translateY(105%) scale(1);box-shadow:0 -22px 65px rgba(3,22,12,.35)}
 .map-preview-card::before{top:9px;background:#d5ddd9;box-shadow:none}.map-preview-close,.map-preview-heart{top:20px}
 .map-preview .map-popup-media{height:clamp(190px,49vw,230px)}.map-preview .map-popup-content{padding:17px 16px 18px}
 .map-preview .map-popup-top{margin-top:-34px}.map-preview .map-popup h3{font-size:19px;margin-top:17px}
 .map-preview .map-popup-bottom strong{font-size:17px}.map-preview .map-popup-bottom a{min-width:124px;min-height:48px}
}
@media(max-width:370px){.map-preview .map-popup-media{height:178px}.map-preview .map-popup-bottom{gap:8px}.map-preview .map-popup-bottom strong{font-size:15px}.map-preview .map-popup-bottom a{min-width:112px;padding-inline:12px}}