/**
 * Feature Band V2 — ported from mockup .feature-band / .feature-grid / .prompt-list
 * Block: .feature-band-v2
 */

.feature-band-v2 {
	padding: 70px 0;
	background: var(--m114-alt);
}

.feature-band-v2__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	align-items: center;
}

.feature-band-v2__desc {
	font-size: 14px;
	color: var(--m114-muted);
	line-height: 1.8;
	margin-top: 22px;
}

.feature-band-v2__desc p {
	margin: 0 0 12px;
}

.feature-band-v2__prompts {
	counter-reset: prompt;
	list-style: none;
	padding: 0;
	margin: 20px 0 25px;
}

.feature-band-v2__prompts li {
	counter-increment: prompt;
	border-bottom: 1px solid #ced6cc;
	padding: 12px 0;
	font-size: 13px;
	display: flex;
	gap: 14px;
}

.feature-band-v2__prompts li::before {
	content: '0' counter(prompt);
	font-size: 10px;
	color: var(--m114-red);
	font-weight: 700;
	margin-top: 3px;
}

.feature-band-v2__figure {
	margin: 0;
	order: -1; /* image on the LEFT (desktop/tablet); mobile stacks it below via order:2 */
}

.feature-band-v2__figure img {
	width: 100%;
	height: 440px;
	object-fit: cover;
	border-radius: 8px 65px 8px 8px;
}

.feature-band-v2__figure figcaption {
	font-size: 9px;
	color: var(--m114-muted);
	margin-top: 9px;
}

/* First-week plan card (alternative to the image) — mockup .first-week-plan */
.feature-band-v2__plan {
	order: -1; /* same side as the image (left); mobile stacks below via order:2 */
	padding: 40px;
	background: var(--m114-paper);
	border: 1px solid #d7ded5;
	border-radius: 8px 65px 8px 8px;
	counter-reset: fwplan;
}

.feature-band-v2__plan-eyebrow {
	margin: 0 0 20px;
	color: var(--m114-red);
	font-size: 10px;
	letter-spacing: 1.4px;
	font-weight: 800;
	text-transform: uppercase;
}

.feature-band-v2__plan h3 {
	font-size: 30px;
	margin: 0 0 25px;
}

.feature-band-v2__plan-row {
	display: flex;
	gap: 20px;
	padding: 18px 0;
	border-top: 1px solid var(--m114-line);
}

.feature-band-v2__plan-num {
	flex: none;
	counter-increment: fwplan;
	font-size: 11px;
	color: var(--m114-red);
	padding-top: 3px;
}

.feature-band-v2__plan-num::before {
	content: '0' counter(fwplan);
}

.feature-band-v2__plan p {
	font-size: 13px;
	color: var(--m114-muted);
	margin: 0;
}

.feature-band-v2__plan strong {
	display: block;
	font-size: 15px;
	color: var(--m114-ink);
	margin-bottom: 5px;
}

@media (max-width: 1000px) {
	.feature-band-v2__grid {
		gap: 40px;
	}
}

@media (max-width: 700px) {
	.feature-band-v2 {
		padding: 50px 0;
	}
	.feature-band-v2__grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.feature-band-v2__figure {
		order: 2;
	}
	.feature-band-v2__figure img {
		height: 310px;
	}
	.feature-band-v2__plan {
		order: 2;
		padding: 27px;
	}
	.feature-band-v2__plan h3 {
		font-size: 27px;
	}
}