.store {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* padding: 0 15px; */
    /* Add some padding for better mobile view */
}

.maps_section{
    display: flex;
    flex-direction: row;
}

div#title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
    /* Center text for smaller screens */
}

div#title h2 {
    margin: 0px;
    font-size: clamp(1.5em, 2.5vw, 2em);
    /* Use clamp for smoother transitions */
}

div#title ion-icon {
    font-size: clamp(25px, 2vw, 25px);
    /* Use clamp for smoother transitions */
}

p {
    font-size: clamp(1em, 2.5vw, 1.2em);
    /* Responsive text for paragraphs */
}

iframe#google_map {
    width: 1024px;
    /* Default width */
    max-width: 100%;
    /* Ensure it doesn't exceed the container's width */
    height: 450px;
    /* Default height */
    border: none;
}

@media (max-width: 1024px) {
    iframe#google_map {
        width: 100%;
        /* Adjust width for medium screens */
        height: 500px;
        /* Adjust height for medium screens */
    }
}

@media (max-width: 768px) {
    div#title {
        flex-direction: column;
        gap: 15px;
        /* Increase gap for better spacing on smaller screens */
    }

    div#title h2 {
        font-size: clamp(1.4em, 4vw, 1.75em);
        /* Adjust font size for smaller screens */
    }

    div#title ion-icon {
        font-size: clamp(22px, 3vw, 22px);
        /* Adjust icon size for smaller screens */
    }

    p {
        font-size: clamp(0.95em, 3vw, 1.1em);
        /* Adjust paragraph font size for smaller screens */
    }

    iframe#google_map {
        height: 400px;
        /* Adjust height for smaller screens */
    }
}

@media (max-width: 480px) {
    div#title h2 {
        font-size: clamp(1.2em, 5vw, 1.5em);
        /* Further adjust font size for very small screens */
    }

    div#title ion-icon {
        font-size: clamp(20px, 3.5vw, 20px);
        /* Adjust icon size for very small screens */
    }

    p {
        font-size: clamp(0.9em, 4vw, 1em);
        /* Further adjust paragraph font size for very small screens */
    }

    iframe#google_map {
        height: 350px;
        /* Further adjust height for very small screens */
    }
}

@media (max-width: 360px) {
    div#title h2 {
        font-size: clamp(1em, 6vw, 1.25em);
        /* Further adjust font size for very small screens */
    }

    div#title ion-icon {
        font-size: clamp(18px, 4vw, 18px);
        /* Adjust icon size for very small screens */
    }

    p {
        font-size: clamp(0.8em, 5vw, 0.95em);
        /* Further adjust paragraph font size for very small screens */
    }

    iframe#google_map {
        height: 350px;
        /* Further adjust height for very small screens */
    }
}