/* ============================================
   Contact Page - Mobile Styles
   ============================================ */

@media (max-width: 768px) {
    /* Contact Page Mobile Specific */
    .contact-wrapper {
        grid-template-columns: 1fr;
    }
    
    .contact-info-card,
    .contact-form-wrapper {
        padding: 2rem;
    }
    
    .contact-item {
        flex-direction: column;
        gap: 1rem;
    }
    
    .contact-icon {
        margin: 0 auto;
    }
    
    .map-wrapper iframe {
        height: 300px;
    }
}

@media (max-width: 480px) {
    .contact-info-card,
    .contact-form-wrapper {
        padding: 1.5rem;
    }
}