#map {
    height: 250px;
    width: 50%;
    border-radius: 14px;
    margin-top: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* Bouncing marker animation */
.leaflet-marker-icon.bounce {
    animation: bounce 1.5s infinite;
}

@keyframes bounce {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}
/* =========================
   BASE PULSE MARKER
========================= */
.pulse-marker {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

/* Main destination (forest green) */
.pulse-green {
    background: #2e7d32;
    box-shadow: 0 0 0 rgba(46, 125, 50, 0.6);
    animation: pulse-green 2.2s infinite;
}

/* Gate marker (lighter green) */
.pulse-light {
    background: #66bb6a;
    box-shadow: 0 0 0 rgba(102, 187, 106, 0.6);
    animation: pulse-light 2.5s infinite;
}

/* Hover glow enhancement */
.pulse-marker:hover {
    filter: brightness(1.3);
    transform: scale(1.1);
}

/* Click burst animation */
.pulse-burst {
    animation: burst 0.6s ease-out;
}

/* =========================
   KEYFRAMES
========================= */
@keyframes pulse-green {
    0%   { box-shadow: 0 0 0 0 rgba(46, 125, 50, 0.7); }
    70%  { box-shadow: 0 0 0 22px rgba(46, 125, 50, 0); }
    100% { box-shadow: 0 0 0 0 rgba(46, 125, 50, 0); }
}

@keyframes pulse-light {
    0%   { box-shadow: 0 0 0 0 rgba(102, 187, 106, 0.7); }
    70%  { box-shadow: 0 0 0 18px rgba(102, 187, 106, 0); }
    100% { box-shadow: 0 0 0 0 rgba(102, 187, 106, 0); }
}

@keyframes burst {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.6); }
    100% { transform: scale(1); }
}