/* Annonces eBay : mêmes proportions que les cartes de la boutique, mais repérables d'un coup d'œil
   (pastille eBay, bouton « Voir sur eBay ») pour qu'on ne les confonde pas avec un produit vendu sur le site.
   Les couleurs reprennent celles du thème quand elles existent, avec des valeurs de repli pour l'ancien thème. */
.fm-baytag {
	clear: both;
	margin: 1.5em 0 2em;
}

.fm-baytag__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.fm-baytag__item {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}

.fm-baytag__item::before {
	display: none;
}

.fm-baytag__link {
	display: flex;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
	padding: 10px 10px 12px;
	border: 1px dashed var(--fm-line, #cfc6b2);
	border-radius: var(--fm-radius, 4px);
	background: var(--fm-card, #fff);
	color: inherit;
	text-decoration: none;
	transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.fm-baytag__link:hover,
.fm-baytag__link:focus {
	box-shadow: 0 6px 18px rgba(34, 39, 43, 0.12);
	transform: translateY(-2px);
}

.fm-baytag__thumb {
	position: relative;
	display: block;
	aspect-ratio: 1;
	margin-bottom: 8px;
	overflow: hidden;
	border-radius: 3px;
	background: #fff;
}

.fm-baytag__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.fm-baytag__badge {
	position: absolute;
	right: 6px;
	bottom: 6px;
	padding: 1px 7px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
	color: #333;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.fm-baytag__title {
	display: -webkit-box;
	min-height: 2.7em;
	margin-bottom: 4px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: var(--fm-ink, #22272b);
	font-size: 0.875em;
	font-weight: 600;
	line-height: 1.35;
}

.fm-baytag__meta {
	margin-bottom: 6px;
	color: var(--fm-muted, #6c6f68);
	font-size: 0.75em;
}

.fm-baytag__price {
	margin-top: auto;
	color: var(--fm-ink, #22272b);
	font-weight: 700;
}

.fm-baytag__cta {
	margin-top: 8px;
	padding: 0.5em 0.6em;
	border: 1px solid var(--fm-ink, #22272b);
	border-radius: var(--fm-radius, 4px);
	color: var(--fm-ink, #22272b);
	font-size: 0.8125em;
	font-weight: 600;
	text-align: center;
}

.fm-baytag__link:hover .fm-baytag__cta {
	background: var(--fm-ink, #22272b);
	color: var(--fm-paper, #fff);
}

.fm-baytag__note {
	margin: 0.9em 0 0;
	color: var(--fm-muted, #6c6f68);
	font-size: 0.75em;
}

@media (min-width: 768px) {
	.fm-baytag__list {
		grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
		gap: 18px;
	}
}

.fm-baytag__item[hidden] {
	display: none;
}

.fm-baytag__more {
	display: block;
	margin: 1.25em auto 0;
	padding: 0.6em 1.4em;
	border: 1px solid var(--fm-ink, #22272b);
	border-radius: var(--fm-radius, 4px);
	background: transparent;
	color: var(--fm-ink, #22272b);
	font-weight: 600;
	cursor: pointer;
}

.fm-baytag__more:hover,
.fm-baytag__more:focus {
	background: var(--fm-ink, #22272b);
	color: var(--fm-paper, #fff);
}

.fm-baytag__filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 18px;
	margin: 0 0 14px;
	font-size: 0.875em;
}

.fm-baytag__filters label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	color: var(--fm-muted, #6c6f68);
	font-weight: 600;
}

.fm-baytag__filters select {
	padding: 4px 8px;
	border: 1px solid var(--fm-line, #cfc6b2);
	border-radius: var(--fm-radius, 4px);
	background: var(--fm-card, #fff);
	color: var(--fm-ink, #22272b);
	font-size: 1em;
}

.fm-baytag__count {
	margin-left: auto;
	color: var(--fm-muted, #6c6f68);
}

.fm-baytag__more[hidden] {
	display: none;
}