/* ============================================
   BITINDA EXPRESS — Responsive Design
   8 Breakpoints — 2560px à 280px
   ============================================ */

/* 4K+ */
@media (min-width: 1920px) {
    .container { max-width: 1400px; }
    .hero-title { font-size: 4.2rem; }
    .services-grid { grid-template-columns: repeat(4, 1fr); }
}

/* Laptops */
@media (max-width: 1024px) {
    .hero-content { grid-template-columns: 1fr; gap: 40px; }
    .hero-visual { max-width: 450px; margin: 0 auto; }
    .hero-bg-pattern { width: 100%; clip-path: polygon(0 70%, 100% 30%, 100% 100%, 0% 100%); }
    .contact-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .process-arrow { display: none; }
    .process-grid { flex-direction: column; align-items: center; }
    .process-card { max-width: 280px; }
}

/* Tablettes */
@media (max-width: 768px) {
    .header-phone { display: none; }
    .hero-stats { gap: 16px; }
    .hero-stat-separator { display: none; }
    .hero-actions { flex-direction: column; }
    .hero-actions .btn { width: 100%; justify-content: center; }
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .why-us-grid { grid-template-columns: repeat(2, 1fr); }
    .testimonial-card { padding: 24px; }
    .form-row { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; }
    section { padding: 64px 0; }
    .section-header { margin-bottom: 40px; }
}

/* Mobiles */
@media (max-width: 480px) {
    .hero { min-height: auto; }
    .hero-content { padding: 100px 0 40px; }
    .hero-title { font-size: 1.8rem; }
    .hero-description { font-size: 0.85rem; }
    .services-grid { grid-template-columns: 1fr; }
    .why-us-grid { grid-template-columns: 1fr; }
    .hero-floating-card { display: none; }
    .contact-form { padding: 20px; }
    .about-values-grid { grid-template-columns: 1fr 1fr; }
    .footer-bottom { flex-direction: column; text-align: center; }
    .whatsapp-float { width: 48px; height: 48px; bottom: 16px; right: 16px; }
}

/* Très petits */
@media (max-width: 360px) {
    .hero-title { font-size: 1.5rem; }
    .section-title { font-size: 1.3rem; }
    .about-values-grid { grid-template-columns: 1fr; }
}
/* Hero responsive */
@media (max-width: 1024px) {
    .hero {
        padding: 80px 0 60px;
    }
    
    .hero-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .hero-visual {
        max-width: 450px;
        margin: 0 auto;
    }
    
    .hero-bg-pattern {
        width: 100%;
        clip-path: polygon(0 70%, 100% 30%, 100% 100%, 0% 100%);
    }
}

@media (max-width: 768px) {
    .hero {
        padding: 70px 0 50px;
        min-height: auto;
    }
    
    .hero-content {
        gap: 32px;
    }
    
    .hero-stats {
        gap: 16px;
    }
    
    .hero-stat-separator {
        display: none;
    }
    
    .hero-actions {
        flex-direction: column;
    }
    
    .hero-actions .btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .hero {
        padding: 60px 0 40px;
    }
    
    .hero-title {
        font-size: 1.8rem;
    }
    
    .hero-description {
        font-size: 0.85rem;
    }
    
    .hero-floating-card {
        display: none;
    }
}