/* Centered, uniform square grid */
.darthost-brands-grid{
    display:grid;
    grid-gap:16px;
    justify-content:center; /* centers the grid as a block */
}
.darthost-brands-grid.columns-3{ grid-template-columns: repeat(3, minmax(120px, 1fr)); }
.darthost-brands-grid.columns-4{ grid-template-columns: repeat(4, minmax(120px, 1fr)); }

.darthost-brand-item{
    width: 100%;
    aspect-ratio: 1 / 1; /* perfect square */
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:1px solid #e6e6e6;
    border-radius:12px;
    padding:12px;
}

.darthost-brand-link{
    display:flex;
    width:100%;
    height:100%;
    align-items:center;
    justify-content:center;
}

.darthost-brand-logo{
    max-width: 90%;
    max-height: 90%;
    width:auto;
    height:auto;
    object-fit: contain;
    display:block;
}

.darthost-brand-placeholder{
    font-size: 14px;
    color:#777;
    text-align:center;
}

@media (max-width: 768px){
    .darthost-brands-grid.columns-4{ grid-template-columns: repeat(3, minmax(100px, 1fr)); }
    .darthost-brands-grid.columns-3{ grid-template-columns: repeat(2, minmax(100px, 1fr)); }
}