/* Все стили из текущего <style> */
/* Стиль для отображения координат */
#coords {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    z-index: 9999;		/* Убедимся, что блок поверх всех элементов */
    pointer-events: none;	/* Чтобы блок не перехватывал события мыши */
}

        /* Увеличиваем z-index для SweetAlert */
	.swal2-container {
    		z-index: 99999 !important;  /* Fancybox использует ~9999 */
	}

	/* Дополнительно: стиль для заголовка и кнопки */
	.swal2-title {
	    color: #0077be !important;  /* Синий цвет */
	}
	.swal2-confirm {
	    background-color: #0077be !important;
	}
        /* Устанавливаем курсор-стрелку для изображения в Fancybox */
        .fancybox-image {
            cursor: default;
        }
        /* Контейнер для изображения */
        #map-container {
            width: 750px; /* Фиксированная ширина */
            height: 500px; /* Увеличенная высота */
            overflow: hidden; /* Обрезаем изображение, если оно больше контейнера */
            position: relative;
            border: 1px solid #ccc; /* Рамка для контейнера */
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #fff; /* f0f0f0  Фон контейнера */
            margin-bottom: 20px; /* Отступ снизу */
        }
        #map-container img {
            max-width: 100%; /* Фиксированная ширина */
            max-height: 100%; /* Фиксированная высота */
            object-fit: contain; /* Масштабируем изображение, чтобы оно полностью помещалось */
        }
        /* Форма */
        #paramsForm {
            margin-top: 20px; /* Отступ сверху */
        }