/**
 * Homepage-only sections: hero, trust bar, category tiles, CTA banner,
 * why-choose-us, our process, articles, newsletter, Instagram grid.
 */

/* ---- Hero (CSS scroll-snap slider, minimal JS) ---- */
.afripacka-hero {
	position: relative;
	overflow: hidden;
}
.afripacka-hero__track {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}
.afripacka-hero__track::-webkit-scrollbar {
	display: none;
}
.afripacka-hero__slide {
	flex: 0 0 100%;
	scroll-snap-align: start;
	min-height: 420px;
	background-color: var(--color-brand-700);
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
}
.afripacka-hero__overlay {
	width: 100%;
	background: linear-gradient(90deg, rgba(58, 36, 24, 0.75) 0%, rgba(58, 36, 24, 0.35) 100%);
	padding-block: var(--space-8);
}
.afripacka-hero__content {
	max-width: 560px;
	color: var(--color-white);
}
.afripacka-hero__title {
	font-size: var(--text-3xl);
	font-weight: var(--weight-bold);
	line-height: var(--leading-tight);
	margin-bottom: var(--space-3);
}
.afripacka-hero__subtitle {
	font-size: var(--text-md);
	margin-bottom: var(--space-5);
	color: var(--color-brand-100);
}
.afripacka-hero__dots {
	position: absolute;
	bottom: var(--space-4);
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: var(--space-2);
}
.afripacka-hero__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	border: none;
	cursor: pointer;
	padding: 0;
}
.afripacka-hero__dot[aria-current="true"] {
	background: var(--color-white);
}
@media (min-width: 768px) {
	.afripacka-hero__slide {
		min-height: 560px;
	}
	.afripacka-hero__title {
		font-size: var(--text-5xl);
	}
}

/* ---- Trust bar ---- */
.afripacka-trust-bar__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--space-4);
}
@media (min-width: 1024px) {
	.afripacka-trust-bar__grid {
		grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	}
}
.afripacka-trust-bar__item {
	display: flex;
	gap: var(--space-3);
	align-items: flex-start;
}
.afripacka-trust-bar__icon {
	font-size: var(--text-xl);
	flex-shrink: 0;
}
.afripacka-trust-bar__item p {
	color: var(--color-text-muted);
	font-size: var(--text-sm);
	margin: 0;
}

/* ---- Category grid ---- */
.afripacka-category-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--space-3);
}
.afripacka-category-tile__image {
	aspect-ratio: 1 / 1;
	background-color: var(--color-brand-100);
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.afripacka-category-tile__placeholder {
	font-size: var(--text-3xl);
}
.afripacka-category-tile__count {
	display: block;
	font-size: var(--text-xs);
	color: var(--color-text-muted);
}
@media (min-width: 768px) {
	.afripacka-category-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* ---- CTA banner ---- */
.afripacka-cta-banner {
	background: var(--color-primary);
	color: var(--color-on-primary);
	padding-block: var(--space-7);
}
.afripacka-cta-banner__inner {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
	align-items: flex-start;
}
.afripacka-cta-banner h2 {
	font-size: var(--text-2xl);
	margin-bottom: var(--space-2);
}
.afripacka-cta-banner p {
	color: var(--color-brand-100);
}
.afripacka-cta-banner .afripacka-btn--primary {
	background: var(--color-white);
	color: var(--color-primary);
}
@media (min-width: 768px) {
	.afripacka-cta-banner__inner {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
}

/* ---- Why choose us ---- */
.afripacka-why-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-4);
}
.afripacka-why-item h3 {
	margin-bottom: var(--space-2);
}
.afripacka-why-item p {
	color: var(--color-text-muted);
}
@media (min-width: 768px) {
	.afripacka-why-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* ---- Our process ---- */
.afripacka-process-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-5);
}
.afripacka-process-step {
	text-align: center;
}
.afripacka-process-step__number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: var(--radius-full);
	background: var(--color-primary);
	color: var(--color-on-primary);
	font-weight: var(--weight-bold);
	font-size: var(--text-lg);
	margin-bottom: var(--space-3);
}
.afripacka-process-step p {
	color: var(--color-text-muted);
	font-size: var(--text-sm);
}
@media (min-width: 768px) {
	.afripacka-process-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* ---- Articles ---- */
.afripacka-articles-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-4);
}
.afripacka-article-card__image {
	aspect-ratio: 16 / 9;
	overflow: hidden;
}
.afripacka-article-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.afripacka-article-card time {
	font-size: var(--text-xs);
	color: var(--color-text-muted);
}
.afripacka-article-card h3 {
	margin-block: var(--space-2);
}
.afripacka-article-card p {
	color: var(--color-text-muted);
	font-size: var(--text-sm);
}
@media (min-width: 768px) {
	.afripacka-articles-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* ---- Testimonials ---- */
.afripacka-testimonials-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-4);
}
.afripacka-testimonial {
	border: none;
	position: relative;
	padding-top: var(--space-6);
}
.afripacka-testimonial::before {
	content: "“";
	position: absolute;
	top: var(--space-2);
	left: var(--space-4);
	font-size: 4rem;
	font-weight: var(--weight-black);
	color: var(--color-brand-200);
	line-height: 1;
}
.afripacka-testimonial__quote {
	font-size: var(--text-md);
	line-height: var(--leading-relaxed);
	margin-bottom: var(--space-4);
	position: relative;
	z-index: 1;
}
.afripacka-testimonial__author strong {
	display: block;
}
.afripacka-testimonial__author span {
	color: var(--color-text-muted);
	font-size: var(--text-sm);
}
@media (min-width: 768px) {
	.afripacka-testimonials-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* ---- Industries we serve ---- */
.afripacka-industries-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--space-3);
}
.afripacka-industry-tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	text-align: center;
	padding: var(--space-5) var(--space-3);
	background: var(--color-surface-alt);
	border-radius: var(--radius-lg);
	transition: transform var(--duration-base) var(--ease-standard), background var(--duration-base);
}
.afripacka-industry-tile:hover {
	transform: translateY(-4px);
	background: var(--color-brand-100);
}
.afripacka-industry-tile__icon {
	font-size: var(--text-2xl);
}
@media (min-width: 768px) {
	.afripacka-industries-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (min-width: 1024px) {
	.afripacka-industries-grid {
		grid-template-columns: repeat(6, 1fr);
	}
}

/* ---- Newsletter ---- */
.afripacka-newsletter__inner {
	text-align: center;
}
.afripacka-newsletter__form {
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
	max-width: 420px;
	margin-inline: auto;
	margin-top: var(--space-4);
}
@media (min-width: 480px) {
	.afripacka-newsletter__form {
		flex-direction: row;
	}
}

/* ---- Instagram grid ---- */
.afripacka-instagram-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-2);
}
.afripacka-instagram-grid__item {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: var(--radius-md);
}
.afripacka-instagram-grid__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--duration-base) var(--ease-standard);
}
.afripacka-instagram-grid__item:hover img {
	transform: scale(1.05);
}