/* === Promo Modal (Vanilla) === */
.promo-backdrop {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.55);
    display: none; /* 숨김 기본 */
    align-items: center; justify-content: center;
    z-index: 9999;
}
.promo-backdrop.show { display: flex; }

.promo-dialog {
    position: relative;
    max-width: 680px; width: calc(100% - 32px);
    border-radius: 12px; overflow: hidden;
    background: transparent; /* 이미지만 보이게 */
}

.promo-img { display: block; width: 100%; height: auto; border-radius: 12px; }

.promo-close {
    position: absolute; top: -10px; right: -10px;
    width: 36px; height: 36px; border: none; border-radius: 50%;
    background: #000; color: #fff; font-size: 20px; line-height: 36px; cursor: pointer;
    opacity: .85;
}
.promo-close:hover { opacity: 1; }