.partners {
    max-width: 1024px;
}

.vendor-logo {
    display: block; /* робимо елемент блочним */
    margin: 0 auto; /* вирівнюємо по горизонталі */
    max-width: 100%; /* фіксована ширина */
    max-height: 100%; /* фіксована висота */
    object-fit: contain; /* зберігаємо пропорції без викривлень */
    border: 2px solid #ccc; /* рамка навколо */
    border-radius: 8px; /* закруглені кути */
    padding: 5px; /* внутрішній відступ */
}
.modal-logo {
    max-width: 300px; /* фіксований невеликий розмір */
      height: auto;
}
.vendors {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* максимум 4 логотипи в ряд */
    gap: 30px;
    justify-items: center;
    align-items: center;
    margin: 0 auto;
    /*max-width: calc(140px * 5 + 30px * 4); /* 5 логотипів + відступи */
    max-width: 100%;
}
.vendor-box {
    max-width: 200px;   /* однаковий контейнер */
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    padding: 5px;
    background-color: #fff;
}
.glow-hover {
    transition: box-shadow 0.5s ease;
}

.glow-hover:hover {
    box-shadow: 0 0 25px rgba(0, 123, 255, 0.6); /* цвет и размер свечения */
}

/* Мобільні пристрої */
@media (max-width: 767px) {
    body {
        font-size: 14px;
        line-height: 1.4;
    }
    .about {
            margin-top: 0;       /* прибираємо додатковий верхній відступ контейнера */
            padding-top: 0;      /* якщо є паддінг зверху */
            padding-left: 20px;  /* можна залишити трохи для тексту */
            padding-right: 20px; /* можна залишити трохи для тексту */
        }

    .vendors {
        grid-template-columns: repeat(2, 1fr); /* 2 в ряд */
        gap: 15px;
    }

    .vendor-box {
        max-width: 120px;
        padding: 6px;
    }

    .vendor-logo {
        max-height: 60px;
    }

    #island {
        min-height: 180px;
        padding: 10px;
        background-size: contain;
    }

    #island.home p {
        font-size: 10px;
        padding-top: 0; /* прибираємо зайвий відступ */
    }
}

/* 📺 Планшети */
@media (min-width: 768px) and (max-width: 1024px) {
    .vendors {
        grid-template-columns: repeat(3, 1fr); /* 3 в ряд */
    }
}