/* CARTE LIVRAISON DE L'ACCUEIL, VERSION « LE PRIX EN GRAND » (22/09/2026) — planche B.
   Cette feuille ne touche QUE l'intérieur de la carte blanche. La coquille du bandeau (le mur coloré, la photo qui
   passe au-dessus sous 1 180 px, la vague et son ombre) reste celle de bio-bandeau-accueil.css, dont cette feuille
   dépend : les variables --bdx-* viennent de là. Tout est limité à .bio-bdl. */

/* La carte devient une rangée : le dessin à gauche, le prix et le bouton à droite. Un peu plus large que
   l'ancienne (520 px), parce que le camion prend sa place à gauche. */
.bio-bdl .bio-bdx__carte {
	display: flex;
	align-items: center;
	gap: 26px;
	width: min(600px, 48%);
	padding: 30px 34px;
}

/* Sélecteur renforcé comme celui de la griffe : la règle générale des dessins (.elementor img.bio-feutre, pleine
   largeur) étirerait le camion sur toute la carte. */
.bio-bdx .bio-bdx__carte img.bio-bdl__camion {
	flex: 0 0 auto;
	width: 116px;
	height: 116px;
	object-fit: contain;
}
.bio-bdl__tx { min-width: 0; }

.bio-bdl h2.bio-bdl__titre {
	margin: 0 0 10px;
	font-size: clamp(24px, 2.4vw, 30px);
	font-weight: 700;
	line-height: 1.12;
	letter-spacing: -.02em;
	color: var(--bdx-brun) !important;
}

/* Le prix est l'image du bloc : c'est lui qu'on lit en premier, de loin. Chiffres tabulaires, jamais coupés. */
.bio-bdl__prix {
	margin: 0 !important;
	font-size: clamp(36px, 3.8vw, 48px);
	font-weight: 700;
	line-height: 1.02;
	color: var(--bdx-brun);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.bio-bdl__prix small {
	display: block;
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--bdx-gris);
	white-space: normal;
}
/* « dès » reste un mot, pas un chiffre : plus petit, il ne dispute pas la place au montant. */
.bio-bdl__des { font-size: .52em; font-weight: 700; }

.bio-bdl__sous {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-top: 14px !important;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--bdx-gris);
}
.bio-bdx .bio-bdx__carte img.bio-bdl__ico {
	flex: 0 0 auto;
	width: 26px;
	height: 26px;
	object-fit: contain;
}
.bio-bdl .bio-bdx__actions { margin-top: 18px; }

/* Sous 1 180 px la coquille passe la photo au-dessus et rend la carte pleine largeur : il faut redire ces deux
   valeurs ici, parce que nos sélecteurs sont plus forts que ceux de la feuille d'origine. */
@media (max-width: 1180px) {
	.bio-bdl .bio-bdx__carte { width: auto; max-width: 720px; }
}

/* Au téléphone la rangée se replie : le camion au-dessus, puis le titre, le prix, la ligne du retrait, le bouton. */
@media (max-width: 900px) {
	.bio-bdl .bio-bdx__carte {
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
		padding: 24px 20px 20px;
	}
	.bio-bdx .bio-bdx__carte img.bio-bdl__camion { width: 92px; height: 92px; }
	.bio-bdl h2.bio-bdl__titre { font-size: 26px; }
	.bio-bdl__prix { font-size: 40px; }
	.bio-bdl .bio-bdx__actions { margin-top: 16px; width: 100%; }
}

/* À 360 px le montant doit tenir sur une ligne sans rogner la carte. */
@media (max-width: 380px) {
	.bio-bdl__prix { font-size: 36px; }
}