/* Basic container layout */
.product-map-container {
    margin: 1em 0;
    width: 100%;
}

/* Map container */
#map {
    width: 100%;
    border: 4px solid #000; /* Adjust color and thickness as needed */
    border-radius: 4px; /* Optional: adds rounded corners */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); /* Optional: adds a subtle shadow */
}

/* Controls layout */
.map-controls {
    gap: 1em;
    flex-wrap: wrap;
    margin-top: 1em;
}

/* Input styling */
#gpx-upload,
#gpx-link-upload {
    padding: 0.5em;
    border: 1px solid #ddd;
    border-radius: 4px;
    flex: 1;
    min-width: 200px;
}

/* Button styling */
button {
    padding: 0.5em 1em;
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
}

button:hover {
    background: #ebebeb;
}

/* Dropdown styling */
#aspect-ratio {
    padding: 0.5em;
    border: 1px solid #ddd;
    border-radius: 4px;
}