/* Hide client overlay on hover - no text displays */
.client-logo-item:hover .client-overlay {
    display: none !important;
    opacity: 0 !important;
}

.client-logo-item:hover img {
    opacity: 1 !important;
    transform: scale(1.05);
}

/* Make logos clearly visible with proper spacing */
.client-logo-item {
    min-height: 160px !important;
    height: 160px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px !important;
    overflow: hidden !important;
    background: white !important;
    margin: 0 !important;
}

.client-logo-item img {
    width: auto !important;
    height: auto !important;
    max-height: 100px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    margin: auto !important;
}

/* Grid with proper spacing */
.all-clients-grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
    gap: 24px !important;
    padding: 0 20px !important;
}