/* Additional responsive styles */

/* Tablet Landscape */
@media (max-width: 1200px) and (min-width: 993px) {
    .nav-menu {
        gap: 25px;
    }
    
    .hero-title {
        font-size: 44px;
    }
}

/* Tablet Portrait */
@media (max-width: 992px) and (min-width: 769px) {
    .hero-title {
        font-size: 40px;
    }
    
    .section-title {
        font-size: 38px;
    }
    
    .nav-dropdown .dropdown-content {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        background: transparent;
        border: none;
        box-shadow: none;
        padding: 10px 0 0 20px;
    }
    
    .dropdown-content a {
        padding: 8px 0;
    }
}

/* Mobile Landscape */
@media (max-width: 768px) and (min-width: 577px) {
    .hero-title {
        font-size: 36px;
    }
    
    .hero-description {
        font-size: 18px;
    }
    
    .visual-card {
        transform: none;
    }
}

/* Mobile Portrait */
@media (max-width: 576px) {
    .hero {
        padding-top: 140px;
    }
    
    .hero-title {
        font-size: 30px;
    }
    
    .hero-description {
        font-size: 16px;
    }
    
    .section-title {
        font-size: 28px;
    }
    
    .btn {
        padding: 14px 28px;
        font-size: 15px;
    }
    
    .cta-features {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
    
    .feature-card,
    .service-card,
    .testimonial-card {
        padding: 30px 20px;
    }
}

/* Small Mobile */
@media (max-width: 400px) {
    .hero-title {
        font-size: 26px;
    }
    
    .hero-stats {
        gap: 20px;
    }
    
    .stat-value {
        font-size: 28px;
    }
    
    .card-price {
        font-size: 28px;
    }
}