/* Feature Cards Carousel - Mobile Continuous Scroll */
@media (max-width: 768px) {
    .about-cards {
        display: flex !important;
        flex-direction: row !important;
        gap: 16px !important;
        overflow: hidden !important;
        padding: 20px 0 !important;
        position: relative !important;
    }
    
    .about-cards-inner {
        display: flex !important;
        gap: 16px !important;
        animation: feature-scroll 15s linear infinite !important;
        width: max-content !important;
    }
    
    @keyframes feature-scroll {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-50%);
        }
    }
    
    .about-cards:hover .about-cards-inner {
        animation-play-state: paused !important;
    }
    
    .feature-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: 20px !important;
        padding: 24px !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    }
    
    [data-theme="dark"] .feature-card,
    body.dark .feature-card {
        background: rgba(30, 41, 59, 0.9) !important;
        border-color: rgba(255, 255, 255, 0.1) !important;
    }
    
    .feature-card h3 {
        color: #1E293B !important;
        font-size: 1.25rem !important;
        margin: 16px 0 8px !important;
    }
    
    .feature-card p {
        color: #64748B !important;
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }
    
    [data-theme="dark"] .feature-card h3,
    body.dark .feature-card h3 {
        color: #ffffff !important;
    }
    
    [data-theme="dark"] .feature-card p,
    body.dark .feature-card p {
        color: #94A3B8 !important;
    }
}