/* ============================================
   RESPONSIVE COMPLÉMENTS
   ============================================ */

/* Grand écrans */
@media (min-width: 1400px) {
    .container {
        max-width: 1280px;
    }
    
    .hero-content h1 {
        font-size: 4rem;
    }
    
    .pricing-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 2.5rem;
    }
}

/* Tablets paysage */
@media (min-width: 769px) and (max-width: 1024px) {
    .pricing-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .pricing-card.featured {
        grid-column: span 1;
    }
    
    .testimonial-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .investigation-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Tablettes portrait */
@media (max-width: 768px) {
    .container {
        padding: 0 1rem;
    }
    
    .pricing-grid {
        gap: 1.5rem;
    }
    
    .pricing-card {
        padding: 1.5rem;
    }
    
    .services {
        padding: 3rem 1.5rem;
    }
    
    .process {
        padding: 3rem 1.5rem;
    }
    
    .faq {
        padding: 3rem 1.5rem;
    }
    
    .cta-section {
        padding: 3rem 1.5rem;
    }
}

/* Petits mobiles */
@media (max-width: 380px) {
    .logo span {
        font-size: 1rem;
    }
    
    .logo img {
        height: 30px;
    }
    
    .hero-content h1 {
        font-size: 1.4rem;
    }
    
    .pricing-card .price {
        font-size: 1.6rem;
    }
    
    .btn-primary,
    .btn-secondary {
        padding: 0.6rem 1.2rem;
        font-size: 0.9rem;
    }
}

/* Impression */
@media print {
    .navbar,
    .hero,
    .cta-section,
    footer {
        background: white !important;
        color: black !important;
    }
    
    .hero-content h1 {
        color: black !important;
        -webkit-text-fill-color: black !important;
    }
    
    .btn-primary,
    .btn-secondary {
        border: 1px solid black !important;
        background: white !important;
        color: black !important;
    }
}