/* ==========================================================================
   Meilleures ventes — carrousel de cartes photo (accueil, journal).
   Partagé : l'accueil et les pages du journal affichent exactement le
   même bloc ; « Les articles que vous adorez » reprend aussi ces cartes.
   ========================================================================== */

.ffh-link {
	font: 700 11.5px var(--ff-sans); letter-spacing: .14em; text-transform: uppercase;
	color: var(--ff-plum); border-bottom: 1.5px solid var(--ff-line-strong); padding-bottom: 3px; white-space: nowrap;
}
/* Carrousel horizontal sur tous les écrans : vignettes réduites, on fait
   défiler pour voir le reste des pièces vedettes. */
.ffh-best__grid {
  margin-top: 26px; display: flex; gap: clamp(12px, 1.4vw, 20px);
  overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
  scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 12px;
}
.ffh-best__grid::-webkit-scrollbar { display: none; }
@media (max-width: 900px) {
  .ffh-best { flex-basis: 72vw !important; max-width: 280px; }
  .ffh-best__names b { font-size: 19px; -webkit-line-clamp: 3; }
}
.ffh-best {
	flex: 0 0 clamp(165px, 20vw, 210px); scroll-snap-align: start;
	position: relative; display: block; aspect-ratio: 3/3.9; border-radius: 20px; overflow: hidden;
	background: var(--ff-bg-soft); box-shadow: var(--ff-shadow);
	transition: transform .5s var(--ff-ease), box-shadow .5s;
}
.ffh-best:hover { transform: translateY(-8px); box-shadow: 0 26px 50px rgba(58,33,53,.3); }
.ffh-best__photo { position: absolute; inset: 0; background-size: cover; background-position: 60% 55%; }
.ffh-best__scrim { position: absolute; inset: 0; background: linear-gradient(to top, rgba(43,34,38,.80), rgba(43,34,38,.10) 44%, rgba(43,34,38,0) 70%); }
.ffh-best__rank {
	position: absolute; top: 11px; left: 11px; display: flex; align-items: center; justify-content: center;
	min-width: 26px; height: 26px; padding: 0 8px; border-radius: var(--ff-r-pill);
	background: rgba(255,253,251,.92); color: var(--ff-plum); font: 800 11px var(--ff-sans);
}
.ffh-best__rupture {
	position: absolute; top: 11px; right: 11px; padding: 5px 10px; border-radius: var(--ff-r-pill);
	background: rgba(43, 34, 38, .84); color: #fff;
	font: 800 8.5px var(--ff-sans); letter-spacing: .14em; text-transform: uppercase;
}
.ffh-best__foot {
	position: absolute; left: 12px; right: 12px; bottom: 12px;
	display: flex; flex-direction: column; align-items: flex-start; gap: 8px;
}
.ffh-best__names b {
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
	font: 600 15px/1.22 var(--ff-serif); color: var(--ff-surface);
}
/* Prix en pastille compacte, sous le nom : placement toujours constant, jamais superposé. */
.ffh-best__foot i {
	align-self: flex-start; order: 3; font: 800 12px var(--ff-sans); color: var(--ff-ink); font-style: normal;
	background: rgba(255,253,251,.95); border-radius: var(--ff-r-pill); padding: 6px 11px; white-space: nowrap;
	box-shadow: 0 3px 10px rgba(43,34,38,.22);
}
.ffh-best__foot i .ff-card__from { font-weight: 600; color: var(--ff-ink-55); }


/* Best : sous-catégorie sous le nom (design). */
.ffh-best__names u { display: block; margin-top: 3px; font: 700 10px var(--ff-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--ff-pink-soft); text-decoration: none; }