.page-parking-lots {

	margin-block: 2rem;

	.page__title {
		font-size: 35px;
		font-weight: 600;
	}

	.page__subtitle {
		color: #666;
		margin-top: 0.25rem;
		margin-bottom: 0;
		font-size: 0.9rem;
	}

	.page__content {
		.map-wrapper {
			position: relative;
			height: 500px;
			opacity: 1;
			border-radius: 10px;
			overflow: hidden;
			margin: 0;
			margin-block: 20px;
			box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.16);
			border: 2px solid white;
			transition: all 0.3s ease-in-out;
		}

		.page__status {
			position: absolute;
			z-index: 500;
			right: 1rem;
			top: 1rem;
			max-width: calc(100% - 2rem);
			margin: 0;
			padding: 0.55rem 0.75rem;
			border-radius: 6px;
			background: rgba(255, 255, 255, 0.94);
			border: 1px solid rgba(0, 0, 0, 0.08);
			color: #555;
			font-size: 0.85rem;
			box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);

			&.error {
				color: #c00;
			}
		}

		.leaflet-popup-content-wrapper {
			background: black;
			color: white;
			border-radius: 8px;
		}

		.parking-popup-link {
			display: inline-block;
			margin-top: 4px;
			color: #7ec8ff;
			text-decoration: underline;
			font-weight: 500;
		}

		.parking-popup-link:hover,
		.parking-popup-link:focus {
			color: #b3dcff;
		}

		.leaflet-popup-tip {
			background-color: black;
		}

		.leaflet-popup {
  			margin-bottom: 22px;
		}

	}

}