.custom-marker{width:40px;height:40px;cursor:pointer;position:relative}.marker-inner{width:100%;height:100%;position:relative;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:all .2s ease}.custom-marker:hover .marker-inner{transform:scale(1.1);filter:drop-shadow(0 6px 12px rgba(0,0,0,.15))}.marker-restaurant{background:linear-gradient(135deg,#fb923c,#f97316)}.marker-hotell{background:linear-gradient(135deg,#60a5fa,#3E599E)}.marker-severdighet{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.marker-shopping{background:linear-gradient(135deg,#f472b6,#ec4899)}.marker-transport{background:linear-gradient(135deg,#34d399,#10b981)}.marker-natur{background:linear-gradient(135deg,#6ee7b7,#10b981)}.marker-kultur{background:linear-gradient(135deg,#818cf8,#6366f1)}.marker-default{background:linear-gradient(135deg,#9ca3af,#6b7280)}.mapboxgl-popup-content{padding:0!important;border-radius:12px!important;box-shadow:0 10px 25px rgba(0,0,0,.1)!important;overflow:hidden;min-width:280px}.mapboxgl-popup-close-button{right:8px!important;top:8px!important;font-size:20px!important;padding:4px 8px!important;color:#6b7280!important;background:white!important;border-radius:6px!important;transition:all .2s ease!important}.mapboxgl-popup-close-button:hover{background:#f3f4f6!important;color:#374151!important}.mapboxgl-popup-tip{border-top-color:white!important}.mapboxgl-ctrl-top-right{top:20px!important;right:20px!important}.mapboxgl-ctrl-group{background:white!important;border-radius:12px!important;box-shadow:0 4px 12px rgba(0,0,0,.08)!important;border:1px solid #e5e7eb!important}.mapboxgl-ctrl-group button{width:44px!important;height:44px!important;border:none!important;transition:all .2s ease!important}.mapboxgl-ctrl-group button:hover{background:#f3f4f6!important}.mapboxgl-ctrl-group button+button{border-top:1px solid #e5e7eb!important}.mapboxgl-ctrl-bottom-left{bottom:30px!important;left:20px!important}.mapboxgl-ctrl-scale{background:rgba(255,255,255,.9)!important;border:1px solid #e5e7eb!important;border-radius:6px!important;padding:4px 8px!important;font-size:12px!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.temp-marker{cursor:pointer;position:relative}.temp-marker-inner{filter:drop-shadow(0 6px 20px rgba(62,89,158,.4));transform:translate(-50%,-50%);animation:bounce 2s infinite;z-index:2;position:relative}.temp-marker-pulse{width:60px;height:60px;background:rgba(62,89,158,.3);animation:pulse 2s infinite;z-index:1}.temp-marker-pulse,.temp-marker-pulse:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.temp-marker-pulse:after{content:"";width:80px;height:80px;background:rgba(62,89,158,.2);animation:pulse 2s .4s infinite}@keyframes bounce{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 5px))}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.presentation-marker{cursor:pointer}.marker-dot{width:12px;height:12px;background-color:#3E599E;border:2px solid white;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.marker-dot.active{width:20px;height:20px;background-color:#EF4444;box-shadow:0 0 0 4px rgba(239,68,68,.3);animation:marker-pulse 2s infinite}@keyframes marker-pulse{0%{box-shadow:0 0 0 4px rgba(239,68,68,.3)}50%{box-shadow:0 0 0 8px rgba(239,68,68,.1)}to{box-shadow:0 0 0 4px rgba(239,68,68,.3)}}.mini-map-marker{cursor:pointer}.mini-map-marker-dot{width:16px;height:16px;background-color:#EF4444;border:3px solid white;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.4);animation:mini-marker-pulse 2s infinite}@keyframes mini-marker-pulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.7)}70%{box-shadow:0 0 0 10px rgba(239,68,68,0)}to{box-shadow:0 0 0 0 rgba(239,68,68,0)}}