.elementor-2469 .elementor-element.elementor-element-308b571{--display:flex;--min-height:0px;}/* Start custom CSS for html, class: .elementor-element-a804045 *//* --- vervang je bestaande .thumb styles door deze --- */
.thumb{
  appearance:none; border:0; cursor:pointer;
  width:98px;            /* desktop maat */
  aspect-ratio:1/1;      /* altijd vierkant → kan perfect rond */
  height:auto;
  border-radius:50%;     /* rond */
  overflow:hidden;
  background:var(--card);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, filter .25s ease, outline .25s ease;
  outline:0 solid transparent; display:block;
}
.thumb img{
  width:100%; height:100%; object-fit:cover; display:block;
}

/* hover/focus blijft hetzelfde (werkt ook rond) */

/* --- mobile: zorg dat ze rond blijven in de grid --- */
@media (max-width:640px){
  .thumbs{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:12px;
    margin:14px 0 18px;
  }
  .thumb{
    width:100%;          /* kolombreedte */
    aspect-ratio:1/1;    /* houdt ze rond */
    border-radius:50%;
  }
}
@media (max-width:400px){
  .thumbs{ grid-template-columns: repeat(2, 1fr) }
}/* End custom CSS */