/* =========================================================
   곰플레이어 (GOM Player) PC버전 프리셋 — hon 블로그 전용
   - 베이스(.pts-preset) 컴포넌트 상속
   - 미드나잇 블루 + 네온 시안 + 따뜻한 앰버 (영상 플레이어 UI 톤)
   - gov24(블루)·philippines(옐로/네이비)·temu(오렌지핑크) 와 시각적으로 완전히 구분
   ========================================================= */
.pts-preset.gomplayer-landing{
	--pts-bg:        #F4F7FB;
	--pts-bg-soft:   #E4ECF6;
	--pts-line:      #D4DEEC;
	--pts-primary:   #00D4FF;   /* 네온 시안 */
	--pts-primary-d: #00A6CC;
	--pts-accent:    #FFB422;   /* 곰 캐릭터 앰버 (CTA 강조) */
	--pts-accent-d:  #E09100;
	--pts-ink:       #0B1220;   /* 미드나잇 잉크 */
	--pts-ink-soft:  #475569;
}

/* 히어로 — 미드나잇 블루 + 시안 글로우 (영상 플레이어 화면 톤) */
.pts-preset.gomplayer-landing .pts-hero{
	background:
		radial-gradient(circle at 12% 20%, rgba(0,212,255,0.30), transparent 55%),
		radial-gradient(circle at 90% 110%, rgba(255,180,34,0.18), transparent 50%),
		linear-gradient(135deg, #0B1220 0%, #122046 55%, #1E0F3A 100%);
	color: #fff;
	overflow: hidden;
}
.pts-preset.gomplayer-landing .pts-hero__eyebrow{
	background: rgba(0,212,255,0.18);
	color: #6FE7FF;
	border: 1px solid rgba(0,212,255,0.45);
	letter-spacing: 0.10em;
	backdrop-filter: blur(4px);
}
.pts-preset.gomplayer-landing .pts-hero__title{
	color: #fff;
	text-shadow: 0 2px 22px rgba(0,212,255,0.30);
}
.pts-preset.gomplayer-landing .pts-hero__lead{
	color: rgba(230,240,255,0.90);
}

/* 우상단 — 재생 버튼 글로우 모티프 */
.pts-preset.gomplayer-landing .pts-hero::before{
	content: "▶";
	position: absolute;
	top: 26px; right: 38px;
	width: 46px; height: 46px;
	display: flex; align-items: center; justify-content: center;
	background: rgba(0,212,255,0.12);
	color: #6FE7FF;
	border: 1.5px solid rgba(0,212,255,0.55);
	border-radius: 50%;
	font-size: 16px;
	padding-left: 3px;
	box-shadow: 0 0 24px rgba(0,212,255,0.45), inset 0 0 12px rgba(0,212,255,0.20);
	z-index: 1;
}

/* 좌하단 — 스캔라인 모티프 (영상 신호 톤) */
.pts-preset.gomplayer-landing .pts-hero::after{
	content: "";
	position: absolute;
	bottom: 0; left: 0; right: 0;
	height: 3px;
	background: linear-gradient(90deg,
		transparent 0%,
		rgba(0,212,255,0.6) 20%,
		rgba(255,180,34,0.5) 50%,
		rgba(0,212,255,0.6) 80%,
		transparent 100%);
	z-index: 0;
}

/* 다운로드/접속 카드 */
.pts-preset.gomplayer-landing .pts-card{
	border: 1px solid #D4DEEC;
	background: #fff;
	box-shadow: 0 6px 20px rgba(11,18,32,0.06);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.pts-preset.gomplayer-landing .pts-card:hover{
	transform: translateY(-3px);
	border-color: var(--pts-primary);
	box-shadow: 0 14px 30px rgba(0,212,255,0.18);
}
.pts-preset.gomplayer-landing .pts-card__os{
	display: inline-block;
	font-size: 11px; font-weight: 800;
	color: #0B1220;
	background: linear-gradient(90deg, #00D4FF, #6FE7FF);
	letter-spacing: 0.10em;
	padding: 4px 10px;
	border-radius: 4px;
	margin-bottom: 12px;
}
.pts-preset.gomplayer-landing .pts-card__name{
	font-size: 18px; font-weight: 800;
	margin: 0 0 4px; color: var(--pts-ink);
}
.pts-preset.gomplayer-landing .pts-card__meta{
	font-size: 13px; color: var(--pts-ink-soft); margin-bottom: 16px;
}

/* 단계 표시 — 미드나잇 배경 + 시안 글로우 숫자 */
.pts-preset.gomplayer-landing .pts-step::before{
	background: #0B1220;
	color: #00D4FF;
	border: 1.5px solid #00D4FF;
	box-shadow: 0 0 14px rgba(0,212,255,0.35);
}
.pts-preset.gomplayer-landing .pts-step h4{
	color: #122046;
}

/* 알림 박스 — 시안 글로우 톤 */
.pts-preset.gomplayer-landing .pts-notice{
	background: #EAF8FD;
	border: 1px solid #B6E6F4;
	border-left: 5px solid var(--pts-primary);
	color: #0B2B36;
}
.pts-preset.gomplayer-landing .pts-notice strong{
	color: var(--pts-primary-d);
}

/* CTA 버튼 — 앰버(곰 캐릭터 톤) 단색, 호버 시 시안 글로우 */
.pts-preset.gomplayer-landing .pts-btn--primary{
	background: var(--pts-accent);
	color: #0B1220;
	font-weight: 800;
	letter-spacing: 0.02em;
	box-shadow: 0 6px 18px rgba(255,180,34,0.40);
}
.pts-preset.gomplayer-landing .pts-btn--primary:hover{
	background: var(--pts-accent-d);
	box-shadow: 0 8px 22px rgba(0,212,255,0.35), 0 6px 18px rgba(255,180,34,0.30);
	transform: translateY(-1px);
}

/* 소개 카드 그리드 */
.pts-preset.gomplayer-landing .gom-intro{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px;
	margin: 24px 0 8px;
}
.pts-preset.gomplayer-landing .gom-intro-item{
	background: #fff;
	border-radius: var(--pts-radius);
	border: 1px solid #D4DEEC;
	padding: 22px 22px;
	position: relative;
	overflow: hidden;
}
.pts-preset.gomplayer-landing .gom-intro-item::before{
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 4px; height: 100%;
	background: linear-gradient(180deg, #00D4FF, #FFB422);
}
.pts-preset.gomplayer-landing .gom-intro-item h4{
	margin: 0 0 8px;
	font-size: 16px;
	color: #122046;
	display: flex; align-items: center; gap: 8px;
}
.pts-preset.gomplayer-landing .gom-intro-item h4::before{
	content: "▶";
	color: var(--pts-primary);
	font-size: 11px;
}
.pts-preset.gomplayer-landing .gom-intro-item p{
	margin: 0;
	font-size: 14px;
	color: var(--pts-ink-soft);
	line-height: 1.7;
}

/* FAQ — 질문 텍스트 톤만 강조 (좌측 세로선 ❌) */
.pts-preset.gomplayer-landing .pts-faq summary{
	color: var(--pts-ink);
	font-weight: 700;
}

/* 모바일 — 장식 요소 위치/크기 조정 */
@media (max-width: 768px){
	.pts-preset.gomplayer-landing .pts-hero::before{
		top: 18px; right: 22px;
		width: 38px; height: 38px;
		font-size: 14px;
	}
}
@media (max-width: 480px){
	.pts-preset.gomplayer-landing .pts-hero::before{
		top: 14px; right: 14px;
		width: 32px; height: 32px;
		font-size: 12px;
		opacity: 0.85;
	}
	.pts-preset.gomplayer-landing .gom-intro{ grid-template-columns: 1fr; gap: 12px; }
	.pts-preset.gomplayer-landing .gom-intro-item{ padding: 18px 18px; }
}