/* ==========================================================================
 * LINEUP GUIDE 2026 — 번들 기준 예외 (이 파일을 빼면 라이브 현재본과 같아진다)
 * 페이지 head 의 라이브 lineup.css 뒤에 로드된다(라이브 CSS는 그대로 두고 이 파일만 덮어씀)
 * 생성: scripts/export-lineup-html.ts tv-ca-en
 * ========================================================================== */
/* [lineup-exception:summary-card-dim] */
/* [예외 1] 요약 카드 텍스트 영역 dim — 에디터 화면과 동일한 값(black 85% → 45% → 0%). 제거하려면 이 블록만 삭제 */
.summary_wrap .swiper-slide::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 65%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.45) 55%, rgba(0, 0, 0, 0) 100%);
	pointer-events: none;
	z-index: 1;
}
/* 라이브 .thumb 가 position:relative 라 ::before 가 이미지 밑에 깔리므로 dim 을 이미지 위(z-index 1), 텍스트(.item)를 dim 위(z-index 2)로 올린다 */
.summary_wrap .swiper-slide .item {
	z-index: 2;
}
/* 라이브 lineup.css(2026-10-15 수정본)에 이미 들어 있는 요약 카드 dim(.thumb::after)은 이중으로 겹치지 않게 끈다 — 이 CSS가 라이브 CSS 뒤에 로드될 때만 의미가 있고, 없으면 무해 */
.summary_wrap .swiper-slide .thumb::after,
#panel_oled .swiper-slide:nth-child(1) .thumb::after,
#panel_oled .swiper-slide:nth-child(2) .thumb::after {
	content: none;
	background: none;
}

/* [lineup-exception:summary-card-title-fit] */
/* [예외 2] 요약 카드: 시리즈명 한 줄 · 제목 위치/높이 통일 · 해시태그 하단 고정. 제거하려면 이 블록만 삭제 */
.summary_wrap .swiper-slide {
	container-type: inline-size;
}
.summary_wrap .swiper-slide .item_info h3 {
	white-space: nowrap;
	font-size: 1.25rem;
}
@supports (width: 1cqw) {
	.summary_wrap .swiper-slide .item_info h3 {
		font-size: min(1.5rem, calc((100cqw - 2.5rem) / 11.2));
	}
}
#panel_all .swiper-slide .item,
#panel_oled .swiper-slide .item,
#panel_oled .swiper-slide:nth-child(1) .item,
#panel_oled .swiper-slide:nth-child(2) .item {
	box-sizing: border-box;
	min-height: 0;
}
/* 시리즈명↔본문 간격 0.5rem(본문↔해시태그 최소 간격도 0.5rem). 해시태그는 번들처럼 카드 아래(패딩 위)에 고정 — 본문이 짧으면 본문과 해시태그 사이만 벌어진다 */
.summary_wrap .swiper-slide .item {
	gap: 0.5rem;
}
.summary_wrap .swiper-slide .hashtags {
	margin-top: auto;
}
/* 카드 텍스트 박스 높이(화면폭 구간·탭별 실측값 + 4px) */
#panel_all .swiper-slide .item {
	height: 14.75rem;
}
#panel_oled .swiper-slide .item {
	height: 15.75rem;
}
@media (min-width: 341px) {
	#panel_all .swiper-slide .item {
		height: 14rem;
	}
	#panel_oled .swiper-slide .item {
		height: 15rem;
	}
}
@media (min-width: 400px) {
	#panel_all .swiper-slide .item {
		height: 13rem;
	}
	#panel_oled .swiper-slide .item {
		height: 14rem;
	}
}
@media (min-width: 500px) {
	#panel_all .swiper-slide .item {
		height: 11.75rem;
	}
	#panel_oled .swiper-slide .item {
		height: 13rem;
	}
}
@media (min-width: 680px) {
	#panel_all .swiper-slide .item {
		height: 14rem;
	}
	#panel_oled .swiper-slide .item {
		height: 15rem;
	}
}
@media (min-width: 768px) {
	#panel_all .swiper-slide .item {
		height: 13rem;
	}
	#panel_oled .swiper-slide .item {
		height: 14rem;
	}
}
@media (min-width: 900px) {
	#panel_all .swiper-slide .item {
		height: 11.75rem;
	}
	#panel_oled .swiper-slide .item {
		height: 13rem;
	}
}
@media (min-width: 1024px) {
	#panel_all .swiper-slide .item {
		height: 14rem;
	}
	#panel_oled .swiper-slide .item {
		height: 14rem;
	}
}
@media (min-width: 1300px) {
	#panel_all .swiper-slide .item {
		height: 15.5rem;
	}
	#panel_oled .swiper-slide .item {
		height: 16.75rem;
	}
}
@media (min-width: 1350px) {
	#panel_all .swiper-slide .item {
		height: 14.75rem;
	}
	#panel_oled .swiper-slide .item {
		height: 15.75rem;
	}
}
@media (min-width: 1440px) {
	#panel_all .swiper-slide .item {
		height: 14.75rem;
	}
	#panel_oled .swiper-slide .item {
		height: 16rem;
	}
}
@media (min-width: 1500px) {
	#panel_all .swiper-slide .item {
		height: 14.75rem;
	}
	#panel_oled .swiper-slide .item {
		height: 16rem;
	}
}
@media (min-width: 1300px) {
	@supports (width: 1cqw) {
		.summary_wrap .swiper-slide .item_info h3 {
			font-size: min(1.75rem, calc((100cqw - 4rem) / 11.2));
		}
	}
}

/* [lineup-exception:compared-head-two-lines] */
/* [예외 3] 스펙차트 시리즈명 탭: 최대 두 줄(모바일 포함). 데스크톱은 열 폭 기준으로 글자를 줄여 거의 한 줄(가장 긴 "LG QNED evo AI Mini LED"만 두 줄 — 1100~1440px 실측). 제거하려면 이 블록만 삭제 */
.compared_wrap.large .compared_head .inner {
	container-type: inline-size;
}
.compared_wrap.large .compared_head .inner > div {
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	font-size: 0.875rem;
	line-height: 1.1;
}
@supports (width: 1cqw) {
	.compared_wrap.large .compared_head .inner > div {
		font-size: min(1rem, calc((max(6.875rem, 12.5cqw) - 1rem) / 6));
	}
}
@media (min-width: 1024px) {
	.compared_wrap.large .compared_head .inner > div {
		font-size: 1.125rem;
	}
	@supports (width: 1cqw) {
		.compared_wrap.large .compared_head .inner > div {
			font-size: clamp(0.8125rem, calc((max(6.875rem, 12.5cqw) - 1rem) / 9.2), 1.5rem);
		}
	}
}

/* [lineup-exception:oled-card-size] */
/* [예외 4] OLED TVs 요약 카드를 All TVs 카드와 같은 크기로(PC). 제거하려면 이 블록만 삭제 */
@media (min-width: 1300px) {
	#panel_oled .swiper-slide,
	#panel_oled .swiper-slide:nth-child(1),
	#panel_oled .swiper-slide:nth-child(2) {
		width: calc(25% - 1.5rem);
	}
	#panel_oled .swiper-slide:nth-child(1) .item,
	#panel_oled .swiper-slide:nth-child(2) .item {
		max-width: none;
	}
}

/* [lineup-exception:spec-note-size] */
/* [예외 5] 스펙 셀의 괄호 설명·* 각주 글자 크기 10px(lg.com 최소 크기). 제거하려면 이 블록만 삭제 */
.compared_body .spec_txt span {
	font-size: 0.625rem;
}
@media (min-width: 1024px) {
	.compared_body .spec_txt span {
		font-size: 0.625rem;
	}
}