/**
 * LB Capabilities: Why Lianbang
 * Figma 1811:73 – 1811:97（copy trimmed）
 * Section #f5f5f5, pad 78 / 89; title 89px 高 → 62px → grid
 * Grid 741 : 373, gap 21
 *   01 #efefef 490 高，图 258 在底
 *   02 #f28a1a 367 高，图 309 宽在右，说明缩进到标题下
 *   03 #efefef 跨两行 878 高，pad 20，图 521 在底
 *   04 #efefef 通栏 372 高，图 514 宽在左，文字距图 54（实现取 48，留出正文两行宽度）
 * 以上为设计稿尺寸；实现按用户要求整体缩小到约 70%（2026-10-19）
 * Type A (full-bleed bg + contained inner)
 */

.lianbang-capabilities-why {
	background-color: #f5f5f5;
}

.lianbang-capabilities-why__inner {
	box-sizing: border-box;
	max-width: 1600px;
	margin: 0 auto;
	padding: 56px 30px 60px;
}

/* ── Title — Montserrat ExtraBold 48；"Lianbang?" 白字蓝底 316×89 ── */
/* 多一层选择器，盖过 .woocommerce-js h2 { margin-bottom:.7em } */
.lianbang-capabilities-why .lianbang-capabilities-why__title {
	margin: 0 0 40px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	font-size: var(--lb-h2-size, 48px);
	line-height: 1.2;
	color: #383838;
	text-align: center;
}

.lianbang-capabilities-why__title-hl {
	display: inline-block;
	margin-left: 0.45em;
	padding: 0.33em 0.5em;
	background-color: #013f92;
	color: #fff;
}

/* ── Grid ───────────────────────────────────────────────────── */
.lianbang-capabilities-why__grid {
	display: grid;
	grid-template-columns: 741fr 373fr;
	gap: 21px;
}

.lianbang-capabilities-why__card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	background-color: #efefef;
	color: #000;
}

.lianbang-capabilities-why__body {
	padding: 28px 28px 24px;
}

/* 编号 + 标题同一行：Montserrat Bold 22 / 28 */
.lianbang-capabilities-why .lianbang-capabilities-why__title-card {
	display: flex;
	align-items: baseline;
	gap: 6px;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: 0;
	color: inherit;
}

.lianbang-capabilities-why__num {
	flex: 0 0 auto;
}

/* Nunito Sans Medium 15 / 24（类名避开全站 __desc 规则） */
.lianbang-capabilities-why__card-text {
	margin: 12px 0 0;
	font-family: var(--lb-font-body);
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	color: inherit;
}

.lianbang-capabilities-why__media {
	position: relative;
	overflow: hidden;
}

.lianbang-capabilities-why__img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100% !important;
	max-width: none;
	object-fit: cover;
}

/* 01：图 150 高贴底 */
.lianbang-capabilities-why__card--1 {
	grid-column: 1;
	grid-row: 1;
	min-height: 320px;
}

.lianbang-capabilities-why__card--1 .lianbang-capabilities-why__media {
	flex: 0 0 150px;
	margin-top: auto;
}

.lianbang-capabilities-why__card--1 .lianbang-capabilities-why__img {
	object-position: 50% 32%;
}

/* 02：橙底白字，图在右 309 / 741 */
.lianbang-capabilities-why__card--2 {
	grid-column: 1;
	grid-row: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 41.7%;
	min-height: 250px;
	background-color: #f28a1a;
	color: #fff;
}

.lianbang-capabilities-why__card--2 .lianbang-capabilities-why__body {
	padding: 28px 28px 24px;
}

.lianbang-capabilities-why__card--2 .lianbang-capabilities-why__title-card {
	max-width: 330px;
}

.lianbang-capabilities-why__card--2 .lianbang-capabilities-why__card-text {
	max-width: calc(326px + 34px);
	padding-left: 34px;
}

/* 03：跨两行，图填满文字下方的剩余高度；右侧留 16，保证标题在 1280 下仍是两行 */
.lianbang-capabilities-why__card--3 {
	grid-column: 2;
	grid-row: 1 / span 2;
}

.lianbang-capabilities-why__card--3 .lianbang-capabilities-why__body {
	padding: 30px 16px 24px 20px;
}

.lianbang-capabilities-why__card--3 .lianbang-capabilities-why__media {
	flex: 1 0 300px;
	margin-top: auto;
}

/* 04：通栏，图在左 514 / 1135，文字距顶 44 */
.lianbang-capabilities-why__card--4 {
	grid-column: 1 / -1;
	grid-row: 3;
	display: grid;
	grid-template-columns: 45.3% minmax(0, 1fr);
	align-items: start;
	min-height: 240px;
}

.lianbang-capabilities-why__card--4 .lianbang-capabilities-why__media {
	grid-column: 1;
	grid-row: 1;
	align-self: stretch;
}

.lianbang-capabilities-why__card--4 .lianbang-capabilities-why__body {
	grid-column: 2;
	grid-row: 1;
	padding: 44px 16px 28px 44px;
}

.lianbang-capabilities-why__card--4 .lianbang-capabilities-why__title-card {
	max-width: 470px;
}

.lianbang-capabilities-why__card--4 .lianbang-capabilities-why__card-text {
	max-width: 560px;
}

/* ── ≤1023：2×2 等宽，所有卡片改为「文字在上、图在下」 ── */
@media (max-width: 1023px) {
	.lianbang-capabilities-why__inner {
		padding-top: var(--lb-section-pad-y, 60px);
		padding-bottom: var(--lb-section-pad-y, 60px);
	}

	.lianbang-capabilities-why .lianbang-capabilities-why__title {
		margin-bottom: 40px;
	}

	.lianbang-capabilities-why__grid {
		grid-template-columns: 1fr 1fr;
		gap: 16px;
	}

	.lianbang-capabilities-why__card--1,
	.lianbang-capabilities-why__card--2,
	.lianbang-capabilities-why__card--3,
	.lianbang-capabilities-why__card--4 {
		display: flex;
		flex-direction: column;
		grid-column: auto;
		grid-row: auto;
		min-height: 0;
	}

	.lianbang-capabilities-why__body,
	.lianbang-capabilities-why__card--2 .lianbang-capabilities-why__body,
	.lianbang-capabilities-why__card--3 .lianbang-capabilities-why__body,
	.lianbang-capabilities-why__card--4 .lianbang-capabilities-why__body {
		padding: 28px 24px 24px;
	}

	.lianbang-capabilities-why .lianbang-capabilities-why__title-card {
		font-size: 24px;
		line-height: 30px;
	}

	.lianbang-capabilities-why__card-text {
		font-size: 16px;
		line-height: 24px;
	}

	.lianbang-capabilities-why__card--2 .lianbang-capabilities-why__card-text {
		padding-left: 0;
	}

	.lianbang-capabilities-why__card--2 .lianbang-capabilities-why__title-card,
	.lianbang-capabilities-why__card--2 .lianbang-capabilities-why__card-text,
	.lianbang-capabilities-why__card--4 .lianbang-capabilities-why__title-card,
	.lianbang-capabilities-why__card--4 .lianbang-capabilities-why__card-text {
		max-width: none;
	}

	.lianbang-capabilities-why__media,
	.lianbang-capabilities-why__card--1 .lianbang-capabilities-why__media,
	.lianbang-capabilities-why__card--3 .lianbang-capabilities-why__media {
		flex: 0 0 auto;
		min-height: 0;
		margin-top: auto;
		aspect-ratio: 16 / 10;
	}

	.lianbang-capabilities-why__card--4 .lianbang-capabilities-why__media {
		order: 1;
	}
}

@media (max-width: 767px) {
	.lianbang-capabilities-why__inner {
		padding-left: 20px;
		padding-right: 20px;
	}

	.lianbang-capabilities-why .lianbang-capabilities-why__title {
		margin-bottom: 32px;
	}

	.lianbang-capabilities-why__grid {
		grid-template-columns: 1fr;
	}

	.lianbang-capabilities-why__body,
	.lianbang-capabilities-why__card--2 .lianbang-capabilities-why__body,
	.lianbang-capabilities-why__card--3 .lianbang-capabilities-why__body,
	.lianbang-capabilities-why__card--4 .lianbang-capabilities-why__body {
		padding: 24px 20px 20px;
	}

	.lianbang-capabilities-why .lianbang-capabilities-why__title-card {
		font-size: 22px;
		line-height: 28px;
	}

	.lianbang-capabilities-why__card-text {
		margin-top: 12px;
	}
}