@media (max-width: 768px) {
    .desktop-nav, .social-icons {
        display: none;
    }

    .mobile-menu-button {
        display: block;
    }

    /* REMOVED .hero-content block from here */

    /* --- Keep other mobile overrides --- */

    .service-item {
        flex-direction: column;
    }

    .service-content, .service-image-container {
        width: 100%;
    }

    /* Adjust main service image height for mobile */
    .main-image-wrapper {
         /* Use aspect ratio for responsive height instead of fixed height */
         padding-top: 66.66%; /* 3:2 Aspect Ratio - adjust as needed */
         height: auto; /* Override fixed height if previously set */
    }
    .main-image {
        /* Ensure image fills the aspect ratio wrapper */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


    .products-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	}

    .faq-grid {
        grid-template-columns: 1fr;
    }

    .contact-content {
        flex-direction: column;
    }

    .contact-info, .contact-form-container {
        /* width: 100%; - Handled in contact.css media query */
        margin-right: 0;
        margin-bottom: 30px; /* Use spacing from contact.css */
    }

    .map-container {
        height: 250px;
    }

    .footer-content {
        flex-direction: column;
        /* Centering handled in footer.css media query */
    }

    .footer-section {
       /* Width/Spacing handled in footer.css media query */
    }

    /* Stack form groups on mobile */
    .contact-method-group,
    .vehicle-details-group {
        flex-direction: column;
        gap: 25px; /* Increase gap when stacked */
    }
    .contact-method-group .form-subgroup,
    .vehicle-details-group .form-subgroup {
        min-width: 100%;
        flex-grow: 1; /* Ensure they take full width */
    }
     .form-hint {
         margin-top: -10px; /* Adjust hint position */
         margin-bottom: 20px;
         text-align: center;
     }
     .form-footer {
         flex-direction: column;
         align-items: stretch; /* Make button full width */
         gap: 15px;
     }
     .contact-form .cta-button {
         width: 100%;
     }
      #form-spinner {
          margin-left: 0; /* Reset margin */
          justify-content: center; /* Center spinner text */
      }
}

/* Optional: Slightly smaller devices */
@media (max-width: 480px) {
     /* REMOVED .hero-content rules from here */

     .section-title {
        font-size: 24px; /* Smaller section titles */
     }
     .products-grid {
        grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
        gap: 15px;
    }
     .brand-item {
         padding: 15px;
         height: 160px;
     }
     .brand-item img {
         height: 60px;
         margin-bottom: 10px;
     }
     .brand-item p {
         font-size: 13px;
     }
     .page-btn {
         padding: 8px 15px;
         font-size: 14px;
         min-width: 90px;
     }
     #page-info {
         padding: 6px 12px;
         font-size: 14px;
         min-width: 100px;
     }
     .contact-info, .contact-form-container {
         padding: 20px; /* Reduce padding */
     }
      .thumbnail {
          width: 70px; /* Slightly smaller thumbnails */
          height: 45px;
      }
}