/* SM-École landing — /produits/sm-ecole/ */

.sm-ecole-lp {
	background: var(--sm-cream, #f7f3ee);
	color: var(--sm-navy, #1b2430);
	font-family: var(--sm-font, inherit);
}

.sm-ecole-lp__wrap {
	width: min(1120px, calc(100% - 2rem));
	margin-inline: auto;
}

.sm-ecole-lp__hero {
	padding: 3rem 0 2.5rem;
	background:
		radial-gradient(900px 420px at 10% 0%, rgba(201, 162, 39, 0.16), transparent 60%),
		var(--sm-cream, #f7f3ee);
}

.sm-ecole-lp__hero-grid {
	display: grid;
	gap: 2rem;
	align-items: center;
}

.sm-ecole-lp__kicker {
	margin: 0 0 0.6rem;
	font-size: 0.85rem;
	font-weight: 650;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--sm-gold-dark, #9a7420);
}

.sm-ecole-lp h1,
.sm-ecole-lp h2,
.sm-ecole-lp h3 {
	margin: 0 0 0.8rem;
	line-height: 1.2;
	color: var(--sm-navy, #1b2430);
}

.sm-ecole-lp h1 {
	font-size: clamp(1.8rem, 4vw, 2.7rem);
	max-width: 18ch;
}

.sm-ecole-lp__lead {
	margin: 0 0 1.2rem;
	font-size: 1.08rem;
	line-height: 1.6;
	color: var(--sm-navy-light, #3a4553);
	max-width: 42ch;
}

.sm-ecole-lp__price {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	margin: 0 0 1.2rem;
}

.sm-ecole-lp__price strong {
	font-size: 1.6rem;
	color: var(--sm-gold-dark, #9a7420);
}

.sm-ecole-lp__price span {
	color: var(--sm-muted, #5c6570);
	font-size: 0.92rem;
}

.sm-ecole-lp__note {
	margin: 0.7rem 0 0;
	font-size: 0.88rem;
	color: var(--sm-muted, #5c6570);
}

.sm-ecole-lp__shot,
.sm-ecole-lp__split figure {
	margin: 0;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 18px 50px rgba(27, 36, 48, 0.14);
	border: 1px solid rgba(27, 36, 48, 0.08);
	background: #16110e;
}

.sm-ecole-lp img {
	display: block;
	width: 100%;
	height: auto;
}

.sm-ecole-lp__section {
	padding: 3rem 0;
}

.sm-ecole-lp__section--alt {
	background: #fff;
}

.sm-ecole-lp__grid {
	list-style: none;
	margin: 1.5rem 0 0;
	padding: 0;
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sm-ecole-lp__grid li {
	background: #fff;
	border: 1px solid var(--sm-border, #e6ddd2);
	border-radius: 16px;
	padding: 1.2rem 1.25rem;
}

.sm-ecole-lp__grid p,
.sm-ecole-lp__split p,
.sm-ecole-lp__faq p {
	margin: 0;
	line-height: 1.55;
	color: var(--sm-navy-light, #3a4553);
}

.sm-ecole-lp__split {
	display: grid;
	gap: 2rem;
	align-items: center;
}

.sm-ecole-lp__checks {
	margin: 1rem 0 0;
	padding: 0;
	list-style: none;
}

.sm-ecole-lp__checks li {
	position: relative;
	padding-inline-start: 1.4rem;
	margin: 0.45rem 0;
}

.sm-ecole-lp__checks li::before {
	content: "✓";
	position: absolute;
	inset-inline-start: 0;
	color: var(--sm-gold-dark, #9a7420);
	font-weight: 700;
}

.sm-ecole-lp__steps {
	margin: 1.4rem 0 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 1rem;
}

.sm-ecole-lp__steps li {
	background: #fff;
	border-radius: 16px;
	padding: 1.1rem 1.2rem;
	border: 1px solid var(--sm-border, #e6ddd2);
}

.sm-ecole-lp__steps strong {
	display: block;
	margin-bottom: 0.3rem;
}

.sm-ecole-lp__faq details {
	background: #fff;
	border: 1px solid var(--sm-border, #e6ddd2);
	border-radius: 14px;
	padding: 0.9rem 1.1rem;
	margin: 0.7rem 0;
}

.sm-ecole-lp__faq summary {
	cursor: pointer;
	font-weight: 650;
}

.sm-ecole-lp__faq details p {
	margin-top: 0.65rem;
}

.sm-ecole-lp__band {
	padding: 3.2rem 0;
	background: var(--sm-navy, #1b2430);
	color: #f4efe6;
	text-align: center;
}

.sm-ecole-lp__band h2,
.sm-ecole-lp__band p {
	color: inherit;
}

.sm-ecole-lp__band p {
	max-width: 46ch;
	margin: 0 auto 1.2rem;
	line-height: 1.55;
}

.sm-ecole-lp__band a:not(.sm-btn) {
	color: #7BA7D4;
}

@media (min-width: 900px) {
	.sm-ecole-lp__hero-grid,
	.sm-ecole-lp__split {
		grid-template-columns: 1fr 1.05fr;
	}

	.sm-ecole-lp__steps {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 699px) {
	.sm-ecole-lp__grid {
		grid-template-columns: 1fr;
	}

	.sm-ecole-lp h1 {
		max-width: none;
	}
}

/* —— Bandeau « Bientôt / قريباً » —— */
.sm-ecole-lp {
	position: relative;
	overflow: clip;
}

.sm-ecole-lp__soon-banner {
	margin: 0 0 1rem;
	padding: 0.75rem 1rem;
	font-size: 0.95rem;
	font-weight: 650;
	line-height: 1.45;
	color: #1b2430;
	background: linear-gradient(90deg, rgba(196, 92, 38, 0.22), rgba(196, 92, 38, 0.08));
	border: 1px solid rgba(196, 92, 38, 0.4);
	border-radius: 10px;
}

.sm-ecole-lp .sm-soon-ribbon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.35rem 0.75rem;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #fff;
	background: #c45c26;
	border-radius: 999px;
}

.sm-ecole-lp .sm-soon-ribbon--corner {
	position: absolute;
	z-index: 5;
	top: 1.1rem;
	inset-inline-end: 1.1rem;
	box-shadow: 0 6px 18px rgba(196, 92, 38, 0.35);
}

[dir="rtl"] .sm-ecole-lp .sm-soon-ribbon--corner {
	inset-inline-end: auto;
	inset-inline-start: 1.1rem;
}