/**
 * Accueil : mise en forme de la page Bricks n° 2, d'après la maquette « 02 · Accueil ».
 * Les cartes viennent de fiche-produit.css et vendeurs.css.
 * Les fonds colorés attendent les photos : une image posée en arrière-plan dans Bricks les recouvre.
 */

.blianti-accueil {
	--encre: #2B1A10;
	--papier: #FBF7F1;
	--accent: #B0521D;
	--trait: #D9CBBB;
	--doux: #6E5B4D;
	--sable: #EADBCB;
	--olive: #7E8A68;
	--olive-fonce: #5C6849;
	width: 100%;
	background: var(--papier);
	color: var(--encre);
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 15px;
	line-height: 1.5;
}

.blianti-accueil h1,
.blianti-accueil h2 {
	font-family: inherit;
	font-weight: 500;
	color: inherit;
}

.blianti-accueil__conteneur {
	width: 100%;
	max-width: 1352px;
	margin: 0 auto;
	padding: 96px 16px;
}

.blianti-accueil__surtitre {
	color: var(--doux);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.blianti-accueil__lien {
	color: var(--encre);
	font-size: 14px;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.blianti-accueil__lien:hover {
	color: var(--accent);
}

.blianti-accueil__bouton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 28px;
	background: var(--encre);
	color: var(--papier);
	font-size: 14px;
	font-weight: 500;
}

.blianti-accueil__bouton:hover {
	background: var(--accent);
	color: var(--papier);
}

.blianti-accueil__titre {
	font-size: 40px;
	line-height: 1.1;
	letter-spacing: -.01em;
}

.blianti-accueil__entete {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px 32px;
	width: 100%;
	margin-bottom: 40px;
}

.blianti-accueil__entete .blianti-accueil__lien {
	flex: 0 0 auto;
	white-space: nowrap;
}

/* Une section sans boutique disparaît, titre compris. */
.blianti-accueil--boutiques:not(:has(.blianti-carte-boutique)) {
	display: none;
}

.blianti-accueil .blianti-vendeurs__grille {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	width: 100%;
}

/* Bandeau d'ouverture */
.blianti-accueil-hero {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
	min-height: 700px;
}

.blianti-accueil-hero__texte {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 88px 48px 64px max(16px, calc((100vw - 1320px) / 2));
	background: var(--sable);
}

.blianti-accueil-hero__titre {
	margin-top: 28px;
	font-size: 72px;
	line-height: 1;
	letter-spacing: -.02em;
}

.blianti-accueil-hero__intro {
	max-width: 470px;
	margin-top: 32px;
	font-size: 17px;
	line-height: 1.55;
}

.blianti-accueil-hero__actions {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	margin-top: auto;
	padding-top: 40px;
}

.blianti-accueil-hero__photo {
	width: 100%;
	background-color: #8C5A3C;
	background-position: 85% 35%;
	background-size: cover;
}

/* Contenu et colonne de droite */
.blianti-accueil-colonnes {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	align-items: stretch;
	padding-top: 0;
	padding-bottom: 0;
}

.blianti-accueil-colonnes__principal {
	min-width: 0;
	width: 100%;
	padding-right: 60px;
	border-right: 1px solid var(--trait);
}

.blianti-accueil-colonnes__cote {
	width: 100%;
	padding: 96px 0 80px 40px;
}

.blianti-accueil-bloc {
	width: 100%;
	padding: 96px 0;
}

.blianti-accueil-bloc + .blianti-accueil-bloc {
	padding: 64px 0;
	border-top: 1px solid var(--trait);
}

.blianti-accueil-bloc__note {
	max-width: 360px;
	color: var(--doux);
	line-height: 1.55;
}

.blianti-accueil-bloc__titre {
	font-size: 28px;
	letter-spacing: -.01em;
}

/* Trois façons d'acheter */
.blianti-accueil-facons {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 48px;
	width: 100%;
}

.blianti-accueil-facon {
	position: relative;
	display: block;
	width: 100%;
	color: var(--encre);
	--couleur-type: var(--encre);
}

.blianti-accueil-facon + .blianti-accueil-facon::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -24px;
	border-left: 1px solid var(--trait);
}

.blianti-accueil-facon--service {
	--couleur-type: var(--olive);
}

.blianti-accueil-facon--commande {
	--couleur-type: var(--accent);
}

.blianti-accueil-facon__type {
	padding-top: 14px;
	border-top: 2px solid var(--couleur-type);
	color: var(--couleur-type);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.blianti-accueil-facon--service .blianti-accueil-facon__type {
	color: var(--olive-fonce);
}

.blianti-accueil-facon__photo {
	width: 100%;
	aspect-ratio: 4 / 5;
	margin-top: 18px;
	background-color: #B98E6E;
	background-position: center;
	background-size: cover;
}

.blianti-accueil-facon--service .blianti-accueil-facon__photo {
	background-color: #6F4A33;
}

.blianti-accueil-facon--commande .blianti-accueil-facon__photo {
	background-color: #D8C3AE;
}

.blianti-accueil-facon__texte {
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.4;
}

.blianti-accueil-facon__suite {
	display: inline-block;
	margin-top: 14px;
	font-size: 14px;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.blianti-accueil-facon:hover .blianti-accueil-facon__suite {
	color: var(--accent);
}

/* Catégories */
.blianti-accueil-categories {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 28px 14px;
	width: 100%;
}

.blianti-accueil-categorie {
	display: block;
	width: 100%;
	color: var(--encre);
}

.blianti-accueil-categorie__visuel {
	width: 100%;
	aspect-ratio: 1;
	background: #A8765A;
	overflow: hidden;
}

.blianti-accueil-categorie:nth-child(4n + 2) .blianti-accueil-categorie__visuel {
	background: #E2CDB8;
}

.blianti-accueil-categorie:nth-child(4n + 3) .blianti-accueil-categorie__visuel {
	background: #5A3624;
}

.blianti-accueil-categorie:nth-child(4n) .blianti-accueil-categorie__visuel {
	background: #C9A88A;
}

.blianti-accueil-categorie__visuel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blianti-accueil-categorie__nom {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

/* À propos */
.blianti-accueil-apropos__texte {
	max-width: 860px;
	margin: 20px 0 24px;
	font-size: 30px;
	line-height: 1.3;
	letter-spacing: -.01em;
}

.blianti-accueil-apropos__texte em {
	font-family: "Instrument Serif", Georgia, serif;
	font-size: 1.15em;
	font-style: italic;
	letter-spacing: 0;
}

/* Publicités et articles */
.blianti-accueil-pub__mention {
	margin-bottom: 8px;
	color: var(--doux);
	font-size: 10px;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.blianti-accueil-pub {
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 300px;
	max-width: 100%;
	height: 250px;
	border: 1px solid var(--trait);
	background: var(--sable);
	font-size: 14px;
	font-weight: 500;
}

.blianti-accueil-pub--haute {
	height: 600px;
}

.blianti-accueil-pub--image {
	overflow: hidden;
	border: 0;
}

.blianti-accueil-pub--image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blianti-accueil-pub__taille {
	color: var(--doux);
	font-size: 13px;
	font-weight: 400;
}

.blianti-accueil-articles {
	width: 100%;
	margin-bottom: 48px;
}

.blianti-accueil-articles:not(:has(.blianti-accueil-article)) {
	display: none;
}

.blianti-accueil-pub__mention:first-child + .blianti-accueil-pub {
	margin-bottom: 48px;
}

.blianti-accueil-articles__titre {
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--encre);
	font-size: 20px;
}

.blianti-accueil-article {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr);
	gap: 14px;
	width: 100%;
	padding: 16px 0;
	border-bottom: 1px solid var(--trait);
	color: var(--encre);
}

.blianti-accueil-article__visuel {
	width: 88px;
	height: 88px;
	background: #D8C3AE;
	overflow: hidden;
}

.blianti-accueil-article__visuel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blianti-accueil-article:nth-of-type(4n + 2) .blianti-accueil-article__visuel {
	background: #A8765A;
}

.blianti-accueil-article:nth-of-type(4n + 3) .blianti-accueil-article__visuel {
	background: #7E8A68;
}

.blianti-accueil-article:nth-of-type(4n) .blianti-accueil-article__visuel {
	background: #8C5A3C;
}

.blianti-accueil-article__categorie {
	color: var(--accent);
	font-size: 10px;
	font-weight: 500;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.blianti-accueil-article__titre {
	margin-top: 4px;
	line-height: 1.35;
}

.blianti-accueil-article__date {
	margin-top: 6px;
	color: var(--doux);
	font-size: 12px;
}

/* Sélection */
.blianti-accueil-selection {
	border-top: 1px solid var(--trait);
}

.blianti-accueil-selection .blianti-accueil__conteneur {
	padding-bottom: 112px;
}

.blianti-accueil-selection .blianti-accueil__entete {
	margin-bottom: 28px;
}

.blianti-accueil-onglets {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid var(--trait);
}

.blianti-accueil-onglets .brx-filter-legend {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
}

.blianti-accueil-onglets .brx-filter-options {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 32px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.blianti-accueil-onglets .bricks-button {
	min-height: 0;
	margin-bottom: -1px;
	padding: 0 0 12px;
	border: 0;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	background: none;
	color: var(--encre);
	font-size: 15px;
	font-weight: 400;
	cursor: pointer;
}

.blianti-accueil-onglets .bricks-button.brx-option-active {
	border-bottom-color: var(--encre);
	background: none;
	color: var(--encre);
	font-weight: 500;
}

.blianti-accueil-selection__grille {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 40px 24px;
	width: 100%;
	margin-top: 36px;
}

.blianti-accueil .blianti-carte__meta {
	display: flex;
	align-items: center;
	gap: 8px;
}

.blianti-accueil .blianti-carte__meta::after {
	content: "";
	flex: 0 0 8px;
	width: 8px;
	height: 8px;
	background: var(--accent);
	transform: rotate(45deg);
}

/* Promesse */
.blianti-accueil-confiance {
	background: #4A2712;
	color: var(--papier);
}

.blianti-accueil-confiance .blianti-accueil__conteneur {
	padding-top: 128px;
	padding-bottom: 120px;
}

.blianti-accueil-confiance__grille {
	display: grid;
	grid-template-columns: 5fr 7fr;
	gap: 24px;
	width: 100%;
}

.blianti-accueil-confiance .blianti-accueil__surtitre {
	color: var(--sable);
}

.blianti-accueil-confiance__titre {
	max-width: 480px;
	margin-top: 24px;
	font-size: 56px;
	line-height: 1.02;
	letter-spacing: -.02em;
}

.blianti-accueil-confiance__etapes {
	width: 100%;
	border-top: 1px solid #7A5640;
}

.blianti-accueil-etape {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	gap: 24px;
	width: 100%;
	padding: 28px 0;
	border-bottom: 1px solid #7A5640;
}

.blianti-accueil-etape__numero {
	color: var(--sable);
	font-size: 56px;
	font-weight: 300;
	line-height: 1;
}

.blianti-accueil-etape__nom {
	margin-top: 6px;
	color: var(--papier);
	font-size: 20px;
	font-weight: 500;
}

.blianti-accueil-etape__texte {
	margin-top: 6px;
	color: var(--sable);
	font-size: 17px;
	line-height: 1.55;
}

.blianti-accueil-sceau {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 40px;
	margin: 96px 0 0 14px;
}

.blianti-accueil-sceau__forme {
	position: relative;
	flex: 0 0 60px;
	width: 60px;
	height: 60px;
	background: var(--accent);
	transform: rotate(45deg);
}

.blianti-accueil-sceau__forme::before {
	content: "";
	position: absolute;
	inset: 7px;
	border: 1px solid var(--papier);
}

.blianti-accueil-sceau__forme::after {
	content: "";
	position: absolute;
	top: 15px;
	left: 21px;
	width: 14px;
	height: 26px;
	border-bottom: 3px solid var(--papier);
	border-right: 3px solid var(--papier);
}

.blianti-accueil-sceau__nom {
	font-size: 30px;
	font-weight: 500;
	letter-spacing: -.01em;
}

.blianti-accueil-sceau__texte {
	max-width: 520px;
	margin-top: 6px;
	color: var(--sable);
	font-size: 14px;
}

/* Collage */
.blianti-accueil-collage {
	background: var(--sable);
}

.blianti-accueil-collage .blianti-accueil__conteneur {
	padding-top: 128px;
	padding-bottom: 128px;
}

.blianti-accueil-collage__scene {
	position: relative;
	width: 100%;
	height: 600px;
}

.blianti-accueil-collage__photo {
	position: absolute;
	background-position: center;
	background-size: cover;
}

.blianti-accueil-collage__photo--1 {
	top: 0;
	left: 0;
	width: 430px;
	height: 540px;
	background-color: #A8765A;
}

.blianti-accueil-collage__photo--2 {
	top: 250px;
	left: 330px;
	width: 300px;
	height: 350px;
	border: 6px solid var(--sable);
	background-color: #6F4A33;
}

.blianti-accueil-collage__photo--3 {
	top: -40px;
	left: 560px;
	width: 240px;
	height: 300px;
	background-color: #C9A88A;
}

.blianti-accueil-collage__mention {
	position: absolute;
	top: 280px;
	left: 650px;
	color: var(--accent);
	font-family: "Caveat", cursive;
	font-size: 44px;
	transform: rotate(-6deg);
}

.blianti-accueil-collage__texte {
	position: absolute;
	top: 120px;
	right: 0;
	width: 440px;
}

.blianti-accueil-collage__phrase {
	margin: 22px 0 28px;
	font-size: 40px;
	font-weight: 500;
	line-height: 1.12;
	letter-spacing: -.015em;
}

/* Prestataires */
.blianti-accueil-services__repere {
	width: 48px;
	padding-top: 12px;
	border-top: 2px solid var(--olive);
	color: var(--olive-fonce);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.blianti-accueil-services .blianti-accueil__titre {
	margin-top: 14px;
}

.blianti-accueil-services .blianti-accueil__entete {
	align-items: flex-end;
}

/* Devenir vendeur */
.blianti-accueil-vendeur {
	background: var(--sable);
}

.blianti-accueil-vendeur .blianti-accueil__conteneur {
	padding-top: 64px;
	padding-bottom: 64px;
}

.blianti-accueil-vendeur__grille {
	display: grid;
	grid-template-columns: 7fr 5fr;
	gap: 24px;
	align-items: center;
	width: 100%;
}

.blianti-accueil-vendeur__titre {
	max-width: 620px;
	margin-bottom: 28px;
	font-size: 32px;
	line-height: 1.15;
	letter-spacing: -.01em;
}

.blianti-accueil-vendeur__conditions {
	width: 100%;
	margin-top: 14px;
	border-top: 1px solid var(--trait);
}

.blianti-accueil-vendeur__condition {
	width: 100%;
	padding: 14px 0;
	border-bottom: 1px solid var(--trait);
	font-size: 16px;
}

@media (max-width: 1200px) {
	.blianti-accueil-hero__titre {
		font-size: 56px;
	}

	.blianti-accueil-colonnes {
		grid-template-columns: minmax(0, 1fr);
	}

	.blianti-accueil-colonnes__principal {
		padding-right: 0;
		border-right: 0;
	}

	.blianti-accueil-colonnes__cote {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px 40px;
		padding: 48px 0;
		border-top: 1px solid var(--trait);
	}

	.blianti-accueil-categories {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.blianti-accueil-selection__grille {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.blianti-accueil .blianti-vendeurs__grille {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Le collage repose sur des positions fixes : il passe en grille simple. */
	.blianti-accueil-collage__scene {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 16px;
		height: auto;
	}

	.blianti-accueil-collage__photo {
		position: static;
		width: 100%;
		height: auto;
		aspect-ratio: 4 / 5;
		border: 0;
	}

	.blianti-accueil-collage__mention {
		position: static;
		grid-column: 1 / -1;
		justify-self: start;
	}

	.blianti-accueil-collage__texte {
		position: static;
		grid-column: 1 / -1;
		width: 100%;
		max-width: 620px;
	}
}

@media (max-width: 991px) {
	.blianti-accueil__conteneur,
	.blianti-accueil-confiance .blianti-accueil__conteneur,
	.blianti-accueil-collage .blianti-accueil__conteneur,
	.blianti-accueil-selection .blianti-accueil__conteneur {
		padding-top: 64px;
		padding-bottom: 64px;
	}

	.blianti-accueil-colonnes {
		padding-top: 0;
		padding-bottom: 0;
	}

	.blianti-accueil-hero {
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
	}

	.blianti-accueil-hero__texte {
		padding: 56px 16px;
	}

	.blianti-accueil-hero__photo {
		aspect-ratio: 7 / 6;
	}

	.blianti-accueil-hero__actions {
		margin-top: 0;
	}

	.blianti-accueil-bloc {
		padding: 64px 0;
	}

	.blianti-accueil-confiance__grille,
	.blianti-accueil-vendeur__grille {
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
	}

	.blianti-accueil-selection__grille {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.blianti-accueil-categories {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.blianti-accueil-sceau {
		margin-top: 64px;
	}
}

@media (max-width: 767px) {
	.blianti-accueil__titre {
		font-size: 30px;
	}

	.blianti-accueil-hero__titre {
		font-size: 44px;
	}

	.blianti-accueil__entete {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 28px;
	}

	.blianti-accueil-facons {
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
	}

	.blianti-accueil-facon + .blianti-accueil-facon::before {
		display: none;
	}

	.blianti-accueil-categories {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.blianti-accueil-apropos__texte {
		font-size: 22px;
	}

	.blianti-accueil-colonnes__cote {
		grid-template-columns: minmax(0, 1fr);
		justify-items: center;
	}

	.blianti-accueil-selection__grille {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 28px 16px;
	}

	.blianti-accueil-confiance__titre {
		font-size: 38px;
	}

	.blianti-accueil-etape {
		grid-template-columns: 64px minmax(0, 1fr);
		gap: 16px;
	}

	.blianti-accueil-etape__numero {
		font-size: 36px;
	}

	.blianti-accueil-sceau {
		align-items: flex-start;
		gap: 32px;
	}

	.blianti-accueil-sceau__nom {
		font-size: 24px;
	}

	.blianti-accueil-collage__phrase {
		font-size: 28px;
	}

	.blianti-accueil-vendeur__titre {
		font-size: 26px;
	}
}

@media (max-width: 600px) {
	.blianti-accueil .blianti-vendeurs__grille {
		grid-template-columns: minmax(0, 1fr);
	}
}