/*
 * pricing/offres-duo — transposition de `.demarrage`, `.offres` et `.offre` (maquette Les Jolies Clés) :
 * un panneau « offert au démarrage » (4fr / 8fr, liste sur deux colonnes), puis deux offres de même hauteur.
 * Les cartes et le panneau prennent la teinte opposée à leur section (`--ivy-item-background-color`, sinon le
 * crème clair). Engagement 5 : aucun hexadécimal, valeurs de repli comprises.
 */
.ivy-pricing--offres-duo { padding: clamp( 88px, 10vw, 144px ) max( clamp( 20px, 5vw, 64px ), calc( ( 100% - 1240px ) / 2 ) ); }
.ivy-pricing--offres-duo .ivy-pricing__header { margin-bottom: 40px; }
.ivy-pricing--offres-duo .ivy-pricing__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-pricing--offres-duo .ivy-pricing__title { margin: 0; color: var( --ivy-title-color, var( --ivy-ink, rgb( 58 50 38 ) ) ); line-height: 1.15; }
.ivy-pricing--offres-duo .ivy-pricing__lead { max-inline-size: 760px; margin-top: 16px; }
.ivy-pricing--offres-duo .ivy-pricing__text { margin: 0; color: var( --ivy-text-color, var( --ivy-muted, rgb( 107 98 82 ) ) ); }
.ivy-pricing--offres-duo .ivy-pricing__text p { margin: 0; font-size: inherit; }

.ivy-pricing--offres-duo .ivy-pricing__panel { display: grid; grid-template-columns: 4fr 8fr; gap: clamp( 24px, 4vw, 56px ); align-items: start; padding: clamp( 24px, 3vw, 40px ); background: var( --ivy-panel-background-color, var( --ivy-surface, rgb( 251 248 242 ) ) ); border-radius: var( --ivy-radius-surface, 4px ); }
.ivy-pricing--offres-duo .ivy-pricing__panel-label { display: block; margin-bottom: 10px; color: var( --ivy-panel_label-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-pricing--offres-duo .ivy-pricing__panel-title { margin: 0; color: var( --ivy-panel_title-color, var( --ivy-ink, rgb( 58 50 38 ) ) ); font-weight: 600; line-height: 1.25; }
.ivy-pricing--offres-duo .ivy-pricing__panel-list { display: grid; grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); gap: 10px clamp( 24px, 3vw, 40px ); margin: 0; padding: 0; list-style: none; }

.ivy-pricing--offres-duo .ivy-pricing__plans { display: grid; grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); gap: clamp( 16px, 2vw, 28px ); align-items: stretch; margin-top: clamp( 24px, 3vw, 40px ); }
.ivy-pricing--offres-duo .ivy-pricing__panel + .ivy-pricing__plans { margin-top: clamp( 24px, 3vw, 40px ); }
.ivy-pricing--offres-duo .ivy-pricing__header + .ivy-pricing__plans { margin-top: 0; }
.ivy-pricing--offres-duo .ivy-pricing__plan { position: relative; padding: clamp( 28px, 3vw, 44px ); background: var( --ivy-plan-background-color, var( --ivy-surface, rgb( 251 248 242 ) ) ); border: 1px solid transparent; border-radius: var( --ivy-radius-surface, 4px ); }
.ivy-pricing--offres-duo .ivy-pricing__plan--featured { border-color: var( --ivy-plan-border-color, var( --ivy-accent, rgb( 184 151 90 ) ) ); }
.ivy-pricing--offres-duo .ivy-pricing__badge { position: absolute; top: -1px; right: clamp( 20px, 3vw, 40px ); padding: 4px 14px; background: var( --ivy-plan_badge-background-color, var( --ivy-accent, rgb( 184 151 90 ) ) ); color: var( --ivy-plan_badge-color, var( --ivy-on-accent, rgb( 37 29 23 ) ) ); font-size: var( --ivy-font-label ); font-weight: 600; line-height: 1.6; letter-spacing: .16em; text-transform: uppercase; }
.ivy-pricing--offres-duo .ivy-pricing__plan-title { margin: 0; color: var( --ivy-plan_title-color, var( --ivy-ink, rgb( 58 50 38 ) ) ); line-height: 1.15; }
.ivy-pricing--offres-duo .ivy-pricing__plan-text { margin: 10px 0 0; padding-bottom: 20px; border-bottom: 1px solid var( --ivy-line, rgb( 184 151 90 / 45% ) ); color: var( --ivy-plan_text-color, var( --ivy-muted, rgb( 107 98 82 ) ) ); }
.ivy-pricing--offres-duo .ivy-pricing__rate { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; margin: 20px 0 0; line-height: 1.2; }
.ivy-pricing--offres-duo .ivy-pricing__value { font-family: var( --ivy-font-titre, inherit ); font-weight: 700; color: var( --ivy-plan_value-color, var( --ivy-gold-text, rgb( 138 106 51 ) ) ); font-variant-numeric: lining-nums; }
.ivy-pricing--offres-duo .ivy-pricing__unit { color: var( --ivy-plan_unit-color, var( --ivy-muted, rgb( 107 98 82 ) ) ); }
.ivy-pricing--offres-duo .ivy-pricing__group { margin-top: 22px; }
.ivy-pricing--offres-duo .ivy-pricing__group-heading { margin: 0; color: var( --ivy-plan_group-color, var( --ivy-ink, rgb( 58 50 38 ) ) ); font-weight: 600; line-height: 1.4; }
.ivy-pricing--offres-duo .ivy-pricing__list { display: grid; gap: 10px; margin: 12px 0 0; padding: 0; list-style: none; }
.ivy-pricing--offres-duo .ivy-pricing__item { color: var( --ivy-plan_item-color, var( --ivy-muted, rgb( 107 98 82 ) ) ); }
.ivy-pricing--offres-duo .ivy-pricing__item,
.ivy-pricing--offres-duo .ivy-pricing__panel-item { position: relative; padding-left: 20px; line-height: 1.6; }
.ivy-pricing--offres-duo .ivy-pricing__panel-item { color: var( --ivy-panel_item-color, var( --ivy-muted, rgb( 107 98 82 ) ) ); }
.ivy-pricing--offres-duo .ivy-pricing__item::before,
.ivy-pricing--offres-duo .ivy-pricing__panel-item::before { content: ''; position: absolute; left: 2px; top: .68em; inline-size: 5px; block-size: 5px; border-radius: 50%; background: var( --ivy-accent, rgb( 184 151 90 ) ); }

@media ( max-width: 899px ) {
	.ivy-pricing--offres-duo .ivy-pricing__panel,
	.ivy-pricing--offres-duo .ivy-pricing__plans { grid-template-columns: minmax( 0, 1fr ); }
	.ivy-pricing--offres-duo .ivy-pricing__panel-list { grid-template-columns: minmax( 0, 1fr ); }
}