/*
 * AP 产品参数区块 —— 样式
 *
 * 与「适配表」用同一套视觉语言（同色系、同间距、同圆角），
 * 这样产品页上两块信息看起来是一个整体，而不是两个插件拼出来的。
 *
 * 原则同 ap-fitment-display：
 *   1. 不跟主题抢字体（少设字号，换主题自动融入）
 *   2. 不假设明暗背景（一律用 currentColor 派生的半透明灰）
 */

.ap-pf {
	margin: 1.5em 0;
}

.ap-pf__title {
	margin: 0 0 0.6em;
	font-size: 1.15em;
	line-height: 1.3;
}

.ap-pf__sub {
	margin: 1.2em 0 0.4em;
	font-size: 1em;
	line-height: 1.3;
}

.ap-pf__price {
	margin: 0 0 1em;
	font-size: 1.05em;
}

.ap-pf__price-label {
	opacity: 0.7;
}

.ap-pf__on-request {
	font-weight: 600;
}

.ap-pf__table {
	width: 100%;
	max-width: 44em;
	border-collapse: collapse;
	font-size: 0.95em;
	line-height: 1.45;
	margin: 0 0 0.4em;
}

.ap-pf__table th,
.ap-pf__table td {
	padding: 0.5em 0.75em;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid rgba(127, 127, 127, 0.3);
}

/* 字段名列固定宽度，值列左对齐——长值换行时不会跟标签挤在一起。 */
.ap-pf__table th {
	width: 38%;
	font-weight: 600;
	background: rgba(127, 127, 127, 0.1);
}

.ap-pf__table tr:last-child th,
.ap-pf__table tr:last-child td {
	border-bottom: 0;
}

.ap-pf__cta {
	margin-top: 1.4em;
	padding: 1em 1.1em;
	border: 1px dashed rgba(127, 127, 127, 0.5);
	border-radius: 6px;
	background: rgba(127, 127, 127, 0.06);
}

/* WhatsApp 按钮：不引第三方品牌色，用当前主题的按钮语言，避免颜色打架。 */
.ap-pf__wa {
	display: inline-block;
	padding: 0.6em 1.2em;
	border-radius: 4px;
	background: #1f9d55;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	line-height: 1.4;
}

.ap-pf__wa:hover,
.ap-pf__wa:focus {
	background: #178246;
	color: #fff;
}

.ap-pf__cta-note {
	margin: 0.7em 0 0;
	font-size: 0.9em;
	opacity: 0.8;
}

@media (max-width: 600px) {
	.ap-pf__table th,
	.ap-pf__table td {
		padding: 0.45em 0.6em;
	}

	/* 窄屏上标签列收窄，把宽度让给值。 */
	.ap-pf__table th {
		width: 42%;
	}
}