.page-header{position:absolute;top:20px;left:20px;z-index:100}
.page-header h1{margin:0;font-size:24px;color:#1e293b}
.page-header p{margin:4px 0 0;font-size:14px;color:#64748b}
.map-container{position:relative;width:100%;aspect-ratio:16 / 9;    max-width: 1360px;margin-top: 30px;background-image:url('/Content/uploads/2026879279/20260615094937ba1880d6410441618c522449d5921deb.png');background-size:contain;background-position:center;background-repeat:no-repeat;box-shadow:0 10px 25px rgba(0,0,0,0.05);border-radius:16px;background-color:#fff}
.marker{position:absolute;width:16px;height:16px;cursor:pointer;transform:translate(-50%,-50%);z-index:10;border-radius:50%}
.marker-icon{position:absolute;width:100%;height:100%;border-radius:50%;background-color:#3b82f6;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,0.2);box-sizing:border-box;transition:background-color 0.2s ease}
.marker-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background-color:rgba(59,130,246,0.5);animation:pulse 2s infinite ease-out}
.marker:hover .marker-icon,.marker.active .marker-icon{background-color:#f59e0b;transform:scale(1.2)}
.marker:hover .marker-pulse,.marker.active .marker-pulse{display:none}
@keyframes pulse{0%{transform:scale(1);opacity:1}
100%{transform:scale(3.5);opacity:0}
}.product-tooltip{position:absolute;width:300px;background:#fff;color:#333;border-radius:12px;font-size:14px;pointer-events:auto;opacity:0;visibility:hidden;transition:opacity 0.25s ease,transform 0.25s ease,visibility 0.25s;transform:translate(-50%,-110%);box-shadow:0 15px 35px rgba(0,0,0,0.15);border:1px solid rgba(0,0,0,0.05);z-index:100}
.product-tooltip::before{content:'';position:absolute;bottom:-20px;left:0;width:100%;height:20px}
.product-tooltip.active{opacity:1;visibility:visible;transform:translate(-50%,-120%)}
.product-tooltip::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff}
.tip-card{border-radius:12px;overflow:hidden}
.tip-img-container{width:100%;height:140px;overflow:hidden;background-color:#f1f5f9}
.tip-img-container img{width:100%;height:100%;object-fit:cover}
.tip-content{padding:14px}
.tip-country{font-size:11px;color:#3b82f6;text-transform:uppercase;font-weight:700;margin-bottom:2px;display:block}
.tip-title{font-size:16px;font-weight:700;margin-bottom:6px;color:#1e293b}
.tip-desc{font-size:13px;color:#64748b;line-height:1.5;margin:0 0 12px 0}
.tip-link{display:inline-block;width:100%;text-align:center;background-color:#3b82f6;color:#fff;text-decoration:none;padding:8px 0;border-radius:6px;font-size:13px;font-weight:600;transition:background-color 0.2s;box-sizing:border-box}
.tip-link:hover{background-color:#2563eb}
@media screen and (max-width:760px){.product-tooltip{width:200px;}
.tip-content{padding:10px}
.tip-desc,.tip-link{font-size:12px}
.tip-title{font-size:14px}}
@media screen and (max-width:500px){.product-tooltip.active{transform:translate(-50%,-120%) scale(.8);transform-origin:bottom}}