/* 카카오톡 접점 통합 (확정 시안) — 모바일 스트립 / PC 텍스트 링크 / 이탈방지 팝업 */
@keyframes kakaoPopIn { from { opacity: 0; transform: translateY(10px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes kakaoDimIn { from { opacity: 0; } to { opacity: 1; } }

/* 모바일 — 하단바 위 풀폭 스트립 (기본 회색 톤) */
.kakao-strip {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	border: none;
	border-top: 1px solid #ece9e1;
	padding: 7px 16px;
	background: #f4f2ec;
	color: #5f5d57;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
}
.kakao-strip .kakao-balloon { flex-shrink: 0; color: #8a8880; }
/* warn 톤 — 기한 있는 행동 요구(출고대기) 전용 */
.kakao-strip.warn {
	border-top-color: #f0dcae;
	background: #faeeda;
	color: #854f0b;
	font-weight: 700;
}
.kakao-strip.warn .kakao-balloon { color: #854f0b; }

/* PC — CTA 아래 텍스트 링크 (기본 회색 톤) */
.kakao-link {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: 100%;
	background: none;
	border: none;
	color: #6b6b66;
	font-size: 13px;
	font-weight: 500;
	padding: 14px 0;
	cursor: pointer;
}
.kakao-link .kakao-balloon { color: #8a8880; }
.kakao-link .txt { text-decoration: underline; text-decoration-color: #c9c7bf; text-underline-offset: 3px; }
/* warn 톤 — 채움형 버튼 */
.kakao-link.warn {
	gap: 8px;
	background: #faeeda;
	color: #854f0b;
	border: 1px solid #f0dcae;
	border-radius: 11px;
	font-size: 13.5px;
	font-weight: 700;
}
.kakao-link.warn .kakao-balloon { color: #854f0b; }
.kakao-link.warn .txt { text-decoration: none; }

/* 결제방식 선택기 — 옐로우 필 → 아웃라인 행 (값·변경 분리, 옐로우는 CTA 전용) */
.pay-method-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #c9c7bf;
	border-radius: 11px;
	padding: 14px 16px;
	background: #fff;
	text-align: left;
	cursor: pointer;
}
.pay-method-row .pm-val { display: flex; align-items: baseline; gap: 9px; }
.pay-method-row .pm-val .pm-label { color: #9a9a94; font-size: 12.5px; font-weight: 400; }
.pay-method-row .pm-val b { font-size: 15px; letter-spacing: -.01em; color: #000; }
.pay-method-row .pm-val .pm-name { display: inline-flex; align-items: baseline; gap: 3px; }
.pay-method-row .pm-help { display: inline-flex; align-items: center; align-self: center; line-height: 0; top: 0; }
.pay-method-row .pm-help img { width: 14px; height: 14px; top: 0; }
.pay-method-row .pm-change { display: flex; align-items: center; gap: 3px; margin-left: auto; color: #6b6b66; font-size: 13px; font-weight: 600; }
.pay-method-row .pm-arrow { font-size: 10px; }

/* 이탈방지 팝업 — A안 사이트 옐로우 확정 */
.kakao-exit-dim {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(20, 16, 8, .5);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 26px;
	z-index: 100;
	animation: kakaoDimIn .18s ease;
}
.kakao-exit-popup {
	position: relative;
	background: #fff;
	border-radius: 18px;
	padding: 26px 22px 20px;
	width: 100%;
	max-width: 290px;
	text-align: center;
	animation: kakaoPopIn .24s cubic-bezier(.2, .9, .3, 1.2);
}
.kakao-exit-popup .close-x {
	position: absolute;
	top: 14px;
	right: 16px;
	background: none;
	border: none;
	color: #b4b1a8;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
}
.kakao-exit-popup .icon-circle {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	margin: 2px auto 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f3f1ea;
	color: #8a8880;
}
.kakao-exit-popup .tit { font-size: 17px; font-weight: 800; letter-spacing: -.02em; margin-bottom: 7px; }
.kakao-exit-popup .desc { font-size: 13px; color: #6b6b66; line-height: 1.6; margin-bottom: 20px; }
.kakao-exit-popup .cta {
	width: 100%;
	background: #f5c518;
	color: #412402;
	border: none;
	border-radius: 11px;
	padding: 14px;
	font-size: 14.5px;
	font-weight: 800;
	cursor: pointer;
	margin-bottom: 4px;
}
.kakao-exit-popup .cta .kakao-balloon { margin-right: 6px; vertical-align: -3px; }
.kakao-exit-popup .leave {
	width: 100%;
	background: none;
	border: none;
	color: #a5a29a;
	font-size: 13px;
	padding: 10px 0 2px;
	cursor: pointer;
}