/* =========================================================
   카카오톡 PC 다운로드 프리셋
   - 베이스(.pts-preset)에서 모든 공통 컴포넌트 상속
   - 여기선 브랜드 컬러만 덮어쓰기 + 카카오 전용 마이크로 디테일
   ========================================================= */
.pts-preset.kakaotalk-pc-landing{
	/* 카카오 브랜드 톤으로 베이스 토큰 덮어쓰기 */
	--pts-bg:        #FBF6EC;
	--pts-bg-soft:   #F4ECDB;
	--pts-line:      #E8DEC9;
	--pts-primary:   #F2B600;   /* 머스타드 */
	--pts-primary-d: #C99500;
	--pts-accent:    #0F4C5C;   /* 딥틸 */
	--pts-accent-d:  #0A3A47;
	--pts-ink:       #1F1B17;   /* 본문 진한 갈색 톤 */
	--pts-ink-soft:  #5A5247;
}

/* 카카오 히어로 — 그라데이션만 브랜드용으로 교체 */
.pts-preset.kakaotalk-pc-landing .pts-hero{
	background: linear-gradient(135deg, #FFE08A 0%, #F2B600 60%, #E29C00 100%);
}
.pts-preset.kakaotalk-pc-landing .pts-hero::before{
	content: ""; position: absolute; right: -80px; top: -80px;
	width: 260px; height: 260px;
	background: rgba(255,255,255,0.25); border-radius: 50%;
}
.pts-preset.kakaotalk-pc-landing .pts-hero::after{
	content: ""; position: absolute; right: 60px; bottom: -120px;
	width: 200px; height: 200px;
	background: rgba(15,76,92,0.12); border-radius: 50%;
}

/* 카카오 다운로드 카드의 OS 라벨 */
.pts-preset.kakaotalk-pc-landing .pts-card__os{
	font-size: 12px; font-weight: 700;
	color: var(--pts-accent);
	letter-spacing: 0.08em; margin-bottom: 6px;
}
.pts-preset.kakaotalk-pc-landing .pts-card__name{
	font-size: 18px; font-weight: 700;
	margin: 0 0 4px; color: var(--pts-ink);
}
.pts-preset.kakaotalk-pc-landing .pts-card__meta{
	font-size: 13px; color: var(--pts-ink-soft); margin-bottom: 16px;
}

/* 카카오 단계 표시(머스타드 동그라미 + 진한 본문색) — 베이스는 흰 글자라 덮어씀 */
.pts-preset.kakaotalk-pc-landing .pts-step::before{
	background: var(--pts-primary); color: var(--pts-ink);
	box-shadow: 0 2px 8px rgba(242,182,0,0.45);
}

/* 카카오 알림 박스 — 노랑 톤으로 */
.pts-preset.kakaotalk-pc-landing .pts-notice{
	background: #FFF7D6;
	border: 1px solid #F2D55C;
	border-left: 5px solid var(--pts-primary);
}
.pts-preset.kakaotalk-pc-landing .pts-notice strong{ color: var(--pts-accent); }

/* 모바일 — 장식 원형 그래픽 크기 조정 (히어로 안에 자연스럽게 들어가도록) */
@media (max-width: 480px){
	.pts-preset.kakaotalk-pc-landing .pts-hero::before{
		width: 160px; height: 160px;
		right: -50px; top: -50px;
	}
	.pts-preset.kakaotalk-pc-landing .pts-hero::after{
		width: 120px; height: 120px;
		right: 20px; bottom: -90px;
	}
}