/* ─── Value Cards Widget ───────────────────────────────────────────────────── */

.hbc-vc-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

/* ── Card ── */

.hbc-vc-card {
	background-color: #f9f9f9;
	border: 1px solid #e8e8e8;
	border-radius: 12px;
	padding: 24px 24px 28px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

/* ── Vertical bar ── */

.hbc-vc-bar {
	width: 3px;
	height: 36px;
	background-color: #c19a6b;
	border-radius: 2px;
}

/* ── Title ── */

.hbc-vc-title {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	color: #1a1a1a;
	line-height: 1.3;
}

/* ── Description ── */

.hbc-vc-desc {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	color: #555555;
	line-height: 1.6;
}

/* ── Responsive ── */

@media (max-width: 1024px) {
	.hbc-vc-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.hbc-vc-grid {
		grid-template-columns: 1fr;
	}
}