/* ── 정읍 PC 우측 슬라이드 팝업 ── */

.site-popup-jeongeup {
  --jeongeup-bg: #122423;
  --jeongeup-close-size: 40px;

  position: fixed !important;
  top: 49.5% !important;
  right: 100px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 8888 !important;
  width: auto !important;
  max-width: calc(100vw - 200px);
  transform: translateY(-50%);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  pointer-events: auto;

  /* 원본 GSAP 슬라이드인을 CSS로 재현 */
  animation: jeongeupSlideIn 1s cubic-bezier(0.2, 0.8, 0.2, 1) 0.2s both;
}

/* 배경 딤 */
.site-popup-wrap:has(.site-popup-jeongeup) .popup-dim {
  z-index: 8887 !important;
  background: rgba(0, 0, 0, 0.65);
  animation: jeongeupDimIn 1s ease both;
}

/* 팝업 아이템 컨테이너 */
.site-popup-jeongeup .site-popup-items {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

/* 개별 팝업 아이템 */
.site-popup-jeongeup .site-popup-item {
  flex: 0 0 auto;
  position: relative;
  height: 540px;
  width: auto;
  background: transparent;
}

/* 이미지 영역 */
.site-popup-jeongeup .site-popup-image {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.site-popup-jeongeup .site-popup-image img {
  display: block;
  height: 100%;
  width: auto;
  object-fit: cover;
}

/* 링크 영역 */
.site-popup-jeongeup .site-popup-link-area {
  position: absolute;
  display: block;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0;
  text-decoration: none;
}

/* 닫기 버튼 (우상단 X) */
.site-popup-jeongeup .site-popup-close-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: var(--jeongeup-close-size);
  height: var(--jeongeup-close-size);
  background: var(--jeongeup-bg);
  cursor: pointer;
  z-index: 10;
}

.site-popup-jeongeup .site-popup-close-btn span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 3px;
  background: #fff;
}

.site-popup-jeongeup .site-popup-close-btn span:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}

.site-popup-jeongeup .site-popup-close-btn span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* 기본 컨트롤 숨김 (오늘 하루 보지 않기 등) - 원본에 없음 */
.site-popup-jeongeup .site-popup-control {
  display: none;
}

/* ── 반응형 ── */
@media (max-width: 1200px) {
  .site-popup-jeongeup {
    right: 60px !important;
  }

  .site-popup-jeongeup .site-popup-item {
    height: 480px;
  }
}

@media (max-width: 1024px) {
  .site-popup-jeongeup {
    right: 24px !important;
  }

  .site-popup-jeongeup .site-popup-item {
    height: 420px;
  }
}

@media (max-width: 768px) {
  .site-popup-jeongeup {
    top: 50% !important;
    right: 16px !important;
    left: 16px !important;
    max-width: none;
    justify-content: center;
  }

  .site-popup-jeongeup .site-popup-items {
    flex-direction: column;
    gap: 12px;
  }

  .site-popup-jeongeup .site-popup-item {
    width: 100%;
    height: auto;
    max-height: calc(100vh - 120px);
  }

  .site-popup-jeongeup .site-popup-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}

/* ── 닫기 애니메이션 ── */
.site-popup-wrap.is-closing .site-popup-jeongeup {
  animation: jeongeupSlideOut 0.8s cubic-bezier(0.4, 0, 0.8, 0.2) forwards;
}

.site-popup-wrap.is-closing .popup-dim {
  animation: jeongeupDimOut 0.8s ease forwards;
}

/* ── 애니메이션 ── */
@keyframes jeongeupSlideIn {
  from {
    opacity: 0;
    transform: translate(120%, -50%);
  }
  to {
    opacity: 1;
    transform: translate(0, -50%);
  }
}

@keyframes jeongeupSlideOut {
  from {
    opacity: 1;
    transform: translate(0, -50%);
  }
  to {
    opacity: 0;
    transform: translate(120%, -50%);
  }
}

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

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