/* =========================================================
 *  FMT Logo Slider / Grid – frontend stílusok
 * ========================================================= */

.fmt-logo-grid {
    display: grid;
    gap: 24px;
    align-items: center;
}

.fmt-logo-grid--cols-4 { grid-template-columns: repeat(4, 1fr); }
.fmt-logo-grid--cols-5 { grid-template-columns: repeat(5, 1fr); }

@media (max-width: 992px) {
    .fmt-logo-grid--cols-4,
    .fmt-logo-grid--cols-5 { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 640px) {
    .fmt-logo-grid--cols-4,
    .fmt-logo-grid--cols-5 { grid-template-columns: repeat(2, 1fr); }
}

.fmt-logo-grid__item,
.fmt-logo-slider__slide {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.fmt-logo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fmt-logo-img {
    max-width: 100%;
    max-height: 80px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: none;
    transition: transform .3s ease, opacity .3s ease;
}

a.fmt-logo-link:hover .fmt-logo-img {
    transform: scale(1.05);
    opacity: .85;
}