/* ── 联系信息小部件 ─────────────────────────────────── */

.hbc-ci { width: 100%; }

/* 每个信息区块 */
.hbc-ci__item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	padding-bottom: 36px;
	border-bottom: 1px solid #dddddd;
	border-bottom-style: solid;
}
.hbc-ci__item + .hbc-ci__item {
	padding-top: 36px;
}
.hbc-ci__item:last-child {
	border-bottom: none;
}

/* 左侧文字区 */
.hbc-ci__content { flex: 1; min-width: 0; }

/* 标题 */
.hbc-ci__title {
	font-size: 32px;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 12px;
	padding: 0;
}

/* 内容文字 */
.hbc-ci__body { font-size: 14px; line-height: 1.6; }
.hbc-ci__body p { margin: 0 0 8px; }
.hbc-ci__body p:last-child { margin-bottom: 0; }
.hbc-ci__body strong,
.hbc-ci__body b { font-weight: 700; }

/* 右侧图标 */
.hbc-ci__icon {
	flex-shrink: 0;
	padding: 0 0 0 40px; /* 默认仅左侧间距，四边均可在 Elementor 中覆盖 */
	display: flex;
	align-items: center;
	justify-content: center;
}
/* 兼容 img / svg / <i> 三种渲染方式 */
.hbc-ci__icon img,
.hbc-ci__icon svg {
	display: block;
	width: 70px;
	height: auto;
	object-fit: contain;
}
.hbc-ci__icon i {
	font-size: 70px;
	line-height: 1;
}

/* 响应式 */
@media (max-width: 600px) {
	.hbc-ci__icon { padding-left: 16px; }
	.hbc-ci__icon img,
	.hbc-ci__icon svg { width: 48px; }
	.hbc-ci__icon i { font-size: 48px; }
	.hbc-ci__title { font-size: 24px; }
}