/* Hero Section Mobile Styles (max-width: 768px) */
#hero { /* CRITICAL: Changed from #hero-section to #hero */
    height: 400px; /* Default smaller fixed height for mobile */
    /* CRITICAL FIX: Removing full-width trick from here too */
    width: 100%;
    margin-left: 0;
}

#hero.full-page { /* CRITICAL: Changed from #hero-section.full-page to #hero.full-page */
    height: 100vh; /* Full viewport height on mobile too */
}

.hero-content {
    padding: 20px;
}

.hero-content h1 {
    font-size: 2rem;
    margin-bottom: 10px;
}

.hero-content p {
    font-size: 1rem;
    margin-bottom: 20px;
}