/* Mobile optimizations for free estimate page */
@media (max-width: 768px) {
    /* Body and container adjustments */
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /* Hero section adjustments */
    section h1[style*="font-size: 2.8rem"] {
        font-size: 1.8rem !important;
        line-height: 1.3 !important;
        padding: 0 10px !important;
    }
    
    section p[style*="font-size: 18px"] {
        font-size: 0.95rem !important;
        padding: 0 10px !important;
    }
    
    /* Trust signals box - targeting the specific inline styles */
    section div[style*="background: rgba(27,27,27,0.05)"] {
        padding: 15px 10px !important;
        margin: 15px 10px !important;
        max-width: calc(100% - 20px) !important;
        display: block !important;
    }
    
    section div[style*="background: rgba(27,27,27,0.05)"] p {
        font-size: 0.9rem !important;
        padding: 0 !important;
    }
    
    /* Form container */
    .p-30, .pb-0 {
        padding: 20px 15px !important;
    }
    
    .shadow-soft {
        margin: 0 10px;
    }
    
    /* Form inputs and selects */
    .form-control,
    select.form-control,
    input.form-control,
    textarea.form-control {
        font-size: 16px !important; /* Prevents iOS zoom */
        padding: 12px 15px !important;
    }
    
    h5 {
        font-size: 0.95rem !important;
        margin-bottom: 8px !important;
    }
    
    /* Submit button */
    #send_message {
        width: 100%;
        font-size: 1rem !important;
        padding: 14px 20px !important;
    }
    
    /* Spacers reduction on mobile */
    .spacer-single {
        height: 30px !important;
    }
    
    /* Column width on mobile */
    .col-lg-10 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 480px) {
    section h1[style*="font-size: 2.8rem"] {
        font-size: 1.5rem !important;
    }
    
    section p[style*="font-size: 18px"] {
        font-size: 0.9rem !important;
    }
    
    section div[style*="background: rgba(27,27,27,0.05)"] p {
        font-size: 0.85rem !important;
    }
    
    h5 {
        font-size: 0.9rem !important;
    }
    
    .form-control {
        font-size: 16px !important;
        padding: 10px 12px !important;
    }
}