/* Team Carousel - Continuous Infinite Scroll */
@media (max-width: 768px) {
    .team-grid {
        display: flex !important;
        flex-direction: row !important;
        gap: 16px !important;
        overflow: hidden !important;
        padding: 20px 0 !important;
        position: relative !important;
    }
    
    .team-grid-inner {
        display: flex !important;
        gap: 16px !important;
        animation: team-scroll 20s linear infinite !important;
        width: max-content !important;
    }
    
    @keyframes team-scroll {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-50%);
        }
    }
    
    .team-grid:hover .team-grid-inner {
        animation-play-state: paused !important;
    }
    
    .team-card {
        flex: 0 0 280px !important;
        min-width: 280px !important;
        background: rgba(255, 255, 255, 0.9) !important;
        border: 1px solid rgba(0, 0, 0, 0.1) !important;
        border-radius: 16px !important;
        padding: var(--space-4) !important;
        text-align: center !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
        transition: transform 0.3s ease, box-shadow 0.3s ease !important;
        opacity: 0 !important;
        transform: translateY(30px) !important;
        animation: teamFadeInUp 0.8s ease forwards !important;
    }
    
    .team-card:hover {
        transform: translateY(-5px) scale(1.02) !important;
        box-shadow: 0 20px 40px rgba(255, 0, 110, 0.2), 0 0 30px rgba(131, 56, 236, 0.15) !important;
    }
    
    .team-card:nth-child(1) { animation-delay: 0.1s !important; }
    .team-card:nth-child(2) { animation-delay: 0.2s !important; }
    .team-card:nth-child(3) { animation-delay: 0.3s !important; }
    .team-card:nth-child(4) { animation-delay: 0.4s !important; }
    .team-card:nth-child(5) { animation-delay: 0.5s !important; }
    .team-card:nth-child(6) { animation-delay: 0.6s !important; }
    
    @keyframes teamFadeInUp {
        to {
            opacity: 1 !important;
            transform: translateY(0) !important;
        }
    }
    
    [data-theme="dark"] .team-card,
    body.dark .team-card {
        background: rgba(30, 41, 59, 0.9) !important;
        border-color: rgba(255, 255, 255, 0.1) !important;
    }
}