.bodrumedya-modal {

    display: none;

    position: fixed;

    z-index: 999999999 !important;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: rgb(0, 0, 0);

    background-color: rgba(0, 0, 0, 0.6);

    backdrop-filter: blur(5px);

    align-items: center;

    justify-content: center;

}



.bodrumedya-modal.show {

    display: flex !important;

}



.bodrumedya-modal-content {

    background-color: #fefefe;

    margin: auto;

    padding: 40px;

    width: 90%;

    max-width: 800px;

    border-radius: 15px;

    position: relative;

    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);

    animation: modalFadeIn 0.3s;

}



@keyframes modalFadeIn {

    from {

        opacity: 0;

        transform: translateY(-50px);

    }



    to {

        opacity: 1;

        transform: translateY(0);

    }

}



.bodrumedya-close {

    color: #6B4BFE;

    position: absolute;

    top: 10px;

    right: 20px;

    font-size: 28px;

    font-weight: bold;

    cursor: pointer;

    transition: color 0.3s;

    z-index: 10;

}



.bodrumedya-close:hover,

.bodrumedya-close:focus {

    color: #000;

    text-decoration: none;

    cursor: pointer;

}