.clt-bank-selector {
  container: clt-banks / inline-size;
}

.clt-bank-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
}

/* Cada fileira tem até quatro bancos; os restantes dividem a última inteira. */
.clt-bank-grid > button {
  flex: 1 0 calc((100% - 36px) / 4);
  min-width: 0;
  min-height: 56px;
  padding: 10px 12px;
  gap: 4px;
  font-size: 0.92rem;
  overflow-wrap: anywhere;
}

@container clt-banks (max-width: 700px) {
  .clt-bank-grid > button {
    flex-basis: calc((100% - 12px) / 2);
  }
}

@container clt-banks (max-width: 420px) {
  .clt-bank-grid > button {
    flex-basis: 100%;
  }
}