.page-stockage .hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 32px;
}
.page-stockage .flow {
	min-height: 650px;
}
.stock-pilot {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 64px;
	align-items: stretch;
}
.stock-pilot__lead {
	color: var(--navy);
	line-height: 1.7;
	margin: 22px 0 0;
	max-width: 460px;
}
.stock-pilot__features {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	margin: 40px 0;
}
.stock-pilot__feature:last-child {
	padding-left: 32px;
	border-left: 1px solid var(--navy);
}
.stock-pilot__feature-title {
	color: var(--orange);
	font-size: 1.05rem;
	font-weight: 700;
	margin: 0 0 14px;
}
.stock-pilot__feature p {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.6;
	color: var(--navy);
}
.stock-pilot__cta {
	margin-top: 8px;
}
.stock-pilot__media {
	display: flex;
}
.stock-pilot__photo {
	flex: 1;
	width: 100%;
	min-height: 360px; /* la photo remplit toute la hauteur de la div (jusqu'en bas) */
	background-size: cover;
	background-position: center;
}

@media screen and (max-width: 1080px) {
	.page-stockage .hero__actions {
		gap: 12px;
	}
	.stock-pilot {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.stock-pilot__media {
		order: 2;
	}
	.page-stockage .flow {
		min-height: fit-content;
	}
	.stock-pilot__photo {
		height: 400px;
		width: 100%;
	}
	.stock-pilot__features {
		grid-template-columns: 1fr;
		gap: 24px;
	}
	.stock-pilot__feature:last-child {
		padding-left: 0;
		border-left: none;
	}
}
/* Bande photo pleine largeur (entre les solutions et le CTA devis). */
.stockage-photo-band {
	width: 100%;
}
.stockage-photo-band__media {
	width: 100%;
	height: clamp(320px, 40vw, 520px);
	background-size: cover;
	background-position: center;
}