/*		Prods List		*/

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

.catalogue-content h1 {
	font-size: 16px;
	font-weight: 600;
	color: black;
	margin-bottom:20px;
}

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

/*		Cards		*/

.card-produit {
	width: 215px;
	height: 340px;
	position: relative;
	overflow: hidden;
	background-color: #424344;
/*
	position:relative;
	overflow:hidden;
	width:214px;
	height:390px;
	padding:14px;
	border:1px solid var(--card-produit-cadre);
	background-color:var(--card-produit-fond);
*/
}

.card-produit .corner_banner{
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    height: 23px;
}
.card-produit .nouveau,
.card-produit .bonplan {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1.5;
    padding: 0 12px;

}

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

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

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


.card-produit .card_top {}

.card-produit .card_image {
  display: flex;
  justify-content: center;
  padding: 5px 5px 0 5px;
}

.card-produit .card_image img {
  width: 205px;
  height: 135px;
}

.card-produit .card_text {
	display: flex;
	gap: 3px;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	height: 100px;
	padding: 0 18px;
	font-weight: 500;
	text-transform: uppercase;
	text-align:center;
}

.card-produit .card-title {
  color: #FFF;
  font-size: 12px;
  max-height: 85px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-height: 1.1;
  -webkit-box-orient: vertical;
  margin-bottom:15px;
}

.card-produit .card_top .card_text > p {
  color: #FFF;
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  margin: 0;
}

.card-produit .item_infos {
	padding:15px;
	display:flex;
	justify-content: space-between;
}

.card-produit .item_infos button { background:transparent; }

.card-produit .prix-pub {
    font-size: 14px;
    margin-bottom: 5px;
    color: #A3A3A3;
}

.card-produit .item_prix {
    font-size: 19px;
    font-weight: 500;
    color: #FFF;
}

.card-produit .item_prix.previous {
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    color: #FFF;

    text-decoration: line-through red 2px;
    margin-bottom: 5px;
}
.card-produit .item_cta {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 20px;
}

.card-produit .item_details {
    font-size: 9px;
    text-transform: uppercase;
    width: 46px;
    height: 40px;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    padding: 10px 0;
}

.card-produit .item_details:visited {
    color: var(--txtblanc);
}

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

.card-produit .statut_article .en_stock {
    background-color: var(--enStock);
}

.card-produit .statut_article .en_commande {
    background-color: var(--enCommande);

}

.card-produit .statut_article .indisponible {
    background-color: var(--indisponible);

}

.card-produit .en_stock,
.card-produit .en_commande,
.card-produit .indisponible {
    font-size: 9px;
    font-weight: 600;
    display: none;
    width: 108px;
    justify-content: center;
    align-items: center;
    color: white;
    height: 17px;
}


.card-produit .see_item {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
}

.card-produit .see_item a {
    font-size: 10px;
    font-weight: 600;
    color: black;
    background-color: #d9b18d;
    width: 107px;
    display: flex;
    line-height: 1.7;
    justify-content: center;
    height: 17px;
}

.card-produit .see_item a:active{
    margin: 2px -1px -2px 1px;
}

.card-produit .currentStatus {
    display: flex!important;
}





/*
.card-produit a { color:var(--card-produit-txt); }
.card-produit a:visited { color:var(--card-produit-txt); }
.card_text>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:96px;
	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:3;
	-webkit-box-orient:vertical;
}

.card-produit .card_text p {
	font-size:10px;
	font-weight:600;
	text-align:center;
	margin:5px 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); }
}

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