/* Mobile Fixes */
@media (max-width: 768px) {
    /* Servizi - Immagini */
    .service-sticky-image {
        position: static !important;
        margin-bottom: 1.5rem;
    }
    
    .service-sticky-image img {
        height: 250px !important;
        object-fit: cover !important;
    }
    
    .services-page {
        padding: 9rem 0 3rem !important;
    }
    
    .service-detail > div {
        grid-template-columns: 1fr !important;
    }
    
    /* Chi Sono - Timeline */
    .about-page {
        padding: 9rem 0 3rem !important;
    }
    
    .about-page .container {
        padding: 0 18px !important;
    }
    
    .timeline-item {
        flex-direction: column !important;
        margin-bottom: 2rem !important;
    }
    
    .timeline-item > div {
        padding: 0 !important;
        text-align: left !important;
        width: 100% !important;
    }
    
    .journey-timeline > div > div:first-child {
        display: none !important;
    }
    
    .about-story > div,
    .personal-section > div {
        grid-template-columns: 1fr !important;
    }
    
    .philosophy-section {
        padding: 2.5rem 1.5rem !important;
    }
    
    .philosophy-section > div > div:last-child {
        grid-template-columns: 1fr !important;
    }
    
    /* Testimonianze - Centrate */
    .testimonials-page > div > div:nth-child(2) {
        grid-template-columns: 1fr !important;
        justify-items: center;
    }
    
    .testimonial-card {
        max-width: 100% !important;
    }
    
    /* Contatti - Form */
    .contact-page {
        padding: 9rem 0 3rem !important;
    }
    
    .contact-page .container {
        padding: 0 1rem !important;
        max-width: 100% !important;
    }
    
    .contact-page > div > div[style*="grid"] {
        display: block !important;
        grid-template-columns: none !important;
    }
    
    .contact-form-section,
    .contact-info-section {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 2rem !important;
    }
    
    .contact-form-section h2,
    .contact-info-section h2 {
        font-size: 1.8rem !important;
    }
    
    .contact-form-section p {
        font-size: 1rem !important;
    }
    
    #contact-form {
        padding: 1.5rem !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
    
    #contact-form input,
    #contact-form textarea,
    #contact-form select,
    #contact-form button {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        font-size: 15px !important;
    }
    
    #contact-form > div {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-bottom: 1.5rem !important;
    }
    
    #contact-form label {
        font-size: 14px !important;
    }
    
    #contact-form label[style*="flex"] {
        flex-wrap: wrap !important;
    }
    
    #contact-form div[style*="display: flex"] {
        flex-wrap: wrap !important;
        gap: 0.8rem !important;
    }
    
    #contact-form label[style*="padding: 12px"] {
        padding: 10px 16px !important;
        font-size: 14px !important;
    }
    
    /* Info Contatto - Fix icone e layout */
    .contact-info-section > div {
        padding: 1.5rem !important;
    }
    
    .contact-info-section > div > div {
        margin-bottom: 1.5rem !important;
    }
    
    .contact-info-section div[style*="display: flex"][style*="align-items: center"] {
        flex-direction: column !important;
        align-items: center !important;
        gap: 0.8rem !important;
        text-align: center !important;
    }
    
    .contact-info-section div[style*="width: 56px"] {
        width: 48px !important;
        height: 48px !important;
        flex-shrink: 0 !important;
        margin: 0 auto !important;
    }
    
    .contact-info-section div[style*="width: 56px"] i {
        font-size: 1.1rem !important;
    }
    
    .contact-info-section h4 {
        font-size: 1rem !important;
        margin-bottom: 0.3rem !important;
        text-align: center !important;
    }
    
    .contact-info-section a,
    .contact-info-section p {
        font-size: 0.95rem !important;
        word-break: break-word !important;
        text-align: center !important;
    }
    
    .contact-info-section p[style*="margin-left: 66px"] {
        margin-left: 0 !important;
        font-size: 0.85rem !important;
        text-align: center !important;
    }
    
    .contact-info-section > div > div > div:first-child {
        width: 100% !important;
        text-align: center !important;
    }
    
    .contact-info-section h3 {
        font-size: 1.2rem !important;
    }
    
    .contact-info-section div[style*="display: flex; gap: 1rem"] {
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
    }
    
    /* FAQ */
    .faq-section {
        padding: 2rem 0 !important;
    }
    
    .faq-section h2 {
        font-size: 1.8rem !important;
        margin-bottom: 2rem !important;
    }
    
    .faq-section > div {
        padding: 0 !important;
    }
    
    .faq-item {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 1rem !important;
    }
    
    .faq-question {
        padding: 1.2rem !important;
        font-size: 1rem !important;
    }
    
    .faq-question span {
        max-width: 85% !important;
    }
    
    .faq-answer {
        padding: 0 1.2rem 1.2rem !important;
        font-size: 0.95rem !important;
    }
    
    /* Emergency Contact */
    .emergency-contact {
        padding: 2rem 1rem !important;
    }
    
    .emergency-contact h3 {
        font-size: 1.5rem !important;
    }
    
    .emergency-contact p {
        font-size: 1rem !important;
    }
    
    .emergency-contact a {
        padding: 14px 28px !important;
        font-size: 1rem !important;
    }
    
    /* Chi Sono - Timeline Fix */
    .timeline-item > div:nth-child(2) {
        display: none !important;
    }
    
    .timeline-item > div:first-child,
    .timeline-item > div:last-child {
        flex: none !important;
    }
    
    .timeline-item > div:first-child > div,
    .timeline-item > div:last-child > div {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .values-section > div {
        grid-template-columns: 1fr !important;
    }
    
    .personal-section {
        padding: 2.5rem 1.5rem !important;
    }
    
    /* Titoli pagina contatti */
    .contact-page h1 {
        font-size: 2.5rem !important;
    }
    
    .contact-page > div > div:first-child p {
        font-size: 1.1rem !important;
    }
}