.card-brand-grid {
    display: grid;
    gap: 1rem;
}

.card-brand-grid.columns-2 { grid-template-columns: repeat(2, 1fr); }
.card-brand-grid.columns-3 { grid-template-columns: repeat(3, 1fr); }
.card-brand-grid.columns-4 { grid-template-columns: repeat(4, 1fr); }
.card-brand-grid.columns-5 { grid-template-columns: repeat(5, 1fr); }
.card-brand-grid.columns-6 { grid-template-columns: repeat(6, 1fr); }
.card-brand-grid.columns-7 { grid-template-columns: repeat(7, 1fr); }
.card-brand-grid.columns-8 { grid-template-columns: repeat(8, 1fr); }
.card-brand-grid.columns-9 { grid-template-columns: repeat(9, 1fr); }
@media (max-width: 1024px) {
  body .card-brand-grid.columns-2,
  body .card-brand-grid.columns-3,
  body .card-brand-grid.columns-4,
  body .card-brand-grid.columns-5,
  body .card-brand-grid.columns-6,
  body .card-brand-grid.columns-7,
  body .card-brand-grid.columns-8,
  body .card-brand-grid.columns-9 {
    grid-template-columns: repeat(4, 1fr);
  }
  .card-brand-item {
    padding: 2rem;
  }
}

@media (max-width: 768px) {
  body .card-brand-grid.columns-2,
  body .card-brand-grid.columns-3,
  body .card-brand-grid.columns-4,
  body .card-brand-grid.columns-5,
  
  body .card-brand-grid.columns-6,
  body .card-brand-grid.columns-7,
  body .card-brand-grid.columns-8,
  body .card-brand-grid.columns-9{
    grid-template-columns: repeat(2, 1fr);
  }
  .card-brand-item {
    padding: 0.5rem;
  }
}
.card-brand-item {
    background: #F1F1F2;
    border-radius: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    text-decoration: none;
}

.card-brand-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.card-brand-fallback {
    font-weight: 600;
    text-align: center;
}