/* --- Общие стили для страницы партнеров --- */

.partners-page .head_banner_text_listapad {
    padding-bottom: 35px;
    font-size: 28px; /* Немного увеличим для акцента */
    text-align: center;
}

.partners-page .section-title {
    color: #d7b66e;
    font-size: 24px;
    font-weight: bold;
    padding-top: 20px;
    margin-bottom: 25px;
    text-align: center;
}

/* --- Стили для новой адаптивной сетки логотипов (Flexbox) --- */

.logo-grid {
    display: flex;
    flex-wrap: wrap; /* Позволяет элементам переноситься на новую строку */
    justify-content: center; /* Центрирует логотипы по горизонтали */
    align-items: center; /* Выравнивает логотипы по вертикали */
    gap: 25px; /* Создает пространство между логотипами */
    padding: 0 15px 40px 15px; /* Отступы сверху, по бокам и снизу */
}

.logo-item {
    /* Рассчитываем базовую ширину: 5 элементов в ряду (20%) минус отступы */
    flex-basis: calc(20% - 25px);
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 150px; /* Минимальная ширина, чтобы логотипы не сжимались слишком сильно на больших экранах */
}

.logo-item a {
    display: block; /* Позволяет ссылке занимать всю область */
    transition: transform 0.3s ease, opacity 0.3s ease; /* Плавные эффекты при наведении */
}

.logo-item a:hover {
    transform: scale(1.08); /* Увеличение при наведении */
    opacity: 0.85; /* Легкая прозрачность при наведении */
}

.logo-item img {
    max-width: 100%; /* Гарантирует, что изображение не выйдет за пределы своего контейнера */
    height: 120px; /* Фиксированная высота для всех логотипов для единообразия */
    object-fit: contain; /* Сохраняет пропорции изображения, вписывая его в заданные размеры */
    display: block; /* Убирает лишние отступы под изображением */
}

/* --- Медиа-запросы для адаптивности --- */

/* Для планшетов и небольших ноутбуков (экраны до 992px) */
@media screen and (max-width: 992px) {
    .logo-item {
        /* Перестраиваем сетку на 4 элемента в ряду */
        flex-basis: calc(25% - 25px);
    }
}

/* Для мобильных устройств в альбомной ориентации и планшетов в портретной (экраны до 768px) */
@media screen and (max-width: 768px) {
    .partners-page .head_banner_text_listapad {
        font-size: 24px;
    }

    .partners-page .section-title {
        font-size: 22px;
    }

    .logo-item {
        /* Перестраиваем сетку на 3 элемента в ряду */
        flex-basis: calc(33.33% - 25px);
        min-width: 120px; /* Уменьшаем минимальную ширину */
    }

    .logo-item img {
        height: 100px; /* Немного уменьшаем высоту логотипов */
    }
}

/* Для смартфонов (экраны до 480px) */
@media screen and (max-width: 480px) {
    .partners-page .head_banner_text_listapad {
        font-size: 20px;
    }

    .partners-page .section-title {
        font-size: 18px;
    }

    .logo-grid {
        gap: 20px; /* Уменьшаем расстояние между логотипами */
    }

    .logo-item {
        /* Перестраиваем сетку на 2 элемента в ряду для лучшей читаемости */
        flex-basis: calc(50% - 20px);
    }
    
    .logo-item img {
        height: 80px; /* Делаем логотипы меньше для маленьких экранов */
    }
}