/* 영신렌트카 팝업 스타일 */

.ys-popup-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.75);
	z-index: 99999;
	align-items: center;
	justify-content: center;
}

.ys-popup-overlay.ys-popup-active {
	display: flex;
}

/* 팝업 래퍼 - 이미지 원본 크기 그대로, 화면보다 크면 90vw/90vh 로 제한 */
.ys-popup-wrap {
	position: relative;
	max-width: 90vw;
	max-height: 90vh;
	border-radius: 12px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
	overflow: hidden;
	animation: ysPopupIn 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
	background: #1a1a1a; /* 이미지 로드 전 배경만 어둡게, 이미지 영역 여백 없음 */
	display: inline-flex;
	flex-direction: column;
	width: auto; /* 이미지 원본 너비에 맞게 자동 */
}

@keyframes ysPopupIn {
	from { transform: scale(0.9) translateY(12px); opacity: 0; }
	to   { transform: scale(1) translateY(0);      opacity: 1; }
}

/* 이미지 영역 - 여백/배경 완전 제거 */
.ys-popup-image {
	display: block;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
	background: transparent;
	flex-shrink: 0;
}

.ys-popup-image a {
	display: block;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
}

/* 이미지: 원본 사이즈 그대로, 화면 넘으면 축소 */
.ys-popup-image img {
	display: block;
	width: auto;           /* 원본 너비 */
	height: auto;          /* 원본 높이 */
	max-width: 90vw;       /* 화면 너비 90% 초과 시 축소 */
	max-height: 80vh;      /* 화면 높이 80% 초과 시 축소 */
	object-fit: contain;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

/* 선택적 텍스트 */
.ys-popup-content {
	padding: 16px 20px 12px;
	font-size: 14px;
	line-height: 1.7;
	color: #fff;
	background: #1a1a1a;
}

/* 하단 버튼 바 */
.ys-popup-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 11px 18px;
	background: #1a1a1a;
	flex-shrink: 0;
}

/* 오늘 하루 보지 않기 */
.ys-popup-today {
	background: none;
	border: none;
	border-bottom: 1px solid #555;
	color: #999;
	font-size: 13px;
	cursor: pointer;
	padding: 4px 0;
	transition: color 0.15s, border-color 0.15s;
	font-family: inherit;
}

.ys-popup-today:hover {
	color: #fff;
	border-color: #999;
}

/* 닫기 버튼 */
.ys-popup-close-btn {
	background: rgba(255,255,255,0.12);
	color: #ddd;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 6px;
	padding: 6px 20px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s, color 0.15s;
	font-family: inherit;
}

.ys-popup-close-btn:hover {
	background: rgba(255,255,255,0.22);
	color: #fff;
}

/* 모바일: 화면 80% */
@media (max-width: 600px) {
	.ys-popup-wrap {
		max-width: 80vw;
	}
	.ys-popup-image img {
		max-width: 80vw;
		max-height: 70vh;
	}
	.ys-popup-footer {
		padding: 10px 13px;
	}
	.ys-popup-today {
		font-size: 12px;
	}
	.ys-popup-close-btn {
		font-size: 12px;
		padding: 5px 13px;
	}
}