/* ============================================================
   BOTTOM CTA SECTION — .section-bottom-cta
   Figma source: node 52:470
   ============================================================ */

/* ----------------------------------------------------------
   Base (mobile-first)
---------------------------------------------------------- */

.section-bottom-cta {
	position: relative;
	background-color: var(--color-dark);       /* fallback when no image */
	background-image: var(--bottom-cta-bg, none);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
}

/* Dark overlay — lightened per feedback */
.section-bottom-cta::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0);
	z-index: 0;
}

.section-bottom-cta__inner {
	position: relative;
	z-index: 1;
	max-width: var(--container-max);
	margin-inline: auto;
	padding-block: var(--section-py-sm);
	padding-inline: var(--container-pad);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-5);
}

/* Heading
   Figma: 44px Bold 700 white lineHeight 56px
---------------------------------------------------------- */

.section-bottom-cta__heading {
	font-size: clamp( var(--size-xl), 4vw, var(--size-heading) );
	font-weight: var(--weight-bold);
	color: var(--color-text-light);
	line-height: calc( 56 / 44 );
	margin: 0;
	max-width: 600px;
}

/* Body
   Figma: 16px Regular 400 white lineHeight 26px
---------------------------------------------------------- */

.section-bottom-cta__body {
	font-size: var(--size-base);
	font-weight: var(--weight-regular);
	color: var(--color-text-light);
	line-height: calc( 26 / 16 );
	margin: 0;
	max-width: 36rem;
}

/* CTA button
   Figma: --color-primary bg, white, Medium 500, 56px height, padding 8px 40px
   Reuses global .btn — override padding + height only
---------------------------------------------------------- */

.section-bottom-cta__btn.btn {
	padding: var(--space-2) var(--space-9);   /* 8px 64px ≈ Figma 8px 40px */
	min-height: 56px;
	display: inline-flex;
	align-items: center;
	font-weight: var(--weight-medium);
}

/* ----------------------------------------------------------
   Desktop (≥ 992px)
---------------------------------------------------------- */

@media (min-width: 992px) {

	.section-bottom-cta__inner {
		padding-block: 9.375rem;  /* 150px — per feedback */
	}

}