/* Mobile Responsive CSS for Privacy, Terms, and Contact Pages */

@media (max-width: 480px) {
    /* Privacy Page */
    .privacy-hero,
    .terms-hero,
    .contact-hero {
        padding: 90px 0 40px !important;
    }
    
    .hero-content h1 {
        font-size: 1.8rem !important;
    }
    
    .hero-content p {
        font-size: 0.9rem !important;
    }
    
    .hero-tag {
        font-size: 0.8rem !important;
        padding: 6px 15px !important;
    }
    
    .privacy-section,
    .terms-section,
    .contact-section,
    .map-section,
    .social-section,
    .faq-section {
        padding: 40px 0 !important;
    }
    
    .privacy-main,
    .terms-main,
    .contact-form {
        padding: 1rem !important;
    }
    
    .privacy-intro,
    .terms-intro {
        padding: 1rem !important;
    }
    
    .sidebar-card {
        padding: 1rem !important;
    }
    
    .privacy-section-item h2,
    .terms-section-item h2 {
        font-size: 1.3rem !important;
    }
    
    .privacy-section-item h3,
    .terms-section-item h3 {
        font-size: 1rem !important;
    }
    
    .privacy-section-item ul,
    .terms-section-item ul {
        margin-left: 1rem !important;
    }
    
    .info-type,
    .usage-item,
    .security-item,
    .policy-item,
    .cookie-type,
    .contact-method {
        padding: 1rem !important;
    }
    
    .highlight-box,
    .rights-contact {
        padding: 1rem !important;
    }
    
    .privacy-footer,
    .terms-footer {
        padding: 1rem !important;
    }
    
    /* Contact Page */
    .form-header h2 {
        font-size: 1.5rem !important;
    }
    
    .info-card {
        padding: 1rem !important;
    }
    
    .card-icon {
        width: 45px !important;
        height: 45px !important;
        font-size: 1.1rem !important;
    }
    
    .map-placeholder {
        height: 250px !important;
        padding: 1.5rem !important;
    }
    
    .map-placeholder i {
        font-size: 2.5rem !important;
    }
    
    .map-placeholder h3 {
        font-size: 1.3rem !important;
    }
    
    .social-text h2 {
        font-size: 1.5rem !important;
    }
    
    .section-title {
        font-size: 1.5rem !important;
    }
    
    .faq-question {
        padding: 1rem !important;
    }
    
    .faq-question h4 {
        font-size: 0.95rem !important;
    }
}