/* ── Mr. TIQ Partners — Public Slider ── */

.mrtiq-partners-wrap {
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
}

.mrtiq-partners-title {
    text-align: center;
    margin-bottom: 24px;
    font-size: 22px;
    font-weight: 700;
    color: #1a1a2e;
}

/* Each row */
.mrtiq-row-wrap {
    overflow: hidden;
    width: 100%;
    margin-bottom: 16px;
    position: relative;
    /* Fade edges */
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
}
.mrtiq-row-wrap:last-child { margin-bottom: 0; }

/* Scrolling track */
.mrtiq-track {
    display: flex;
    width: max-content;
    animation: mrtiqScroll linear infinite;
    animation-duration: 40s;
}

.mrtiq-track:hover {
    animation-play-state: paused;
}

/* Individual logo item */
.mrtiq-partner-item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 28px;
    min-width: 140px;
}

.mrtiq-partner-item img {
    height: 48px;
    max-width: 130px;
    width: auto;
    object-fit: contain;
    display: block;
    transition: filter .3s ease, transform .3s ease, opacity .3s ease;
}

/* Grayscale mode */
.mrtiq-grayscale .mrtiq-partner-item img {
    filter: grayscale(100%) opacity(0.6);
}
.mrtiq-grayscale .mrtiq-partner-item:hover img {
    filter: grayscale(0%) opacity(1);
    transform: scale(1.08);
}

/* Non-grayscale hover */
.mrtiq-partners-wrap:not(.mrtiq-grayscale) .mrtiq-partner-item:hover img {
    transform: scale(1.08);
    opacity: .85;
}

/* Link reset */
.mrtiq-partner-item a {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Keyframe */
@keyframes mrtiqScroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Responsive */
@media (max-width: 768px) {
    .mrtiq-partner-item {
        padding: 8px 18px;
        min-width: 100px;
    }
    .mrtiq-partner-item img {
        height: 36px;
        max-width: 90px;
    }
}