/* --- Term list wrapper --- */
.gaw-terms{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin:0 0 20px 0;
}

/* --- Term button --- */
.gaw-term{
  appearance:none;
  border:0;
  background:transparent;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  cursor:pointer;
  padding:0;
}

.gaw-term:focus{ outline:none; }
.gaw-term:focus-visible{ outline:2px solid #1e73be; outline-offset:3px; }

/* --- Circular thumbnail --- */
.gaw-term__thumb{
  width:96px;
  height:96px;
  border-radius:50%;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:2px solid transparent;
  transition:border-color .2s ease, transform .2s ease;
  background:#f5f5f5;
}

.gaw-term__thumb img{
  width:100%;
  height:100%;
  object-fit:cover; /* cerchio perfetto anche con immagini non quadrate */
  display:block;
}

/* Hover/active states */
.gaw-term:hover .gaw-term__thumb{ transform:translateY(-1px); }
.gaw-term--active .gaw-term__thumb{ border-color:#000; }

/* Label sotto immagine */
.gaw-term__label{
  font-size:14px;
  line-height:1.2;
  text-align:center;
  color:#111;
  max-width:110px;
}

/* (Manteniamo la tua griglia prodotti così com'è: .cg, .grid, .cg__cell... ) */