.map-container {
    height: 300px;
    background: #f8fafc;
    border: 2px dashed #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
}

@media (max-width: 1024px) {
    
    #mobileMenu {
        z-index: 2147483647 !important;
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        width: 80vw !important;
        height: 100vh !important;
        background: white !important;
        box-shadow: -5px 0 15px rgba(0,0,0,0.1) !important;
    }
    
    #mobileOverlay {
        z-index: 2147483646 !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: rgba(0,0,0,0.5) !important;
        width: 100vw !important;
        height: 100vh !important;
    }
    
    body.mobile-menu-open {
        overflow: hidden !important;
        position: fixed !important;
        width: 100% !important;
        height: 100% !important;
    }
}


.enamad-style {
    border-radius: 0.5rem;
    padding: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    flex-direction: row-reverse;
    background-color: #ebfffd;
    margin:auto;
}