:root {
	--lbanner-fond:var(--gris-fonce);
}

.liste-cats .mobile { display:none; }
.banner-left .mobile { display:none; }

.banner-left {
	background-color:var(--color10);
	color:var(--color0);
	width:193px !important;
	min-width:193px !important;
}

.banner-left.salamandre a { margin:auto; }
.banner-left.salamandre .home { margin:20px auto; }



.banner-left-content { width:100%; }
.banner-left-content.a-center { align-items:center !important; }

.banner-left a { color:inherit;}

.banner-left .banner-left-title {
	font-size:16px;
	color:var(--color11);
	font-weight:700;
	text-transform:uppercase;
	padding-bottom:10px;
}

.product_filters { grid-area:product_filters; }

.product_filters .cat_pic_repeat {
	display:flex;
	position:relative;
	justify-content:center;
	height:fit-content;
	width:fit-content;
}

.product_filters .cat_pic_repeat img {
	width:193px;
	height:193px;
	object-fit:fill;
	margin:0px;
}

.product_filters .cat_pic_repeat span {
	display:flex;
	color:var(--mctextcolor);
	position:absolute;
	top:10px;
	text-align:center;
	font-size:18px;
	font-weight:400;
	line-height:.97;
	padding:5px;
	text-transform:uppercase;
	cursor:default;
}

.product_filters .reset_filter { font-weight:600 !important; }

.lezard {
	background-color:#c34d56;
	width:100%;
	padding:20px;
}

.salamandre #parallax {
	background-image:url("../images/backgrounds/bg-megastore.webp") !important;
	height:100%;
}

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

.brand_filter {
	padding:15px;
}

.brand_filter {
	padding-bottom:10px;
}

.brand_filter form {
	text-overflow:ellipsis;
	overflow:hidden;
	line-height:1.6;
}

.brand_filter label {
	display:flex;
	align-items:center;
	gap:5px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	cursor:pointer;
	position:relative;
	padding-left:16px;
	font-size:14px;
	text-transform:uppercase;
	margin-bottom:5px;
	font-weight:600;
	color:var(--color0);
	white-space:nowrap;
}

.brand_filter label input {
	opacity:0;
	height:0;
	width:0;
}

.checkmark {
	height:12px;
	width:12px;
	background-color:var(--color11);
}

.checkmark:after {
	content:"1";
	position:absolute;
	display:none;
}

.brand_filter label:hover input~.checkmark { filter:brightness(.8); }

.brand_filter input:checked~.checkmark { background-color:var(--color3b); }

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

.liste-cats {
	grid-area:cat_links;
	grid-row:span 3;
	height:100%;
}

.liste-cats .subcats {
	padding-top:14px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
}

.liste-cats .cat_list li {
	font-size:14px;
	font-weight:600;
	line-height:1.5;
	text-transform:uppercase;
	overflow:hidden;
	margin-bottom:5px;
}

.liste-cats .cat_list li:hover {  color:var(--color11); }

.liste-cats .cat_list li a {
	display:block;
	padding-right:15px;
	overflow:hidden;
	text-overflow:clip;
	line-height:1.1;
	margin-bottom:7px;
}

.liste-cats .cat_list li a.active { background-color:#f5f5e6; }

.active_cat {
	background-color:var(--cat-active-fond) !important;
	color:var(--cat-active-txt) !important;
}

.banner-left .home::before { content:' '; margin-top:40px; }

.banner-left .home {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0;
	margin:20px 15px;
	overflow:hidden;
	background:linear-gradient(to right, var(--color1) 0%,var(--color1) 32%,var(--color2) 33%,var(--color2) 66%,var(--color3) 67%,var(--color3) 67%,var(--color3) 100%);
	font-size:12px;
	color:var(--color11);
	font-weight:700;
	text-transform:uppercase;
	width:fit-content;
	padding:0 15px;
	text-align:center;
}

.banner-left .border-top { border-top:1px solid var(--color0); }

/*		MEDIA		*/

@media screen and (max-width:1480px) {
/*
	.panier .banner-left { display:none; }
	.panier .product_filters {display:none; }
	.panier .brand_filter { display:none; }
	.panier .cadre__gauche__salamandre { display:none; }
	.panier .lezard { display:none; }
*/
}

@media screen and (max-width:982px) {
	.cat_pic_repeat { display:none !important; }

	.banner-left {
		display:flex;
		flex-direction: column;
		align-items:center;
		justify-content:center;
		width:100% !important;
	}
	
	.filter-content .search.right { justify-content: center; }

	.banner-left-content { width:auto; display:flex; flex-wrap:wrap; }

	.banner-left.salamandre {
		width:100% !important;
	}
/*
	.banner-left-mobile {
		display:flex;
		align-items:center;
		justify-content:space-between;
		width:100%;
		padding:20px;
		cursor:pointer;
		text-transform:uppercase;
	}

	.banner-left-mobile .banner-left-icon.open {
		position:relative;
		margin:0 15px 15px 10px;
	}

	.banner-left-mobile .banner-left-icon.open:before {
	  content:"";
	  position:absolute;
	  left:0;
	  top:0;
	  width:1em;
	  height:2px;
	  background:white;
	  box-shadow:
		0 0.25em 0 0 white,
		0 0.5em 0 0 white,
		0 0.75em 0 0 white;
	}

	.banner-left-mobile .banner-left-icon.close {
		position:relative;
		width:18px;
		height:18px;
	}

	.banner-left-mobile .banner-left-icon.close:before, .banner-left-mobile .banner-left-icon.close:after {
		position:absolute;
		right:8px;
		content:' ';
		height:18px;
		width:2px;
		background-color:#FFF;
	}

	.banner-left-mobile .banner-left-icon.close:before { transform:rotate(45deg); }
	.banner-left-mobile .banner-left-icon.close:after { transform:rotate(-45deg); }

	.filter_nav { display:none; }
	.filter_nav.flex { display:flex; }

	.banner-left-content { display:none; }
	
	.main-basket .filter { display:none; }
*/
	.filter_nav { display:flex; }

	.banner-left-content.flex {
		width:100% !important;
		display:flex !important;
		flex-direction:row;
		align-items:start;
		justify-content:space-between;
		padding-right:20px;
		min-height:0;
	}
	
	.liste-cats .cat_list li a { line-height:1; }

	.product_filters { display:flex; flex-direction:row; }

	.brand_filter { border:none; }
	
	.cadre__gauche__salamandre { display:none; }
	.lezard { display:none; }
	
	.banner-left-content.a-center a { margin:auto; }
	.banner-left .home { margin:0 0 20px 15px; }
	.banner-left-content.a-center .home { margin:20px 0; }
}

@media screen and (max-width:640px) {
	.product_filters {
		display:flex;
		flex-wrap:wrap;
	}

	.brand_filter { padding-left:10px; }
}

@media screen and (max-width:485px) {
	.product_filters {
		flex-direction:column;
		align-items:center;
	}

	.cat_pic_repeat { margin-top:40px; }

	.banner-left-content.flex {
		flex-direction:column;
		padding-right:0;
	}

	.banner-left .subcats { padding-bottom:0; }
	
	.liste-cats {
		display:flex; 
		flex-direction:column;
		align-items:center;
	}

	.banner-left .home { margin:10px auto 20px auto; }
}


@media screen and (max-width:400px) {
	.liste-cats { display:none; }
	.liste-cats .mobile { display:flex; }
	.banner-left .mobile { display:flex; }

	.brand_filter form {
		display:flex;
		gap:10px;
		flex-wrap:wrap;
	}
}