/**
 * TechBBQ Beyond the Summit — program card grid (wide) + carousel (≤1439).
 *
 * Figma Home section / products:
 * - 1440: node 4299:20500
 * - 1024: node 4299:20516
 * - 768:  node 4299:20531
 * - 360:  node 4299:20483
 *
 * Breakpoints (mobile-first): 0–767 (base), 768–1023, 1024–1439, 1440+.
 */

.techbbq-beyond-the-summit {
	--techbbq-beyond-the-summit-section-gap: 48px;
	--techbbq-beyond-the-summit-header-gap: var(--techbbq-space-2);
	--techbbq-beyond-the-summit-headline-gap: var(--techbbq-space-1);
	--techbbq-beyond-the-summit-text-gap: 12px;
	--techbbq-beyond-the-summit-cards-gap: var(--techbbq-space-1);
	--techbbq-beyond-the-summit-slide-width: 260px;
	--techbbq-beyond-the-summit-description-size: 18px;

	box-sizing: border-box;
	width: 100%;
	color: var(--techbbq-content-primary);
	background-color: var(--techbbq-bg-main);
}

.techbbq-beyond-the-summit__inner {
	display: flex;
	flex-direction: column;
	gap: var(--techbbq-beyond-the-summit-section-gap);
	align-items: flex-start;
	width: 100%;
}

/* ── Header ─────────────────────────────────────────────────── */

.techbbq-beyond-the-summit__header {
	display: flex;
	flex-direction: column;
	gap: var(--techbbq-beyond-the-summit-header-gap);
	align-items: flex-start;
	width: 100%;
}

.techbbq-beyond-the-summit__headline {
	display: flex;
	flex-direction: column;
	gap: var(--techbbq-beyond-the-summit-headline-gap);
	width: 100%;
}

.techbbq-beyond-the-summit__text {
	display: flex;
	flex-direction: column;
	gap: var(--techbbq-beyond-the-summit-text-gap);
	width: 100%;
}

.techbbq-beyond-the-summit__title {
	margin: 0;
}

.techbbq-beyond-the-summit__description {
	max-width: 576px;
	margin: 0;
	font-size: var(--techbbq-beyond-the-summit-description-size);
	color: var(--techbbq-content-secondary);
}

.techbbq-beyond-the-summit__actions {
	width: 100%;
}

.techbbq-beyond-the-summit__actions .techbbq-btn {
	width: 100%;
}

/* ── Wide-screen grid (1440+) ───────────────────────────────── */

.techbbq-beyond-the-summit__grid {
	display: none;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--techbbq-beyond-the-summit-cards-gap);
	width: 100%;
}

.techbbq-beyond-the-summit__grid .techbbq-program-card {
	height: 100%;
}

/* ── Carousel (≤1439) ───────────────────────────────────────── */

.techbbq-beyond-the-summit__carousel {
	width: 100%;
}

.techbbq-beyond-the-summit .techbbq-swiper .swiper-slide.techbbq-beyond-the-summit__slide {
	box-sizing: border-box;
	width: var(--techbbq-beyond-the-summit-slide-width);
	height: auto;
}

.techbbq-beyond-the-summit__slide .techbbq-program-card {
	height: 100%;
}

.techbbq-beyond-the-summit .techbbq-carousel-nav--footer {
	display: flex;
}

/* ── Tablet (768–1023) ── */
@media (min-width: 768px) {
	.techbbq-beyond-the-summit {
		--techbbq-beyond-the-summit-section-gap: 72px;
		--techbbq-beyond-the-summit-header-gap: var(--techbbq-space-3);
		--techbbq-beyond-the-summit-headline-gap: var(--techbbq-space-2);
		--techbbq-beyond-the-summit-description-size: 20px;
		--techbbq-beyond-the-summit-slide-width: 448px;
	}

	.techbbq-beyond-the-summit__actions {
		width: auto;
	}

	.techbbq-beyond-the-summit__actions .techbbq-btn {
		width: auto;
	}
}

/* ── Desktop (1024–1439) ── */
@media (min-width: 1024px) {
	.techbbq-beyond-the-summit {
		--techbbq-beyond-the-summit-description-size: var(--techbbq-text-paragraph-l-size);
	}
}

/* ── Wide screen (1440+) ── */
@media (min-width: 1440px) {
	.techbbq-beyond-the-summit {
		--techbbq-beyond-the-summit-section-gap: var(--techbbq-space-10);
	}

	.techbbq-beyond-the-summit__grid {
		display: grid;
	}

	.techbbq-beyond-the-summit__carousel,
	.techbbq-beyond-the-summit .techbbq-carousel-nav--footer {
		display: none;
	}
}