/* Mobile Optimizations */

@media (max-width: 768px) {
    .hero {
        padding: 80px 0;
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/WhatsApp Image 2025-06-19 at 4.09.21 PM.jpeg');
        background-position: center top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .hero h2 {
        font-size: 28px;
    }
    
    .hero p {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .hero {
        padding: 60px 0;
        background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url('../images/WhatsApp Image 2025-06-19 at 4.09.21 PM (2).jpeg');
        background-position: center;
        background-size: cover;
    }
    
    .hero h2 {
        font-size: 24px;
    }
    
    .hero p {
        font-size: 14px;
        padding: 0 10px;
    }
    
    .section-header h2 {
        font-size: 24px;
    }
    
    .btn {
        padding: 10px 20px;
        font-size: 13px;
    }
    
    .special-offer h3 {
        font-size: 20px;
    }
    
    .special-offer p {
        font-size: 16px;
    }
}