/*
 * GM Why Choose Us — S17
 * Figma 247:902
 * 全宽背景图 648px + 左侧半透明卡片 + 底部绿色数据条 225px
 */

.gm-why-choose {
	width: 100%;
	position: relative;
	background: #fff;
}

/* ── 背景图 ── */
.gm-why-choose__bg {
	width: 100%;
	height: 648px;
	background-color: #0a1a3a;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* ── 左侧半透明卡片 ── */
/* Figma: x=87, y=106, w=453, h=408, rgba(255,255,255,0.7), radius 20px */
.gm-why-choose__card {
	position: absolute;
	top: 106px;
	left: max(var(--gm-side-pad, 39px), calc(50% - var(--gm-max-width, 1280px) / 2 + var(--gm-side-pad, 39px)));
	width: 453px;
	padding: 60px 57px;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	box-sizing: border-box;
}

.gm-why-choose__card-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	color: #012f73;
	margin: 0;
}

.gm-why-choose__card-desc {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	color: #012f73;
	margin: 0;
}

.gm-why-choose__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 207px;
	height: 52px;
	background: #48ca02;
	border-radius: 26px;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	flex-shrink: 0;
	transition: opacity 0.2s;
}
.gm-why-choose__btn:hover { opacity: 0.88; }

/* ── 底部绿色数据条 ── */
/* Figma: 全宽, 225px, #48ca02 */
.gm-why-choose__stats-bar {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	width: 100%;
	height: 225px;
	background: #48ca02;
}

.gm-why-choose__stat {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	max-width: 300px;
}

.gm-why-choose__stat-value {
	font-family: 'Montserrat', sans-serif;
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	margin: 0;
}

.gm-why-choose__stat-label {
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	color: #fff;
	margin: 0;
	text-align: center;
}

/* ── 响应式 ── */
@media ( min-width: 768px ) and ( max-width: 1279px ) {
	.gm-why-choose__bg {
		height: 480px;
	}
	.gm-why-choose__card {
		top: 60px;
		width: 360px;
		padding: 40px 36px;
	}
	.gm-why-choose__stats-bar {
		height: 180px;
	}
	.gm-why-choose__stat-value {
		font-size: 32px;
	}
	.gm-why-choose__stat-label {
		font-size: 16px;
	}
}

@media ( max-width: 767px ) {
	.gm-why-choose__bg {
		height: 320px;
	}
	.gm-why-choose__card {
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		margin: 0 var(--gm-side-pad, 16px);
		margin-top: -80px;
		padding: 32px 24px;
	}
	.gm-why-choose__stats-bar {
		flex-direction: column;
		height: auto;
		padding: 32px 24px;
		gap: 24px;
	}
	.gm-why-choose__stat {
		max-width: 100%;
	}
	.gm-why-choose__stat-value {
		font-size: 32px;
	}
	.gm-why-choose__stat-label {
		font-size: 16px;
	}
}

/* ── 标题防主题覆盖（客户站 heading 字号/颜色会被覆盖） ── */
.gm-why-choose__card-title { font-size: 24px !important; color: #012f73 !important; font-weight: 700 !important; }