.maven-product-detail__hero {
	overflow: hidden;
	background: #082f57;
	color: #fff;
}
.maven-product-detail__hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(24rem, 0.8fr);
	min-height: clamp(34rem, 54vw, 47rem);
}
.maven-product-detail__identity {
	display: flex;
	min-width: 0;
	flex-direction: column;
	justify-content: center;
	padding: clamp(4rem, 8vw, 8rem) clamp(2rem, 7vw, 8rem) clamp(4rem, 8vw, 7rem)
		0;
}
.maven-product-detail__hero h1 {
	max-width: 13ch;
	margin: 0 0 1.5rem;
	color: #fff;
	font-size: clamp(3rem, 5.2vw, 6rem);
	font-weight: 600;
	line-height: 0.97;
	letter-spacing: -0.052em;
	overflow-wrap: anywhere;
}
.maven-product-detail__code {
	margin: 0 0 1rem;
	color: #bde6c4;
	font-size: var(--maven-label);
	font-weight: 750;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.maven-product-detail__summary {
	max-width: 42rem;
	margin: 0;
	color: #dce8ef;
	font-size: var(--maven-body-lg);
	line-height: 1.65;
}
.maven-product-detail__categories {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem 1.25rem;
	margin-top: 2rem;
}
.maven-product-detail__categories a {
	color: #fff;
	font-size: var(--maven-caption);
	font-weight: 700;
	text-underline-offset: 0.3em;
}
.maven-product-detail__media {
	min-width: 0;
	margin: 0;
	overflow: hidden;
	background: #d7e1e7;
}
.maven-product-detail__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.maven-product-detail__media-empty {
	display: flex;
	min-height: 100%;
	align-items: flex-end;
	justify-content: space-between;
	padding: 3rem;
	background: #0b3d6b;
}
.maven-product-detail__media-empty span {
	color: rgba(255, 255, 255, 0.18);
	font-size: clamp(5rem, 12vw, 11rem);
	font-weight: 650;
	line-height: 0.8;
	letter-spacing: -0.08em;
}
.maven-product-detail__media-empty i {
	width: min(8vw, 7rem);
	height: 3px;
	background: var(--maven-green);
}
.maven-product-detail__section {
	padding-block: var(--maven-section);
}
.maven-product-detail__section--soft {
	background: #f1f5f7;
}
.maven-product-detail__split {
	display: grid;
	grid-template-columns: minmax(16rem, 0.72fr) minmax(0, 1.28fr);
	gap: clamp(3rem, 9vw, 11rem);
}
.maven-product-detail__split h2,
.maven-product-detail__section-heading h2 {
	max-width: 12ch;
	margin: 0;
	font-size: clamp(2.5rem, 4.3vw, 4.8rem);
}
.maven-product-detail__prose {
	max-width: 49rem;
	font-size: var(--maven-body-lg);
}
.maven-product-detail__prose > :first-child {
	margin-top: 0;
}
.maven-product-detail__prose > :last-child {
	margin-bottom: 0;
}
.maven-product-detail__technical-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(3rem, 9vw, 10rem);
}
.maven-product-detail__technical-grid h2 {
	max-width: 13ch;
	font-size: clamp(2rem, 3.4vw, 3.75rem);
}
.maven-product-detail__list,
.maven-product-detail__benefits {
	margin: 2rem 0 0;
	padding: 0;
	border-top: 1px solid #b8c7d0;
	list-style: none;
}
.maven-product-detail__list li,
.maven-product-detail__benefits li {
	padding: 1rem 0;
	border-bottom: 1px solid #b8c7d0;
	color: var(--maven-heading);
}
.maven-product-detail__benefits {
	counter-reset: maven-benefit;
}
.maven-product-detail__benefits li {
	display: grid;
	grid-template-columns: 2.5rem minmax(0, 1fr);
	gap: 1rem;
	align-items: baseline;
}
.maven-product-detail__benefits li:before {
	counter-increment: maven-benefit;
	content: counter(maven-benefit, decimal-leading-zero);
	color: var(--maven-green-ink, #1f7a34);
	font-size: var(--maven-caption);
	font-weight: 750;
}
/* 第一条与左侧绿色小标签顶端对齐 */
.maven-product-detail__benefits > li:first-child {
	padding-top: 0;
}
.maven-product-detail__section-heading {
	margin-bottom: clamp(2.5rem, 5vw, 4rem);
}
.maven-product-detail__table-wrap {
	max-width: 100%;
	overflow-x: auto;
	border-top: 3px solid var(--maven-green);
	outline-offset: 0.3rem;
}
.maven-product-detail__table {
	width: 100%;
	min-width: 42rem;
	border-collapse: collapse;
	background: #fff;
	text-align: left;
}
.maven-product-detail__table th,
.maven-product-detail__table td {
	padding: 1.1rem 1rem;
	border-bottom: 1px solid var(--maven-border);
	vertical-align: top;
}
.maven-product-detail__table thead th {
	background: #e9eff2;
	color: var(--maven-heading);
	font-size: var(--maven-caption);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.maven-product-detail__table tbody th {
	color: var(--maven-heading);
	font-weight: 700;
}
.maven-product-detail__section--dark {
	background: #092f54;
	color: #dce8ef;
}
.maven-product-detail__detail-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(2rem, 6vw, 6rem);
}
.maven-product-detail__detail-grid > div {
	padding-top: 1.5rem;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.maven-product-detail__detail-grid h2 {
	margin: 0 0 1rem;
	color: #fff;
	font-size: 1.35rem;
}
.maven-product-detail__detail-grid p {
	margin: 0;
}
.maven-product-detail__documents {
	background: #fff;
}
.maven-product-detail__document-list {
	margin: 0;
	padding: 0;
	border-top: 1px solid var(--maven-border);
	list-style: none;
}
.maven-product-detail__document-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	padding: 1.25rem 0;
	border-bottom: 1px solid var(--maven-border);
}
.maven-product-detail__document-list strong,
.maven-product-detail__document-list span {
	display: block;
}
.maven-product-detail__document-list div span {
	margin-top: 0.25rem;
	color: var(--maven-muted);
	font-size: var(--maven-caption);
}
.maven-product-detail__document-list a {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	min-height: 2.75rem;
	color: var(--maven-heading);
	font-size: var(--maven-small);
	font-weight: 750;
	white-space: nowrap;
}
/* 空状态沿用「文档行」的排版；上内距为 0，让首行与左侧 TECHNICAL DOCUMENTS 齐平 */
body .maven-foundation__site .maven-foundation__main .maven-product-detail .maven-product-detail__document-empty {
	padding: 0;
	border: 0;
	background: none;
	text-align: left;
}
body .maven-foundation__site .maven-foundation__main .maven-product-detail .maven-product-detail__document-empty > p {
	margin-inline: 0;
	text-align: left;
}
.maven-product-detail__document-empty-tag {
	margin: 0 0 10px;
	color: #5d7183;
	font-size: 0.76rem;
	font-weight: 750;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.maven-product-detail__document-empty-title {
	margin: 0 0 11px;
	color: #082f57;
	font-size: 1.55rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
}
.maven-product-detail__document-empty-copy {
	max-width: 46ch;
	margin: 0;
	color: #29455d;
	font-size: var(--maven-body);
	line-height: 1.65;
}
.maven-product-detail__document-empty-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 1rem 1.75rem;
	margin-top: 20px;
}
.maven-product-detail__document-empty-actions .maven-docs-plain-link {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0;
	border: 0;
	background: none;
	color: #082f57;
	font-size: 0.95rem;
	font-weight: 750;
	text-decoration: none;
}
.maven-product-detail__document-empty-actions .maven-docs-plain-link-label {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.3rem;
}
.maven-product-detail__document-empty-actions .maven-docs-plain-link:hover,
.maven-product-detail__document-empty-actions .maven-docs-plain-link:focus-visible {
	color: #1f7a34;
}
.maven-product-detail__document-empty-actions .maven-docs-plain-link > span[aria-hidden="true"] {
	transition: transform var(--maven-motion-base) var(--maven-ease-out);
}
.maven-product-detail__document-empty-actions .maven-docs-plain-link:hover > span[aria-hidden="true"],
.maven-product-detail__document-empty-actions .maven-docs-plain-link:focus-visible > span[aria-hidden="true"] {
	transform: translateX(0.28rem);
}
.maven-product-detail__related {
	background: #f1f5f7;
}
.maven-product-detail__related .maven-product-result h3 {
	margin: 0 0 0.75rem;
	font-size: clamp(1.4rem, 2vw, 2rem);
}
.maven-product-detail__related .maven-product-result h3 a {
	color: var(--maven-heading);
	text-decoration: none;
}
.maven-product-detail__related .maven-product-result h3 a:hover,
.maven-product-detail__related .maven-product-result h3 a:focus-visible {
	color: var(--maven-blue);
}
@media (max-width: 64rem) {
	.maven-product-detail__hero-grid {
		grid-template-columns: minmax(0, 1fr) minmax(19rem, 0.78fr);
		min-height: 35rem;
	}
	.maven-product-detail__identity {
		padding-right: 2.5rem;
	}
	.maven-product-detail__split {
		gap: 4rem;
	}
	.maven-product-detail__detail-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 48rem) {
	.maven-product-detail__hero-grid {
		display: flex;
		min-height: 0;
		flex-direction: column;
	}
	.maven-product-detail__identity {
		padding: 3rem 0;
	}
	.maven-product-detail__hero h1 {
		font-size: clamp(2.8rem, 12vw, 4.25rem);
	}
	.maven-product-detail__media,
	.maven-product-detail__media-empty {
		height: 18rem;
		min-height: 0;
	}
	.maven-product-detail__media-empty {
		padding: 2rem;
	}
	.maven-product-detail__split,
	.maven-product-detail__technical-grid,
	.maven-product-detail__detail-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
	.maven-product-detail__table-wrap {
		margin-right: calc(var(--maven-gutter) * -1);
		padding-right: var(--maven-gutter);
	}
	.maven-product-detail__document-list li {
		align-items: flex-start;
		flex-direction: column;
		gap: 0.5rem;
	}
}
@media (max-width: 24rem) {
	.maven-product-detail__media-empty span {
		font-size: 4rem;
	}
	.maven-product-detail__table th,
	.maven-product-detail__table td {
		padding: 0.9rem 0.75rem;
	}
}
@media (prefers-reduced-motion: reduce) {
	.maven-product-detail a,
	.maven-product-detail img {
		transition-duration: 0.1ms !important;
	}
}
.maven-product-detail__summary {
	overflow-wrap: anywhere;
}

/* Product detail phase 2: category atmosphere, product identity and CMS imagery only. */
.maven-product-detail .maven-product-detail__hero {
	position: relative;
	z-index: 1;
	isolation: isolate;
	display: grid;
	height: calc(100svh - clamp(12rem, 22svh, 15rem));
	min-height: 34rem;
	max-height: 56rem;
	overflow: visible !important;
	background: #062f59 !important;
	background-image: none !important;
	color: #fff;
}
.maven-product-detail .maven-product-detail__hero::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	display: block !important;
	background: linear-gradient(
		90deg,
		rgba(2, 28, 54, 0.9) 0%,
		rgba(2, 36, 68, 0.75) 44%,
		rgba(2, 30, 58, 0.58) 100%
	);
	pointer-events: none;
}
.maven-product-detail__backdrop {
	position: absolute;
	inset: 0;
	z-index: -2;
	overflow: hidden;
	background: #062f59;
}
.maven-product-detail__backdrop-image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
	filter: blur(10px) saturate(0.72) contrast(1.04);
	transform: scale(1.055);
	animation: none !important;
	transition: none !important;
}
.maven-product-detail .maven-product-detail__hero-grid {
	position: relative;
	z-index: 1;
	display: grid;
	width: min(calc(100% - 2 * var(--maven-gutter)), var(--maven-wide));
	min-height: 100%;
	margin: 0 auto;
	padding: clamp(3.75rem, 7vw, 6rem) 0 clamp(3.25rem, 6vw, 5rem);
	grid-template-columns: minmax(0, 1fr) minmax(22rem, 27rem);
	gap: clamp(3rem, 5vw, 5rem);
	align-items: center;
}
.maven-product-detail .maven-product-detail__hero-grid.is-image-missing {
	grid-template-columns: minmax(0, 52rem);
}
.maven-product-detail .maven-product-detail__identity {
	display: block;
	min-width: 0;
	max-width: none;
	padding: 0;
}
.maven-product-detail .maven-product-detail__hero h1 {
	max-width: none;
	margin: 0;
	color: #fff;
	text-shadow:
		0 2px 26px rgba(2, 20, 40, 0.6),
		0 1px 4px rgba(2, 20, 40, 0.4);
	font-size: clamp(2.6rem, 3.4vw, 4rem);
	font-weight: 700;
	line-height: 1.02;
	letter-spacing: -0.042em;
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
	text-wrap: balance;
}
.maven-product-detail__composition {
	position: relative;
	isolation: isolate;
	justify-self: end;
	width: min(100%, 27rem);
	aspect-ratio: 4/5;
}
.maven-product-detail__composition::before,
.maven-product-detail__composition::after {
	content: '';
	position: absolute;
	z-index: 0;
	display: block;
	pointer-events: none;
}
.maven-product-detail__composition::before {
	top: -1.2rem;
	right: -1.2rem;
	width: 7rem;
	height: 1.35rem;
	background: #78c94e;
}
.maven-product-detail__composition::after {
	bottom: -1.45rem;
	left: -1.45rem;
	width: 8rem;
	height: 5.75rem;
	background: #007c98;
}
.maven-product-detail .maven-product-detail__media {
	position: absolute;
	inset: 0;
	z-index: 1;
	height: 100% !important;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 9px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 28px 70px rgba(0, 20, 43, 0.28);
}
.maven-product-detail .maven-product-detail__media::before,
.maven-product-detail .maven-product-detail__media::after {
	display: none !important;
	content: none !important;
}
.maven-product-detail .maven-product-detail__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain !important;
	object-position: center;
	transform: none !important;
	animation: none !important;
}
.maven-product-detail__content-start {
	display: block;
	height: 0;
	scroll-margin-top: 4.75rem;
}
html.maven-motion-ready
	.maven-product-detail__identity.maven-motion--from-left {
	transform: translate3d(-3rem, 0, 0);
}
html.maven-motion-ready
	.maven-product-detail__composition.maven-motion--from-right {
	transform: translate3d(3rem, 0, 0);
}
html.maven-motion-ready
	.maven-product-detail__identity.maven-motion--from-left.is-visible,
html.maven-motion-ready
	.maven-product-detail__composition.maven-motion--from-right.is-visible {
	transform: translate3d(0, 0, 0);
}
@media (max-width: 64rem) {
	.maven-product-detail .maven-product-detail__hero {
		height: auto;
		min-height: 37rem;
		max-height: none;
	}
	.maven-product-detail .maven-product-detail__hero-grid {
		grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.65fr);
		gap: 3rem;
	}
	.maven-product-detail__composition {
		width: min(100%, 23rem);
	}
}
@media (max-width: 48rem) {
	.maven-product-detail .maven-product-detail__hero {
		min-height: auto;
	}
	.maven-product-detail .maven-product-detail__hero-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 2.75rem;
		padding: 5rem 0 4.75rem;
	}
	.maven-product-detail .maven-product-detail__hero-grid.is-image-missing {
		grid-template-columns: minmax(0, 1fr);
	}
	.maven-product-detail .maven-product-detail__hero h1 {
		font-size: clamp(2.2rem, 9.5vw, 3.2rem) !important;
		line-height: 1.05;
	}
	.maven-product-detail__composition {
		justify-self: center;
		width: calc(100% - 2rem);
		max-width: 22rem;
		aspect-ratio: 4/5;
	}
	.maven-product-detail__composition::before {
		top: -0.6rem;
		right: -0.6rem;
		width: 4rem;
		height: 0.9rem;
	}
	.maven-product-detail__composition::after {
		bottom: -0.65rem;
		left: -0.65rem;
		width: 5rem;
		height: 3.75rem;
	}
	html.maven-motion-ready
		.maven-product-detail__identity.maven-motion--from-left,
	html.maven-motion-ready
		.maven-product-detail__composition.maven-motion--from-right {
		transform: translate3d(0, 1.75rem, 0);
	}
	html.maven-motion-ready
		.maven-product-detail__identity.maven-motion--from-left.is-visible,
	html.maven-motion-ready
		.maven-product-detail__composition.maven-motion--from-right.is-visible {
		transform: translate3d(0, 0, 0);
	}
}
@media (prefers-reduced-motion: reduce) {
	html.maven-motion-ready
		.maven-product-detail__identity.maven-motion--from-left,
	html.maven-motion-ready
		.maven-product-detail__composition.maven-motion--from-right {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/*
 * Packaging / Technical notes live in the 3-column detail grid, which picked up a
 * larger heading (the section clamp) and the muted body size left over from the dark
 * background variant. On product pages that section is white, so align it with the
 * other sections (same heading scale, same body size and colour).
 */
body .maven-product-detail .maven-product-detail__detail-grid .maven-product-detail__section-heading h2 {
	font-size: clamp(1.6rem, 2.6vw, 2.5rem);
	line-height: 1.2;
	letter-spacing: -0.035em;
	max-width: none;
}

body .maven-product-detail .maven-product-detail__detail-grid p:not(.maven-kicker) {
	font-size: var(--maven-body);
	line-height: 1.65;
	color: var(--maven-text);
}

/*
 * The floating contact rail (fixed, right, 4.5rem wide) sits on top of the page while
 * these sections run full width, so long paragraphs passed behind it. Reserve its
 * gutter on wide screens; below 75rem the rail is not shown beside the text anyway.
 */


/*
 * One type scale for the whole product detail page: headings share a weight, and
 * lists/table cells use the same body size and colour as the paragraphs. Only the
 * summary inside .maven-product-detail__prose stays a step larger as a lead.
 */
body .maven-product-detail .maven-product-detail__section h2,
body .maven-product-detail .maven-product-detail__split h2 {
	font-weight: 800;
}

body .maven-product-detail .maven-product-detail__section li,
body .maven-product-detail .maven-product-detail__section td {
	font-size: var(--maven-body);
	line-height: 1.65;
	color: var(--maven-text);
}

/*
 * Product sections carry no outer hairlines (list rows, document rows and the rule
 * above each block were inconsistent). The exception is a band that holds TWO
 * modules (applications + benefits in the soft band, packaging + technical notes in
 * the dark band): there a single hairline keeps the modules apart, otherwise the
 * block reads as one undifferentiated slab.
 */
body .maven-product-detail .maven-product-detail__list,
body .maven-product-detail .maven-product-detail__benefits,
body .maven-product-detail .maven-product-detail__document-list,
body .maven-product-detail .maven-document-row,
body .maven-product-detail .maven-product-detail__split,
body .maven-product-detail .maven-product-detail__detail-grid > div,
body:not(.home) .maven-product-detail .maven-product-detail__technical-grid > .maven-product-detail__split {
	border-top: 0;
	border-bottom: 0;
}

body .maven-product-detail .maven-product-detail__list li,
body .maven-product-detail .maven-product-detail__benefits li,
body .maven-product-detail .maven-product-detail__document-list li {
	border-bottom: 0;
}

body .maven-product-detail .maven-product-detail__list li,
body .maven-product-detail .maven-product-detail__benefits li {
	padding-block: 0.55rem;
}

body .maven-product-detail .maven-product-detail__document-list li {
	padding-block: 0.9rem;
}

/* The divider inside a two-module band. */
body .maven-product-detail .maven-product-detail__technical-grid > .maven-product-detail__split + .maven-product-detail__split,
body .maven-product-detail .maven-product-detail__detail-grid > div + div {
	border-top: 1px solid var(--maven-border);
	padding-top: clamp(1.75rem, 3vw, 2.5rem);
}

/* ---- 产品页：右栏第一块内容的文字与左侧绿色小标签对齐 ---- */
@media (min-width: 48rem) {
	/* 列表首项不留上内距，避免首行被推低 */
	body .maven-product-detail .maven-product-detail__split > ol.maven-product-detail__benefits > li:first-child,
	body .maven-product-detail .maven-product-detail__split .maven-documents-list > li:first-child,
	body .maven-product-detail .maven-product-detail__split .maven-documents-list > li:first-child .maven-document-row {
		padding-top: 0;
	}
	/* 首行文字上移 5px，与小标签文字落在同一水平线（行高差补偿） */
	body .maven-product-detail .maven-product-detail__split > .maven-product-detail__prose,
	body .maven-product-detail .maven-product-detail__split > ol.maven-product-detail__benefits,
	body .maven-product-detail .maven-product-detail__split .maven-documents-list,
	body .maven-product-detail .maven-product-detail__detail-grid > div > p:nth-child(2) {
		margin-top: -5px;
	}
}

/* 右栏若是列表（__list / __benefits）：首项不加上内距、整块上移，与绿色小标签齐平 */
@media (min-width: 48rem) {
	body .maven-product-detail .maven-product-detail__split > ul.maven-product-detail__list,
	body .maven-product-detail .maven-product-detail__split > ol.maven-product-detail__benefits,
	body .maven-product-detail .maven-product-detail__split > ul,
	body .maven-product-detail .maven-product-detail__split > ol {
		margin-top: -5px;
	}
	body .maven-product-detail .maven-product-detail__split > ul > li:first-child,
	body .maven-product-detail .maven-product-detail__split > ol > li:first-child {
		padding-top: 0;
	}
}


/* 产品页技术资料：整份文档按钮与上方资料行贴紧一些 */
/* 产品页技术资料：多条文档之间补一条分隔线（首条不加，避免与外框重复） */
body .maven-product-detail .maven-documents-list > .maven-document-row + .maven-document-row {
	border-top: 1px solid var(--maven-border);
}
body .maven-product-detail .maven-product-detail__documents .maven-documents-list + .maven-text-link {
	margin-top: 0.4rem;
}