/**
 * LB PDP: Specs & Features
 * Figma 549:741 — full-bleed bg:#edf5ff, h:1618px
 * Top: headline (x:103, Montserrat Bold 32px #013f92) + subtext (18px #013f92)
 * Two tables: Product Specifications + Key Features
 * Table cols: left ~200px (ExtraBold 32px #013f92) / right auto (Medium 24px #383838)
 * Type A full-bleed breakout + __inner standard (max-width:1600px)
 * Compare mode (.lianbang-pdp-specs__table--compare): model image row + MODEL row + N value cols,
 *   first col 26%, values centered 18px; ≤768px horizontal scroll with sticky first col
 */

/* ── Full-bleed breakout ───────────────────────────────────── */
.lianbang-pdp-specs {
	position: relative;
	margin-left:  calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: auto;
	background-color: #edf5ff;
}

/* ── Inner container ───────────────────────────────────────── */
.lianbang-pdp-specs__inner {
	max-width: 1600px;
	margin: 0 auto;
	padding: var(--lb-section-pad-y, 80px) 30px 120px;
}

/* ── 顶部文案（Figma 545:621–622, x:103 → indent 73px） ───── */
.lianbang-pdp-specs__headline-wrap {
	display: flex;
	align-items: flex-start;
	gap: 48px;
	padding-left: 73px;
	margin-bottom: 72px;
}

/* 主标题 — Montserrat Bold 32px, #013f92, w:583px (Figma 545:621)
   用 h2 + !important 压过 Astra / Elementor 的全局标题字号 */
.lianbang-pdp-specs h2.lianbang-pdp-specs__headline {
	margin: 0;
	flex: 0 0 50%;
	max-width: 583px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 32px !important;
	line-height: 1.25 !important;
	color: #013f92;
}

/* 副文本 — Nunito Bold 18px, #013f92, w:454px (Figma 545:622) */
.lianbang-pdp-specs__subtext {
	margin: 0;
	flex: 1;
	max-width: 454px;
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 25px;
	color: #013f92;
}

/* ── 表格容器（Figma 545:692 / 545:693） ──────────────────── */
/* Figma: x:103 → indent 73px */
.lianbang-pdp-specs__table-wrap {
	padding-left: 73px;
	margin-bottom: 80px;
}

.lianbang-pdp-specs__table-wrap--features {
	margin-bottom: 0;
}

.lianbang-pdp-specs__note {
	margin: -8px 0 24px;
	max-width: 720px;
	font-family: 'Nunito', sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
	color: #383838;
}

/* ── 表格标题行（icon + title） ────────────────────────────── */
.lianbang-pdp-specs__table-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 32px;
}

.lianbang-pdp-specs__table-icon {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
}

/* 表格区块标题 — Nunito Bold 32px, #383838 (Figma 545:624 / 545:696) */
.lianbang-pdp-specs__table-title {
	margin: 0;
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 1.2;
	color: #383838;
}

/* ── 表格本体 ─────────────────────────────────────────────── */
.lianbang-pdp-specs__table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	border: none;
}

/* 清除主题/Elementor 默认的单元格竖线，只保留底部横线 */
.lianbang-pdp-specs__th,
.lianbang-pdp-specs__td {
	border-top: none;
	border-left: none;
	border-right: none;
}

/* 表头 — ExtraBold 32px, #013f92 (Figma 545:647 Item / 545:649 Specification) */
.lianbang-pdp-specs__th {
	padding: 0 0 20px;
	font-family: 'Nunito', sans-serif;
	font-weight: 800;
	font-size: 32px;
	line-height: 1.2;
	color: #013f92;
	text-align: left;
	border-bottom: 1px solid #c0d5ed;
}

/* 左列宽 58%（Figma: 右列内容从 x:631 开始，表格总宽 1085px → 631/1085 ≈ 58%） */
.lianbang-pdp-specs__th:first-child,
.lianbang-pdp-specs__td:first-child {
	width: 58%;
}

/* 表格行 */
.lianbang-pdp-specs__row {
	border-bottom: 1px solid #c0d5ed;
}

/* 单元格 — Nunito Medium 24px, #383838, leading:25px (Figma 545:656–686) */
.lianbang-pdp-specs__td {
	padding: 20px 0;
	font-family: 'Nunito', sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 25px;
	color: #383838;
	vertical-align: middle;
}

/* ── 多规格对比模式（product_models ≥ 2） ─────────────────── */
/* 参考：图 1（型号图 + MODEL 行 + 规格行）与图 2（"Which model…" 标题）合并 */
.lianbang-pdp-specs__scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* 首列 26%，其余型号列等分（table-layout: fixed） */
.lianbang-pdp-specs__table--compare .lianbang-pdp-specs__th:first-child,
.lianbang-pdp-specs__table--compare .lianbang-pdp-specs__td:first-child {
	width: 26%;
}

/* 型号图行：无底线，图片居中 object-contain */
.lianbang-pdp-specs__table--compare .lianbang-pdp-specs__model-images .lianbang-pdp-specs__th {
	padding: 0 12px 28px;
	border-bottom: none;
	text-align: center;
	vertical-align: bottom;
}

.lianbang-pdp-specs__model-img {
	display: inline-block;
	width: 100%;
	max-width: 180px;
	height: 150px;
	object-fit: contain;
}

/* 压过 Astra 文章图的方框阴影，避免透明型号图被框成一块矩形 */
.lianbang-pdp-specs .lianbang-pdp-specs__model-img {
	box-shadow: none;
}

/* MODEL 行：左标签 + 型号名，ExtraBold 20px #013f92 */
.lianbang-pdp-specs__table--compare .lianbang-pdp-specs__model-names .lianbang-pdp-specs__th {
	padding: 0 12px 18px;
	font-size: 20px;
	line-height: 1.3;
	text-align: center;
	border-bottom: 1px solid #c0d5ed;
}

.lianbang-pdp-specs__table--compare .lianbang-pdp-specs__th--label {
	text-align: left;
	padding-left: 0;
}

/* 移动端滚动提示：默认隐藏，≤768px 显示 */
.lianbang-pdp-specs__scroll-hint {
	display: none;
	margin: 10px 0 0;
	font-family: 'Nunito', sans-serif;
	font-size: 13px;
	line-height: 1.4;
	color: #6b7f99;
	text-align: center;
}

/* 规格行：标签左对齐 SemiBold 20px，数值居中 Medium 18px */
.lianbang-pdp-specs__table--compare .lianbang-pdp-specs__td {
	padding: 18px 12px;
	font-size: 18px;
	line-height: 1.4;
	text-align: center;
}

.lianbang-pdp-specs__table--compare .lianbang-pdp-specs__td--label {
	padding-left: 0;
	font-weight: 600;
	font-size: 20px;
	text-align: left;
}

/* ── 响应式 ─────────────────────────────────────────────────── */
@media (max-width: 1024px) {
	.lianbang-pdp-specs__headline-wrap {
		flex-direction: column;
		gap: 24px;
	}

	.lianbang-pdp-specs__headline,
	.lianbang-pdp-specs__subtext {
		flex: 0 0 auto;
		max-width: 100%;
	}
}

@media (max-width: 768px) {
	.lianbang-pdp-specs__headline-wrap,
	.lianbang-pdp-specs__table-wrap {
		padding-left: 0;
	}

	.lianbang-pdp-specs h2.lianbang-pdp-specs__headline { font-size: 24px !important; }
	.lianbang-pdp-specs__table-title { font-size: 24px; }
	.lianbang-pdp-specs__th  { font-size: 20px; }
	.lianbang-pdp-specs__td  { font-size: 16px; padding: 14px 0; }

	/* 对比表：横向滚动 + 首列吸附；列宽改为固定值以保证可滚动 */
	.lianbang-pdp-specs__table--compare {
		table-layout: auto;
		min-width: 100%;
	}

	.lianbang-pdp-specs__table--compare .lianbang-pdp-specs__th,
	.lianbang-pdp-specs__table--compare .lianbang-pdp-specs__td {
		min-width: 150px;
		padding: 12px 10px;
		font-size: 15px;
	}

	.lianbang-pdp-specs__table--compare .lianbang-pdp-specs__th:first-child,
	.lianbang-pdp-specs__table--compare .lianbang-pdp-specs__td:first-child {
		position: sticky;
		left: 0;
		z-index: 1;
		width: 140px;
		min-width: 140px;
		background-color: #edf5ff;
		box-shadow: 2px 0 0 #edf5ff;
	}

	.lianbang-pdp-specs__table--compare .lianbang-pdp-specs__model-names .lianbang-pdp-specs__th { font-size: 16px; }
	.lianbang-pdp-specs__table--compare .lianbang-pdp-specs__td--label { font-size: 15px; }
	.lianbang-pdp-specs__model-img { height: 100px; max-width: 120px; }
	.lianbang-pdp-specs__scroll-hint { display: block; }
}

@media (max-width: 480px) {
	.lianbang-pdp-specs__inner { padding-left: 20px; padding-right: 20px; }
	.lianbang-pdp-specs h2.lianbang-pdp-specs__headline { font-size: 20px !important; }
	.lianbang-pdp-specs__subtext  { font-size: 16px; }

	/* 窄屏改为上下堆叠展示（仅单品 2 列表；对比表保持横向滚动） */
	.lianbang-pdp-specs__table:not(.lianbang-pdp-specs__table--compare),
	.lianbang-pdp-specs__table:not(.lianbang-pdp-specs__table--compare) thead {
		display: block;
	}

	.lianbang-pdp-specs__table:not(.lianbang-pdp-specs__table--compare) thead { display: none; }

	.lianbang-pdp-specs__table:not(.lianbang-pdp-specs__table--compare) tbody,
	.lianbang-pdp-specs__table:not(.lianbang-pdp-specs__table--compare) .lianbang-pdp-specs__row {
		display: block;
	}

	.lianbang-pdp-specs__table:not(.lianbang-pdp-specs__table--compare) .lianbang-pdp-specs__td {
		display: block;
		width: 100%;
		padding: 8px 0;
		font-size: 15px;
	}

	.lianbang-pdp-specs__table:not(.lianbang-pdp-specs__table--compare) .lianbang-pdp-specs__td:first-child {
		font-weight: 700;
		color: #013f92;
		padding-top: 16px;
	}

	.lianbang-pdp-specs__table:not(.lianbang-pdp-specs__table--compare) .lianbang-pdp-specs__td:last-child {
		padding-bottom: 16px;
	}

	.lianbang-pdp-specs__row {
		border-bottom: 1px solid #c0d5ed;
	}
}