#map_zoom {
    left: auto !important;
    right: 4px !important;
}

.tt_name_sm {
    font-size: 15px !important;
}

/* Map container needs an explicit height (already inline, but backup) */
#store-map {
    min-height: 500px;
}

/* Ensure the list scrolls nicely */
#store-list {
    max-height: 500px;
    overflow-y: auto;
}

/* Optional: slightly nicer hover effect on list items (Bootstrap already does this) */
.list-group-item-action {
    cursor: pointer;
}

.list-group-item-action {
    text-align: left;
}

/* Mobile: stack vertically */
@media (max-width: 767.98px) {
    .store-map-sidebar {
        margin-bottom: 20px;
    }

    #store-list {
        max-height: 300px;
    }

    #store-map {
        min-height: 350px;
    }
}