/*
 * compare/tableau — transposition de `.comparatif` (maquette Les Jolies Clés, Notre offre) : tableau à bords arrondis,
 * en-tête sombre, lignes de groupe en capitales, cellules centrées (coche dorée ou tiret estompé), filets entre les lignes.
 * Engagement 5 : aucun hexadécimal, valeurs de repli comprises.
 */
.ivy-compare--tableau { padding: clamp( 88px, 10vw, 144px ) max( clamp( 20px, 5vw, 64px ), calc( ( 100% - 1240px ) / 2 ) ); }
.ivy-compare--tableau .ivy-compare__header { margin-bottom: 40px; }
.ivy-compare--tableau .ivy-compare__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-compare--tableau .ivy-compare__title { margin: 0; color: var( --ivy-title-color, var( --ivy-ink, rgb( 58 50 38 ) ) ); line-height: 1.15; }
.ivy-compare--tableau .ivy-compare__lead { max-inline-size: 760px; margin-top: 16px; }
.ivy-compare--tableau .ivy-compare__text { margin: 0; color: var( --ivy-text-color, var( --ivy-muted, rgb( 107 98 82 ) ) ); }
.ivy-compare--tableau .ivy-compare__text p { margin: 0; font-size: inherit; }
.ivy-compare--tableau .ivy-compare__note { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; margin: 0; color: var( --ivy-note-color, var( --ivy-gold-text, rgb( 138 106 51 ) ) ); font-family: var( --ivy-font-titre, inherit ); line-height: 1.4; text-align: center; font-variant-numeric: lining-nums; }
.ivy-compare--tableau .ivy-compare__dot { color: var( --ivy-accent, rgb( 184 151 90 ) ); }
.ivy-compare--tableau .ivy-compare__frame { margin-top: clamp( 24px, 3vw, 40px ); }
.ivy-compare--tableau .ivy-compare__table { margin: 0; font-size: inherit; border: 0; inline-size: 100%; border-collapse: collapse; overflow: hidden; background: var( --ivy-table-background-color, var( --ivy-surface, rgb( 251 248 242 ) ) ); border-radius: var( --ivy-radius-surface, 4px ); }
.ivy-compare--tableau .ivy-compare__table :where( th, td ) { border: 0; background-color: transparent; }
.ivy-compare--tableau .ivy-compare__head-cell { padding: 18px 16px; background: var( --ivy-head-background-color, var( --ivy-deep, rgb( 37 29 23 ) ) ); color: var( --ivy-head-color, var( --ivy-on-deep, rgb( 251 248 242 ) ) ); font-weight: 600; text-align: start; vertical-align: top; }
.ivy-compare--tableau .ivy-compare__head-cell--offer { inline-size: 128px; line-height: 1.4; text-align: center; }
.ivy-compare--tableau .ivy-compare__head-note { display: block; margin-top: 4px; color: var( --ivy-head_note-color, var( --ivy-accent-on-deep, rgb( 184 151 90 ) ) ); font-weight: 600; }
.ivy-compare--tableau .ivy-compare__mention { padding: 0 16px 14px; background: var( --ivy-mention-background-color, var( --ivy-head-background-color, var( --ivy-deep, rgb( 37 29 23 ) ) ) ); color: var( --ivy-mention-color, rgb( 251 248 242 / 78% ) ); font-size: var( --ivy-font-label, 14px ); line-height: 1.5; text-align: start; }
.ivy-compare--tableau .ivy-compare__group { padding: 10px 16px; background: var( --ivy-group-background-color, var( --ivy-surface-sunk, rgb( 238 230 216 ) ) ); color: var( --ivy-group-color, var( --ivy-gold-text, rgb( 138 106 51 ) ) ); font-weight: 600; letter-spacing: .18em; text-align: start; text-transform: uppercase; }
.ivy-compare--tableau .ivy-compare__row > * { border-top: 1px solid var( --ivy-line, rgb( 184 151 90 / 45% ) ); }
.ivy-compare--tableau .ivy-compare__row-label { padding: 14px 16px; color: var( --ivy-row_label-color, var( --ivy-muted, rgb( 107 98 82 ) ) ); font-weight: 400; line-height: 1.55; text-align: start; }
.ivy-compare--tableau .ivy-compare__cell { padding: 14px 8px; color: var( --ivy-cell-color, var( --ivy-gold-text, rgb( 138 106 51 ) ) ); font-weight: 600; text-align: center; }
.ivy-compare--tableau .ivy-compare__cell--no { color: var( --ivy-muted, rgb( 107 98 82 ) ); font-weight: 400; opacity: .55; }
@media ( max-width: 899px ) {
	.ivy-compare--tableau .ivy-compare__note { flex-direction: column; }
	.ivy-compare--tableau .ivy-compare__dot { display: none; }
}
@media ( max-width: 599px ) {
	.ivy-compare--tableau .ivy-compare__head-cell--offer { inline-size: 84px; padding-inline: 6px; }
	.ivy-compare--tableau .ivy-compare__head-cell:first-child,
	.ivy-compare--tableau .ivy-compare__row-label { padding-inline: 12px; }
}