body{margin:0;font-family:Poppins,sans-serif;padding-top:25px}
#map{height:100vh;cursor:crosshair}
#markerForm{position:absolute;top:90px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.95);padding:15px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.3);display:none;z-index:3000}
#markerForm button,#markerForm input,#markerForm select{margin:5px 0;width:100%;font-size:16px}
#markerForm label{font-weight:700;display:block;margin-top:10px}
#errorMsg{color:red;font-size:14px}

.panel{display:none;position:fixed;top:25px;left:0;width:100%;height:100%;background:#360a6c;z-index:9998;padding:20px;box-sizing:border-box}
#panel2{display:none;position:fixed;top:25px;left:0;width:100%;height:100%;font-size:14px;background:#fff;z-index:9998;padding:20px;box-sizing:border-box}
#panel3{overflow-y: auto;display:none;position:fixed;top:25px;left:0;width:100%;height:100%;font-size:14px;background:#fff;z-index:9998;padding:20px;box-sizing:border-box}

.close-btn1{position:absolute;top:25px;right:15px;background:none;font-size:20px;color:#fff;border:none;padding:5px 10px;cursor:pointer}
.close-btn2{position:absolute;top:25px;right:15px;background:none;font-size:20px;color:#000;border:none;padding:5px 10px;cursor:pointer}

.box:first-child{background-color:#000;font-size:11px}
.box:nth-child(2){background-color:#000;font-size:11px}
.box:nth-child(3){background-color:#000;font-size:11px}
.bottom-grid .box:first-child{background-color:#453d4e;font-size:11px}
.bottom-grid .box:nth-child(2){background-color:#7a7185;font-size:11px}
.bottom-grid .box:nth-child(3){background-color:#453d4e;font-size:11px}

/* Responsive font-size for very small screens */
@media (max-width: 480px) {
  .box:first-child,
  .box:nth-child(2),
  .box:nth-child(3),
  .bottom-grid .box:first-child,
  .bottom-grid .box:nth-child(2),
  .bottom-grid .box:nth-child(3) {
    font-size: 10px;
  }
}

.top-grid{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:25px;position:fixed;top:0;left:0;z-index:9999}
.box{display:flex;justify-content:center;align-items:center;background-color:#333;color:#fff;cursor:pointer;border-right:0px solid #555}
.box:last-child{border-right:none}

.box:hover{opacity:.8}
.bottom-grid{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:calc(25px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);position:fixed;top:10;left:0;z-index:9999;background-color:#453d4e}
.bottom-grid .box{display:flex;justify-content:center;align-items:center;background-color:#333;color:#fff;cursor:pointer;border-right:0px solid #555}

.custom-reklam{margin-top:15px!important;border:1px dashed #a0a0a0;transition:border-color .3s;width:90%;max-width:350px;height:auto;border-radius:8px;cursor:pointer}
.custom-reklam:hover{border-color:#fff}

#map{position:relative;z-index:1}
#map-overlay{position:fixed;bottom:0;left:0;width:100%;height:50%;background:#fff;border-top-left-radius:12px;border-top-right-radius:12px;z-index:9999;display:none;overflow:hidden}
#map-overlay iframe{width:100%;height:100%;border:none}
#map-overlay button{position:absolute;top:5px;right:10px;z-index:10000;padding:5px 10px;background:red;color:#fff;border:none;border-radius:4px;cursor:pointer}
#map-overlay.show{display:block;animation:slideUp .3s ease forwards}

.flash-icon{animation:flashPulse 1s infinite}

/* Flash animation for nearby markers */
.flash-icon {
    animation: flash 1s infinite;
}
@keyframes flash {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}