.elementor-4200 .elementor-element.elementor-element-43c1af3{--display:flex;}.elementor-4200 .elementor-element.elementor-element-6c1d74b{--grid-columns:4;}@media(max-width:1024px){.elementor-4200 .elementor-element.elementor-element-6c1d74b{--grid-columns:2;}}@media(max-width:767px){.elementor-4200 .elementor-element.elementor-element-6c1d74b{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-6c1d74b *//* 1) Chaque item de la grille occupe toute la hauteur disponible */
.e-loop-item > .elementor-section,
.e-loop-item > .elementor-container,
.e-loop-item > .e-con {
  height: 100%;
}

/* 2) Carte en flex pour pousser la CTA en bas */
.loop-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 3) La CTA (ou ta boîte d'icône lien) colle au bas de la carte */
.loop-card .loop-cta {
  margin-top: auto; /* pousse vers le bas */
}

/* IMAGE 
Hauteur fixée sur le conteneur */
.loop-card .loop-thumb {
  position: relative;
  height: 250px;               /* ou 300px */
  overflow: hidden;
}

/* L’image couvre 100% du conteneur, quoi qu’il arrive */
.loop-card .loop-thumb img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 768px) {
  .loop-card .loop-thumb { height: 300px; }
}
@media (max-width: 767px) {
  .loop-card .loop-thumb { height: 200px; }
}/* End custom CSS */