/* Основной контейнер для карты */
#map {
    width: 80%;       /* Карта занимает 80% ширины окна */
    height: 600px;    /* Фиксированная высота */
    margin: 0 auto;   /* Центрирование карты */
    border-radius: 10px; /* Округлённые углы */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Лёгкая тень */
    border: 2px solid #006400; /* Тёмно-зелёная рамка */
}

/* Стиль для всплывающих окон */
.leaflet-popup-content-wrapper {
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
}

.leaflet-popup-tip {
    background: #006400; /* Зелёный цвет */
}

/* Стиль для зума */
.leaflet-control-zoom {
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Адаптивность для мобильных устройств */
@media screen and (max-width: 768px) {
    #map {
        width: 100%;
        height: 400px; /* Уменьшенная высота для мобильных */
    }
}