body.pop-open { overflow: hidden; }

.order_pop_up_box {
    display: none;
    position: fixed;
    top: 0; left: 0; width: 100vw; height: 100vh;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 9999;
    backdrop-filter: blur(5px);
}

.order_pop_up_box.show {
    display: block;
    animation: fadeIn 0.3s ease forwards;
}

.order_pop_up_box_in {
    display: flex; justify-content: center; align-items: center;
    width: 100%; height: 100%; padding: 20px; box-sizing: border-box;
}

.order_pop_up {
    width: 100%; max-width: 900px; height: 85vh;
    background-color: #111;
    border-radius: 8px; display: flex; flex-direction: column;
    box-shadow: 0 25px 50px rgba(0,0,0,0.5);
    overflow: hidden; position: relative;
    border: 1px solid rgba(201,165,92,0.3);
}

.pop_up_header {
    background-color: #000; padding: 15px 25px !important;
    display: flex; justify-content: flex-end; align-items: center;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.btn_close {
    color: #fff; text-decoration: none; font-size: 16px;
    font-family: 'Montserrat', sans-serif; text-transform: uppercase;
    letter-spacing: 2px; transition: color 0.3s ease;
}

.btn_close:hover { color: #c9a55c; }

.frame-content {
    flex-grow: 1; width: 100%; height: 100%; background-color: #fff;
}

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }