/* Modal Overlay: Hidden state */
#ia-product-add-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000; /* Solid black background */
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: auto; /* Allow scrolling on the overlay if needed */
}

/* Modal Overlay: Visible state */
#ia-product-add-modal.show {
    opacity: 1;
    pointer-events: auto;
}

/* Modal Content Container */
.ia-product-add-modal-content {
    width: 100%;
    max-width: 800px;       /* Adjust this value as needed for your design */
    max-height: 90vh;       /* Limit content height to 90% of the viewport */
    background: #fff;       /* Background for the modal content */
    overflow-y: auto;       /* Enable vertical scrolling for overflowing content */
    transform: scale(0.8);
    transition: transform 0.3s ease;
    padding: 20px;          /* Optional padding for inner content */
    box-sizing: border-box; /* Ensure padding doesn't increase overall width */
}

/* Modal Content: Visible state scales to normal size */
#ia-product-add-modal.show .ia-product-add-modal-content {
    transform: scale(1);
}

@media screen and (max-width : 768px) {
    #ia-product-add-modal {
        align-items: flex-start;
    }

    .lr__add_product__container{
        height: auto;
    }

}