/**
 * LB PDP: Hero
 * Figma 506:512 — full-bleed gradient bg (white→#c8e0ff), h:580px
 * Left: text (x:106), Right: product image (x:665, w:582, object-contain)
 * Type A full-bleed breakout + __inner standard (max-width:1600px)
 */

/* ── Full-bleed breakout ───────────────────────────────────── */
.lianbang-pdp-hero {
	position: relative;
	margin-left:  calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: auto;
	background: linear-gradient(to bottom, #ffffff 0%, #c8e0ff 100%);
	overflow: hidden;
}

/* ── Inner container ───────────────────────────────────────── */
.lianbang-pdp-hero__inner {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 30px;
	display: flex;
	align-items: center;
	min-height: 580px;
}

/* ── 左侧文字区域 ──────────────────────────────────────────── */
/* Figma: x:106, __inner padding:30px → extra 76px indent */
.lianbang-pdp-hero__content {
	flex: 1 1 0;
	padding: 80px 40px 80px 76px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* Category label — Nunito ExtraBold 24px, #013f92 (Figma 506:520) */
.lianbang-pdp-hero__category {
	margin: 0;
	font-family: 'Nunito', sans-serif;
	font-weight: 800;
	font-size: 24px;
	line-height: 1.3;
	color: #013f92;
}

/* Product title — Montserrat Bold 40px, #000000 (Figma 506:521) */
.lianbang-pdp-hero__title {
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 40px;
	line-height: 1.25;
	color: #000;
	max-width: 460px;
}

/* Description — Nunito Bold 18px, #383838, leading:25px (Figma 506:522) */
.lianbang-pdp-hero__desc {
	margin: 0;
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 25px;
	color: #383838;
	max-width: 504px;
}

/* ── CTA 按钮 — #f28a1a, 188×52px, radius:26px (Figma 506:514) ── */
.lianbang-pdp-hero__btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	justify-content: space-between;
	box-sizing: border-box;
	width: fit-content;
	min-width: var(--lb-btn-min-w);
	height: var(--lb-btn-h);
	padding: var(--lb-btn-pad);
	background-color: #f28a1a;
	border-radius: var(--lb-btn-radius);
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.lianbang-pdp-hero__btn:hover {
	background-color: #d4751a;
}

.lianbang-pdp-hero__btn-text {
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
	font-size: var(--lb-btn-font-size);
	line-height: var(--lb-btn-line-height);
	color: #fff;
	white-space: nowrap;
}

.lianbang-pdp-hero__btn-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--lb-btn-icon-size);
	height: var(--lb-btn-icon-size);
	background: rgba(255, 255, 255, 0.25);
	border-radius: 50%;
	flex-shrink: 0;
}

/* ── 右侧产品图 ─────────────────────────────────────────────── */
/* Figma: x:665, w:582 → ~45% at 1280px; image object-contain with product bg */
.lianbang-pdp-hero__image-wrap {
	flex: 0 0 45%;
	align-self: stretch;
	position: relative;
}

.lianbang-pdp-hero__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center bottom;
}

/* Astra `.ast-article-single img` 给文章图加 30px 方框阴影，透明产品图会显出一块矩形。
   选择器要比主题那条更具体，否则阴影盖回来。 */
.lianbang-pdp-hero .lianbang-pdp-hero__image {
	box-shadow: none;
}

/* ── 响应式 ─────────────────────────────────────────────────── */
@media (max-width: 960px) {
	.lianbang-pdp-hero__inner {
		flex-direction: column;
		min-height: auto;
	}

	.lianbang-pdp-hero__content {
		padding: 48px 0 32px 0;
		order: 2;
	}

	.lianbang-pdp-hero__image-wrap {
		flex: 0 0 auto;
		width: 100%;
		height: 300px;
		order: 1;
	}

	.lianbang-pdp-hero__title {
		font-size: 32px;
		max-width: 100%;
	}

	.lianbang-pdp-hero__desc {
		max-width: 100%;
	}
}

@media (max-width: 600px) {
	.lianbang-pdp-hero__content {
		gap: 16px;
		padding-bottom: 48px;
	}

	.lianbang-pdp-hero__category { font-size: 20px; }
	.lianbang-pdp-hero__title    { font-size: 26px; }
	.lianbang-pdp-hero__desc     { font-size: 16px; }
}