﻿.partner-track-wrapper {
    width: 100%;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
    padding: 20px 0;
}

.partner-track {
    display: flex;
    align-items: center;
    gap: 48px;
    width: max-content;
    animation: scroll-partners 18s linear infinite;
}

    .partner-track:hover {
        animation-play-state: paused;
    }

@keyframes scroll-partners {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.partner-pill {
    background: #fff;
    border-radius: 20px;
    padding: 18px 36px;
    box-shadow: 0 4px 20px rgba(147, 51, 234, 0.08), 0 1px 4px rgba(0,0,0,0.04);
    border: 1px solid rgba(147,51,234,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    min-width: 200px;
    text-decoration: none;
}

    .partner-pill:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 32px rgba(147, 51, 234, 0.15);
        border-color: rgba(147,51,234,0.2);
    }

    .partner-pill img {
        height: 55px;
        max-width: 160px;
        object-fit: contain;
        filter: grayscale(20%);
        transition: filter 0.3s ease;
    }

    .partner-pill:hover img {
        filter: grayscale(0%);
    }

.partner-separator {
    color: #9333ea;
    font-size: 1.2rem;
    opacity: 0.4;
    flex-shrink: 0;
}
