#map {
    height: 500px;
}

.info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
}

.info-item {
    border-left: 4px solid #6c63ff;
}

.map-section {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 1.5rem;
}

@media (max-width: 992px) {
    .map-section {
        grid-template-columns: 1fr;
    }
}

.location-list {
    max-height: 500px;
    overflow-y: auto;
}

@media print {
    .breadcrumb,
    .btn-print,
    .alert-warning {
        display: none;
    }
    .container {
        max-width: 100%;
    }
}
