/* home_popup.css (v1.3) */

.hp-overlay{
  position:fixed; inset:0; display:none;
  background:rgba(0,0,0,.55);
  z-index:99999;
}
.hp-overlay.is-open{ display:block; }

.hp-modal{
  position:absolute; left:50%; top:56%;              /* ✅ 조금 아래 */
  transform:translate(-50%,-50%);
  width:min(92vw, 520px);
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.35);
}

.hp-slider{ position:relative; width:100%; overflow:hidden; }
.hp-track{
  display:flex; width:100%;
  transition:transform .35s ease;
  will-change:transform;
}
.hp-slide{ min-width:100%; }
.hp-slide a{ display:block; }
.hp-slide img{ width:100%; display:block; }

.hp-dots{
  position:absolute; left:0; right:0; bottom:10px;
  display:flex; gap:8px; justify-content:center; align-items:center;
}
.hp-dot{
  width:8px; height:8px; border-radius:999px;
  background:rgba(255,255,255,.55);
  box-shadow:0 2px 10px rgba(0,0,0,.18);
  cursor:pointer;
}
.hp-dot.is-on{ background:rgba(255,255,255,.98); }

.hp-prev,.hp-next{
  position:absolute; top:50%; transform:translateY(-50%);
  width:42px; height:42px;
  border:0; cursor:pointer;
  background:rgba(0,0,0,.30);
  color:#fff;
  border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  z-index:5;
}
.hp-prev{ left:10px; }
.hp-next{ right:10px; }

/* ✅ 하단 액션: 작게 */
.hp-actions{
  display:flex; align-items:center; justify-content:space-between;
  gap:10px;
  padding:7px 10px;
  border-top:1px solid #eee;
  font-size:12px;
}

/* ✅ 오늘그만보기 [체크] 형태 */
.hp-check-wrap{
  display:flex; align-items:center;
  gap:6px;
}
.hp-check-text{ line-height:1; }
.hp-check-wrap input{ cursor:pointer; }

/* ✅ 닫기 버튼 크기 */
.hp-btn{
  border:1px solid #ddd;
  background:#f7f7f7;
  padding:5px 10px;
  border-radius:10px;
  cursor:pointer;
  font-size:12px;     /* ✅ 추가 */
  line-height:1.2;
}
.hp-btn:hover{ background:#eee; }

/* ✅ 체크박스 강제 표시(전역 CSS에 의해 숨겨지는 경우 방지) */
#homePopupDontToday{
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  width: 16px !important;
  height: 16px !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-block !important;
  position: static !important;
  margin: 0 !important;
}