/* ------------------------------------------------------------ *\
	Biovancia v3 — Offres Clients (promo code)
	Two panels on the 1440 rail: intro (left, canelle page bg) + a
	myrtille promo-code panel (right, inset 16px gap / 40px gutter).
	Tokens only, scoped to .v3. Global FAQ below (base.css).
\* ------------------------------------------------------------ */

.v3 .offres-offer {
	padding-top: 80px; /* clear the fixed v3 header */
}

.v3 .offres-offer__inner {
	width: 100%;
	max-width: var(--bva-rail);
	margin: 0 auto;
	display: grid;
	grid-template-columns: 712fr 16fr 672fr 40fr; /* left | gap | myrtille panel | right gutter */
	align-items: stretch;
}

/* --- Left intro (canelle page bg) --- */
.v3 .offres-offer__aside {
	grid-column: 1;
	padding: 90px 86px 90px 40px; /* 712 − 40 − 86 = 586 content width */
}
.v3 .offres-offer__label {
	font: var(--bva-t-label);
	text-transform: uppercase;
	color: var(--bva-black);
	margin: 0 0 16px;
}
.v3 .offres-offer__title {
	font: var(--bva-t-header-l);
	font-weight: 500; /* one notch bolder */
	color: var(--bva-black);
	margin: 0 0 40px;
}
.v3 .offres-offer__text {
	font: var(--bva-t-paragraphe);
	color: var(--bva-text-50); /* #151412 @ 60% */
}
.v3 .offres-offer__text p { margin: 0; }

/* --- Right promo panel (myrtille) --- */
.v3 .offres-offer__main {
	grid-column: 3;
	background: var(--bva-myrtille-100);
	display: flex;
	flex-direction: column;
	gap: 32px;
	padding: 90px 40px;
}
.v3 .offres-offer__intro {
	font: var(--bva-t-paragraphe);
	color: var(--bva-text-50); /* #151412 @ 60% */
	margin: 0;
}
.v3 .offres-offer__feedback { font: var(--bva-t-paragraphe); margin: 0; }
.v3 .offres-offer__feedback--ok { color: var(--bva-canelle-400); }
.v3 .offres-offer__feedback--ko { color: #b3261e; }

.v3 .offres-form {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.v3 .offres-form__line {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.v3 .offres-form__label {
	font: var(--bva-t-label);
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.6); /* maquette: black 60%, slightly cooler than the left label */
}
.v3 .offres-form__input {
	border: 0;
	border-bottom: 1px solid var(--bva-line);
	border-radius: 0;
	background: transparent;
	padding: 0 0 12px;
	font: var(--bva-t-paragraphe);
	color: var(--bva-black);
	outline: none;
}
.v3 .offres-form__input::placeholder { color: var(--bva-black); opacity: 1; }

.v3 .offres-form__submit {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 166px;
	height: 40px;
	padding: 0 20px;
	border: 0;
	border-radius: 2px;
	background: var(--bva-black);
	color: var(--bva-white);
	font: 500 12px/1.1 var(--bva-font-sans);
	text-transform: uppercase;
	cursor: pointer;
}

@media (max-width: 860px) {
	.v3 .offres-offer__inner { display: block; }
	.v3 .offres-offer__aside { padding: 40px; }
	.v3 .offres-offer__main { padding: 40px; }
}