#map{width:100%;height:500px}.map iframe{width:100%;border:solid 1px #ccc;padding:2px;background:#fff}.map-container{width:100%;height:380px;overflow:hidden}.map-container iframe{width:100%}.de-map-hotspot{position:relative}.de-map-hotspot img{width:100%}.de-spot{padding:0;margin:0;position:absolute;vertical-align:center;text-align:center}.de-spot span{position:absolute;display:inline-block;background:#fff;padding:0 10px;font-size:12px;font-weight:700;left:30px;line-height:1.8em;color:#35404e;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px}.dark-scheme .de-spot span{background:none;color:#fff;border:solid 2px rgba(255,255,255,.25)}.de-circle-1{width:15px;height:15px;background-color:var(--tertiary-color);border-radius:50%;position:absolute;margin:5px 0 0 5px;left:31%}.de-circle-2{border:4px solid var(--tertiary-color);-webkit-border-radius:30px;height:25px;width:25px;position:absolute;-webkit-animation:pulsate 1s ease-out;-webkit-animation-iteration-count:infinite;opacity:0;left:31%}@-webkit-keyframes pulsate{0%{-webkit-transform:scale(.1,.1);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1.2,1.2);opacity:0}}.de-map-wrapper iframe{width:100%;height:100%;border:none}.leaflet-control-layers{background:#fff;padding:10px;border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.4)}.layer-control-header{font-weight:700;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #eee}.leaflet-control-layers-base{margin-bottom:5px}.leaflet-control-layers-list{list-style:none;margin:0;padding:0}


.close-notification {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(17, 34, 64, 0.8);
    border: 1px solid #233554;
    color: #8892b0;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.2s ease;
    padding: 6px;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1001;
    outline: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.close-notification:hover {
    color: #64ffda;
    background: rgba(100, 255, 218, 0.1);
    border-color: #64ffda;
    transform: scale(1.1);
}

.close-notification:active {
    transform: scale(0.95);
}

.close-notification i {
    transition: transform 0.2s ease;
}

.close-notification:hover i {
    transform: rotate(90deg);
} 
/* Optimized map tile styles */
.leaflet-tile {
    filter: brightness(0.95) contrast(1.1);
    transition: opacity 0.2s ease;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

.leaflet-tile-loaded {
    opacity: 1;
}

.leaflet-tile-pane {
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

/* Optimize tile loading performance */
.leaflet-tile-container {
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

/* Improve tile rendering quality */
.leaflet-tile {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
}