/**
 * Homepage sections — hero, features, featured products, about, stats.
 */

/* ---- Hero ---- */
.bz-hero {
	position: relative;
	min-height: 78vh;
	display: flex;
	align-items: center;
	background: linear-gradient(135deg, var(--bz-ink) 0%, var(--bz-accent-dark) 100%);
	background-size: cover;
	background-position: center;
	color: #fff;
	overflow: hidden;
}
.bz-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(20,21,26,0.35) 0%, rgba(20,21,26,0.65) 100%);
}
.bz-hero__inner {
	position: relative;
	z-index: 1;
	max-width: 640px;
	padding-top: var(--bz-space-9);
	padding-bottom: var(--bz-space-9);
}
.bz-hero .bz-eyebrow { color: var(--bz-gold); }
.bz-hero__heading { color: #fff; font-size: clamp(2.25rem, 1.6rem + 3vw, var(--bz-fs-4xl)); }
.bz-hero__sub { color: rgba(255,255,255,0.85); font-size: var(--bz-fs-md); max-width: 480px; }
.bz-hero__cta { margin-top: var(--bz-space-3); }

/* ---- Feature / trust row ---- */
.bz-features {
	background: var(--bz-surface);
	border-bottom: 1px solid var(--bz-border);
}
.bz-features__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--bz-space-6);
	padding: var(--bz-space-8) 0;
}
.bz-feature { text-align: left; }
.bz-feature__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--bz-accent-light);
	color: var(--bz-accent);
	font-size: 1.1rem;
	margin-bottom: var(--bz-space-3);
}
.bz-feature h3 { font-size: var(--bz-fs-md); margin-bottom: var(--bz-space-1); }
.bz-feature p { font-size: var(--bz-fs-sm); margin-bottom: 0; }

/* ---- Featured products ---- */
.bz-home-products { padding: var(--bz-space-9) 0; }
.bz-products-grid--home { margin-top: 0; }

/* ---- About / brand story ---- */
.bz-about-section { padding: var(--bz-space-9) 0; background: var(--bz-surface-alt); }
.bz-about-section__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--bz-space-8);
	align-items: center;
}
.bz-about-section__media img { border-radius: var(--bz-radius-lg); aspect-ratio: 4/3; object-fit: cover; }
.bz-about-section__placeholder {
	aspect-ratio: 4/3;
	background: var(--bz-border);
	border-radius: var(--bz-radius-lg);
}
.bz-about-section__text .bz-eyebrow { color: var(--bz-gold); }

/* ---- Stats / results ---- */
.bz-stats { padding: var(--bz-space-9) 0; }
.bz-stats__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--bz-space-6);
}
.bz-stat-card {
	text-align: center;
	padding: var(--bz-space-6);
	border: 1px solid var(--bz-border);
	border-radius: var(--bz-radius-lg);
	background: var(--bz-surface);
}
.bz-stat-card__value {
	display: block;
	font-family: var(--bz-font-display);
	font-size: var(--bz-fs-3xl);
	color: var(--bz-accent);
	margin-bottom: var(--bz-space-2);
}
.bz-stat-card h3 { font-size: var(--bz-fs-md); margin-bottom: var(--bz-space-2); }
.bz-stat-card p { font-size: var(--bz-fs-sm); margin: 0; }