<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*		Prods List		*/

.products {
	display:flex;
	flex-direction:row;
	justify-content:start;
	flex-wrap:wrap;
	gap:30px;
	padding:0;
	width:calc(100vw - 520px);
	margin: 0;
}

.details .products { width:100%; margin-top:10px; }

/*		Cards		*/

.card-produit {
	position:relative;
	overflow:hidden;
	width:214px;
	height:412px;
	padding:14px;
	border:1px solid var(--card-produit-cadre);
	background-color:var(--card-produit-fond);
}

.card-produit a { color:var(--card-produit-txt); }
.card-produit a:visited { color:var(--card-produit-txt); }
.card_text&gt;a { color:var(--card-produit-haut-txt); }

.card-produit .nouveau,
.card-produit .bonplan {
	position:absolute;
	display:flex;
	align-items:center;
	left:69px;
	top:18px;
	width:100%;
	text-align:center;
	font-weight:600;
	font-size:12px;
	line-height:1.6;
	text-transform:uppercase;
	transform:rotatez(35deg);
}

.card-produit .nouveau {
	color:var(--card-produit-nouveau-txt);
	background-color:var(--card-produit-nouveau);
}

.card-produit .bonplan {
	color:var(--card-produit-bonplan-txt);
	background-color:var(--card-produit-bonplan);
	font-size:12px;
}

.card-produit .nouveau, .card-produit .bonplan { display:none; }

.card-produit .card_image { overflow:hidden; background-color:#F2F0F0; }

.card-produit .card_image img { width:100%; }

.card-produit .card_text {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	height:112px;
	padding:10px;
	text-align:center;
	font-weight:600;
	text-transform:uppercase;
	background-color:var(--card-produit-haut-fond);
}

.card-produit .card_text .card-title {
	font-size:14px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
}

.card-produit .card_text p {
	font-size:10px;
	font-weight:600;
	text-align:center;
	margin:10px 0 0 0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.card-produit button.currentStatus {
	display:flex;
	align-items:center;
}

.card-produit .item-basket {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:10px 0;
}

.card-produit .item-infos {
	display:flex;
	flex-direction:column;
	justify-content:end;
}

.card-produit .item_brand {
	font-size:12px;
	font-weight:600;
	text-align:right;
}

.card-produit .add_to_basket, .card-produit .item_details { display:none; }

.card-produit .statut_article {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}

.card-produit .en_stock,
.card-produit .en_commande,
.card-produit .indisponible {
	margin-top:2px;
	margin-bottom:3px;
	padding:5px;
	font-size:9px;
	font-weight:600;
	display:none;
}

.card-produit .statut_article .en_stock { width:fit-content; background-color:var(--card-produit-enStock); }
.card-produit .statut_article .en_commande { width:fit-content; background-color:var(--card-produit-enCommande); }
.card-produit .statut_article .indisponible { width:fit-content; background-color:var(--card-produit-indisponible); }
.card-produit .currentStatus { display:block; }

.card-produit .item_prix {
	text-align:end;
	font-size:16px;
	font-weight:600;
	height:19px;
	text-transform:uppercase;
}

.card-produit .item_prix.previous {
	font-size:13px;
	font-style:italic;
	font-weight:400;
	color:#000;
	line-height:1;
	text-decoration:line-through var(--card-produit-barreprix) 2px;
	height:13px;
}

.card-produit .produit__see_item {
  text-transform:uppercase;
  height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:600;
  color:var(--card-produit-bouton-txt);
  background-color:var(--card-produit-bouton-fond);
  position:absolute;
  bottom:14px;
  width:184px;
  text-align:center;
}

/*	------------- 	*/

@media screen and (max-width:982px) {
	.products { width:calc(100% - 20px); justify-content: center; }
}

@media screen and (max-width:750px) {
	.promo-list { width:100%; }
}

@media screen and (max-width:530px) {
	.card-produit {
		width: 100%;
		height: auto;
		max-width: 320px;
		margin: 20px;
	}
}</pre></body></html>