.testimonials { 
    padding: 64px 0; 
}

.testimonials h2,
.testimonials h3 { 
    text-align: center; 
    margin-bottom: 24px; 
    /* Typography handled by typography-system.css */
}

.testimonial-slider {
    display: flex;
    gap: 32px;
    overflow: hidden;
    position: relative;
}

.testimonial-slider .slide {
    flex: 0 0 100%;
    max-width: 800px;
    margin: 0 auto;
    font-style: italic;
    /* Typography handled by typography-system.css */
    opacity: 0.9;
    color: hsl(var(--card-foreground));
    text-align: center;
    padding: 0 20px;
}

/* For the why section testimonials */
.mb-20 .testimonial-slider .slide {
    /* Typography handled by typography-system.css */
    padding: 20px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    margin: 0 10px;
}

@media (max-width: 768px) {
    .testimonials h2,
    .testimonials h3 {
        /* Typography handled by typography-system.css */
    }
    
    .testimonial-slider .slide {
        /* Typography handled by typography-system.css */
        padding: 0 16px;
    }
    
    .mb-20 .testimonial-slider .slide {
        /* Typography handled by typography-system.css */
        padding: 16px;
    }
}