/* Client Logos Block - t5n8w2 */

/* Logo item width: calc(100%/6 - gap) */
/* gap-4 = 16px, gap-5 = 20px, gap-6 = 24px */

/* Mobile: 2 columns */
.client-logo-item-t5n8w2 {
    width: calc(50% - 8px); /* 2 cols, gap 16px */
}

.client-logo-img-t5n8w2 {
    max-width: calc(100% - 16px);
    max-height: calc(100% - 16px);
}

/* Tablet: 4 columns */
@media (min-width: 768px) {
    .client-logo-item-t5n8w2 {
        width: calc(25% - 15px); /* 4 cols, gap 20px */
    }
    
    .client-logo-img-t5n8w2 {
        max-width: calc(100% - 20px);
        max-height: calc(100% - 20px);
    }
}

/* Desktop: 6 columns */
@media (min-width: 1024px) {
    .client-logo-item-t5n8w2 {
        width: calc(16.666% - 20px); /* 6 cols, gap 24px */
    }
    
    .client-logo-img-t5n8w2 {
        max-width: calc(100% - 24px);
        max-height: calc(100% - 24px);
    }
}