/* 기본 팝업 스타일 (PC 기준) */
.custom-popup {
    position: absolute;
    z-index: 900;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    border-radius: 8px;
    overflow: hidden;
    display: none; /* JS에서 쿠키 확인 후 보여줌 */
}

.popup-content img {
    display: block;
}

.popup-footer {
    background: #1d1d1d;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
}

.popup-footer button {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
}

/* ★ 모바일 반응형 처리 ★ */
@media (max-width: 768px) {
    .custom-popup {
        /* 서버 좌표를 무시하고 중앙 배치 */
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 90% !important; /* 화면 너비의 90% 사용 */
        max-width: 400px;
    }
}