.alikipa-hero {
	position: relative;
	min-height: clamp(320px, 48vh, 560px);
	display: grid;
	place-items: end start;
	background:
		linear-gradient(120deg, rgba(15, 118, 110, 0.88), rgba(28, 25, 23, 0.55)),
		url("../../images/banners/hero-placeholder.png") center / cover no-repeat;
	color: #fff;
}

.alikipa-hero__inner {
	width: min(100% - 2rem, var(--alikipa-container));
	margin-inline: auto;
	padding-block: var(--alikipa-space-8);
}

.alikipa-hero__brand {
	font-size: clamp(2.5rem, 6vw, 4.5rem);
	font-weight: 800;
	letter-spacing: -0.03em;
	margin: 0 0 var(--alikipa-space-3);
}

.alikipa-hero__text {
	max-width: 32rem;
	font-size: 1.1rem;
	opacity: 0.92;
	margin-bottom: var(--alikipa-space-5);
}

.alikipa-home-categories__grid,
.alikipa-home-products__grid {
	display: grid;
	gap: var(--alikipa-space-5);
}

.alikipa-home-categories__grid {
	grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
}

.alikipa-home-products__grid {
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.alikipa-home-banners__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--alikipa-space-4);
}

.alikipa-home-banners__item {
	border-radius: var(--alikipa-radius);
	overflow: hidden;
	min-height: 180px;
	background: linear-gradient(135deg, #134e4a, #0f766e);
}

@media (max-width: 768px) {
	.alikipa-home-banners__grid {
		grid-template-columns: 1fr;
	}
}