#conteneur_artistes{
	max-width:1200px;
	margin:0 auto;
	padding:10px 20px 30px;
}

/* =========================
   TOP RECHERCHE
   ========================= */

.lg-artiste-top{
	display:grid;
	grid-template-columns:minmax(0, 1fr) 338px;
	gap:18px;
	margin-bottom:18px;
	align-items:stretch;
}

.lg-artiste-panel{
	background:linear-gradient(to bottom,#ffffff 0%,#fcfaf6 100%);
	border:1px solid #eadfc7;
	border-radius:18px;
	padding:18px;
	box-shadow:
		0 14px 30px rgba(88,68,28,.07),
		0 2px 8px rgba(88,68,28,.04);
	box-sizing:border-box;
}

.lg-artiste-search{
	min-height:320px;
}

.lg-artiste-panel__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-bottom:10px;
}

.lg-artiste-panel__head h1{
	margin:0;
	font-size:24px;
	line-height:1.15;
	color:#231b12;
	letter-spacing:-0.01em;
}

.lg-artiste-reset{
	border:1px solid #dccba6;
	background:#f6f0e3;
	color:#6a4b17;
	border-radius:999px;
	padding:9px 14px;
	font-weight:700;
	cursor:pointer;
	transition:all .18s ease;
}

.lg-artiste-reset:hover{
	background:#efe4cc;
	transform:translateY(-1px);
}

.lg-artiste-search__intro{
	margin:0 0 14px;
	font-size:15px;
	line-height:1.6;
	color:#6d604d;
}

.lg-artiste-fields{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:14px;
}

.lg-artiste-field label{
	display:block;
	margin:0 0 7px;
	font-size:13px;
	font-weight:bold;
	color:#7c6131;
}

.lg-artiste-field select,
.lg-artiste-field input{
	width:100%;
	height:44px;
	padding:0 14px;
	border:1px solid #decfb1;
	border-radius:14px;
	background:#fff;
	font-size:15px;
	color:#2c2418;
	box-sizing:border-box;
	outline:none;
	transition:border-color .18s ease, box-shadow .18s ease;
}

.lg-artiste-field select:focus,
.lg-artiste-field input:focus{
	border-color:#c89b3c;
	box-shadow:0 0 0 3px rgba(200,155,60,.14);
}

.lg-artiste-search__hint{
	margin-top:12px;
	font-size:13px;
	line-height:1.5;
	color:#7a6a50;
}

/* =========================
   BLOC PUB DROIT
   ========================= */

.lg-artiste-side{
	display:flex;
	flex-direction:column;
	min-height:320px;
}

.lg-artiste-side__label{
	font-size:12px;
	font-weight:bold;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:#9a7337;
	margin:0 0 10px;
}

.lg-artiste-side__ad{
	flex:1;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	padding:10px;
	box-sizing:border-box;
	border-radius:14px;
	border:1px dashed #d8c5a0;
	background:linear-gradient(180deg,#faf5ea 0%,#f4ead7 100%);
	overflow:hidden;
}

.lg-adsense-side{
	display:inline-block;
	width:300px;
	height:250px;
}

/* =========================
   RESULTATS
   ========================= */

.lg-artiste-results__head{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:14px;
	margin-bottom:12px;
}

.lg-artiste-results__head h2{
	margin:0;
	font-size:24px;
	line-height:1.15;
	color:#211a12;
	letter-spacing:-.02em;
}

.lg-artiste-count{
	font-size:14px;
	font-weight:bold;
	color:#8b6d37;
}

.lg-artiste-loading,
.lg-artiste-empty{
	margin:0 0 16px;
	padding:14px 16px;
	border-radius:14px;
	font-size:14px;
}

.lg-artiste-loading{
	background:#f8f4ea;
	border:1px solid #e8d9bc;
	color:#7a6437;
}

.lg-artiste-empty{
	background:#fff8f4;
	border:1px solid #efd6c8;
	color:#8a4d2b;
}

/* =========================
   GRILLE
   ========================= */

.lg-artiste-grid{
	display:grid;
	grid-template-columns:repeat(4, minmax(0,1fr));
	gap:14px;
}

.artiste-card{
	position:relative;
	display:block;
	min-width:0;
	text-decoration:none;
	border-radius:16px;
	overflow:hidden;
	background:#f6f1e7;
	border:1px solid #e6dbc5;
	box-shadow:0 10px 22px rgba(0,0,0,.07);
	transition:transform .20s ease, box-shadow .20s ease, border-color .20s ease;
}

.artiste-card:hover{
	transform:translateY(-3px);
	box-shadow:0 14px 28px rgba(0,0,0,.12);
	border-color:#cfb17a;
	text-decoration:none;
}

.artiste-card__media{
	position:relative;
	display:block;
	aspect-ratio:1 / 0.9;
	background:#ece4d3;
	overflow:hidden;
}

.artiste-card__media img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .35s ease, filter .35s ease;
}

.artiste-card:hover .artiste-card__media img{
	transform:scale(1.05);
	filter:brightness(1.04);
}

.artiste-card__overlay{
	position:absolute;
	inset:0;
	background:linear-gradient(
		to top,
		rgba(22,18,12,.86) 0%,
		rgba(22,18,12,.18) 52%,
		rgba(22,18,12,0) 75%
	);
	pointer-events:none;
}

.artiste-card__body{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:4px;
	padding:12px;
	box-sizing:border-box;
}

.artiste-card__cat{
	display:inline-block;
	padding:4px 8px;
	border-radius:999px;
	background:rgba(255,255,255,.95);
	color:#6e4f18;
	font-size:10px;
	font-weight:bold;
	line-height:1;
}

.artiste-card__name{
	display:block;
	font-size:18px;
	line-height:1.12;
	font-weight:700;
	color:#fff;
	text-shadow:0 1px 4px rgba(0,0,0,.3);
}

.artiste-card__meta{
	display:block;
	font-size:12px;
	line-height:1.35;
	color:rgba(255,255,255,.9);
}

.artiste-card__cta{
	display:inline-block;
	margin-top:3px;
	padding:7px 10px;
	border-radius:999px;
	background:rgba(255,255,255,.16);
	border:1px solid rgba(255,255,255,.28);
	color:#fff;
	font-size:11px;
	font-weight:bold;
	backdrop-filter:blur(3px);
	-webkit-backdrop-filter:blur(3px);
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1120px){
	.lg-artiste-grid{
		grid-template-columns:repeat(3, minmax(0,1fr));
	}
}

@media (max-width: 900px){
	.lg-artiste-top{
		grid-template-columns:1fr;
	}

	.lg-artiste-fields{
		grid-template-columns:1fr;
	}

	.lg-artiste-grid{
		grid-template-columns:repeat(2, minmax(0,1fr));
	}
}

@media (max-width: 560px){
	#conteneur_artistes{
		padding:10px 12px 28px;
	}

	.lg-artiste-panel{
		padding:16px;
		border-radius:16px;
	}

	.lg-artiste-results__head{
		flex-direction:column;
		align-items:flex-start;
	}

	.lg-artiste-grid{
		grid-template-columns:1fr;
		gap:14px;
	}

	.artiste-card__name{
		font-size:19px;
	}
}