#map-single.map-activite { width: 100%; min-height: 400px!important; height: 100%!important; }

#labels-grid {
  display: grid!important;
  gap: 1rem; /* adapte selon ton design */
}

.avatar-user {
    width: 100%;
    height: auto;
}

.card-user {
    border-radius: 10px;
    box-shadow: 5px 5px 20px 0px #00000025;
}

.card-user h2.name { font-size: 24px!important; }

.breakdance .bde-code-block-1490-142.bde-loop-grid,
.breakdance .bde-code-block-1490-142.ee-posts-grid {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 2rem;
}

.breakdance .bde-code-block-1490-142.ee-posts-grid .ee-post { height: 100%; }

/* 3 colonnes sur tablette */
@media (min-width: 768px) and (max-width: 1023px) {
    .breakdance .bde-code-block-1490-142.bde-loop-grid,
    .breakdance .bde-code-block-1490-142.ee-posts-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 3 colonnes sur tablette */
@media (min-width: 1024px) and (max-width: 1199px) {
    .breakdance .bde-code-block-1490-142.bde-loop-grid,
    .breakdance .bde-code-block-1490-142.ee-posts-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* 4 colonnes sur desktop large */
@media (min-width: 1200px) {
    .breakdance .bde-code-block-1490-142.bde-loop-grid,
    .breakdance .bde-code-block-1490-142.ee-posts-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Responsive : sur mobile, repasser à 1 colonne si besoin */
@media (max-width: 1023px) {
  #labels-grid .bde-loop,
  #labels-grid .bde-loop {
    grid-template-columns: 1fr;
  }
}