/* Настройки сетки логотипов */

    .logos-grid {
        --grid-list-min-width: 180px; /* Минимальная ширина элемента */
        --grid-column-gap: 40px;      /* Отступ между колонками */
        --grid-row-gap: 40px;         /* Отступ между рядами */
    }
    
    /* Стили для элементов с логотипами */
    .logos-grid .grid-list__item {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        min-height: 150px; /* Фиксированная высота для ровных рядов */
    }
    
    /* Стили для изображений логотипов */
    .logos-grid .grid-list__item img {
        max-width: 100%;
        height: auto;
        max-height: 120px; /* Ограничение высоты логотипа */
        object-fit: contain; /* Сохраняет пропорции */
        filter: grayscale(0%); /* Можно добавить grayscale(100%) для ч/б */
        transition: all 0.3s ease;
    }
    
    /* Эффект при наведении */
    .logos-grid .grid-list__item:hover img {
        filter: grayscale(0%);
        transform: scale(1.05);
    }
    
    /* Адаптивность для планшетов */
    @media (max-width: 991px) {
        .logos-grid {
            --grid-list-min-width: 150px;
            --grid-column-gap: 30px;
        }
        .logos-grid .grid-list__item {
            min-height: 120px;
            padding: 15px;
        }
    }
    
    /* Адаптивность для мобильных */
    @media (max-width: 767px) {
        .logos-grid {
            --grid-list-min-width: 140px;
            --grid-column-gap: 20px;
            --grid-row-gap: 30px;
        }
        .logos-grid .grid-list__item {
            min-height: 100px;
            padding: 10px;
        }
        .logos-grid .grid-list__item img {
            max-height: 80px;
        }
    }
    
    /* Адаптивность для маленьких экранов */
    @media (max-width: 480px) {
        .logos-grid {
            --grid-list-min-width: 130px;
            --grid-column-gap: 15px;
        }
    }