/*
 * steps/colonnes-numerotees — transposition de `.etapes` et `.etape--texte` (maquette Les Jolies Clés, Notre offre) :
 * trois encadrés côte à côte (une colonne sous 900 px), filet doré en haut, grand numéro, titre, paragraphes.
 * Engagement 5 : aucun hexadécimal, valeurs de repli comprises.
 */
.ivy-steps--colonnes-numerotees { padding: clamp( 88px, 10vw, 144px ) max( clamp( 20px, 5vw, 64px ), calc( ( 100% - 1240px ) / 2 ) ); }
.ivy-steps--colonnes-numerotees .ivy-steps__header { margin-bottom: 40px; }
.ivy-steps--colonnes-numerotees .ivy-steps__eyebrow { display: block; margin-bottom: 18px; color: var( --ivy-eyebrow-color, var( --ivy-gold-text, rgb( 138 106 51 ) ) ); font-size: var( --ivy-font-label ); font-weight: 600; line-height: 1.6; letter-spacing: .22em; text-transform: uppercase; }
.ivy-steps--colonnes-numerotees .ivy-steps__title { margin: 0; color: var( --ivy-title-color, var( --ivy-ink, rgb( 58 50 38 ) ) ); line-height: 1.15; }
.ivy-steps--colonnes-numerotees .ivy-steps__list { display: grid; grid-template-columns: minmax( 0, 1fr ); gap: clamp( 14px, 1.6vw, 22px ); margin: 0; padding: 0; list-style: none; }
.ivy-steps--colonnes-numerotees .ivy-steps__item { position: relative; padding: clamp( 24px, 2.6vw, 38px ); overflow: hidden; background: var( --ivy-item-background-color, var( --ivy-surface, rgb( 251 248 242 ) ) ); border-radius: var( --ivy-radius-surface, 4px ); }
.ivy-steps--colonnes-numerotees .ivy-steps__item::before { content: ''; position: absolute; left: 0; top: 0; inline-size: 100%; block-size: 2px; background: var( --ivy-accent, rgb( 184 151 90 ) ); }
.ivy-steps--colonnes-numerotees .ivy-steps__number { display: block; font-family: var( --ivy-font-titre, inherit ); line-height: 1; color: var( --ivy-item_number-color, var( --ivy-accent, rgb( 184 151 90 ) ) ); font-variant-numeric: lining-nums; }
.ivy-steps--colonnes-numerotees .ivy-steps__item-body { margin-top: 18px; }
.ivy-steps--colonnes-numerotees .ivy-steps__item-title { margin: 0; color: var( --ivy-item_title-color, var( --ivy-ink, rgb( 58 50 38 ) ) ); font-weight: 600; line-height: 1.25; }
.ivy-steps--colonnes-numerotees .ivy-steps__item-copy { margin: 10px 0 0; color: var( --ivy-item_text-color, var( --ivy-muted, rgb( 107 98 82 ) ) ); line-height: 1.6; }
.ivy-steps--colonnes-numerotees .ivy-steps__item-copy strong { font-weight: 600; color: var( --ivy-ink, rgb( 58 50 38 ) ); }
@media ( min-width: 900px ) {
	.ivy-steps--colonnes-numerotees.ivy-steps--cols-2 .ivy-steps__list { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); }
	.ivy-steps--colonnes-numerotees.ivy-steps--cols-3 .ivy-steps__list { grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); }
	.ivy-steps--colonnes-numerotees.ivy-steps--cols-4 .ivy-steps__list { grid-template-columns: repeat( 4, minmax( 0, 1fr ) ); }
}