/* Effet fade-in des vignettes */
.cgm-item {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.8s ease forwards;
}

@keyframes fadeInUp {
0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
}

/* Optionnel : pour relancer l’animation à chaque filtrage */
.cgm-item.fade {
  animation: fadeInUp 0.8s ease forwards;
}

/* Style boutons filtre et tabs */
.cgm-filters button {
    background-color: #eee;
    color: black;
}

.cgm-filters button:hover {
    background-color: #dd3333 !important;
    color: white;
}

.cgm-filters .active {
    background-color: #dd3333; !important;
    color: white !important;
}

.cgm-tab-buttons li, .cgm-filters button {
font-family: "Rajdhani", Arial, Helvetica, sans-serif;
font-weight: 700;
font-size:1.7rem;
}

.cgm-tab-buttons li {
width: 100% !important;
text-align: center !important;
text-transform: uppercase !important;
font-size: 2.3rem;
}
@media (max-width: 768px) {
	.cgm-tab-buttons li {
		font-size: 2rem;
	}
}

.cgm-tab-buttons .active {
    background-color: black !important;
    color: white !important;
}

/* Style boutons et image */
.cgm-item img, .cgm-tab-buttons li, .cgm-filters button {
 border-radius: 20px !important;
}