/* Mobile Navigation */
.hamburger {
    display: flex;
}

.nav-links {
    display: none;
}

/* Header Adjustments */
.header.scrolled {
    padding: 0.5rem 0;
}

/* Hero Section */
.hero-section {
    min-height: 600px;
    height: auto;
    padding: 7rem 0 3rem;
}

.hero-title {
    font-size: 2.5rem;
}

.hero-subtitle {
    font-size: 1.2rem;
}

.hero-buttons {
    flex-direction: column;
    gap: 1rem;
}

.hero-stats {
    flex-direction: column;
    gap: 1.5rem;
}

/* About Section */
.about-grid {
    grid-template-columns: 1fr;
}

.about-content {
    padding-right: 0;
}

.about-image {
    margin-top: 2rem;
}

/* Services Section */
.services-grid {
    grid-template-columns: 1fr;
}

/* Portfolio Section */
.portfolio-grid {
    grid-template-columns: 1fr;
}

/* Testimonials Section */
.testimonial-card {
    min-width: calc(100% - 1rem);
    margin: 0 0.5rem;
}

/* Contact Section */
.contact-grid {
    grid-template-columns: 1fr;
}

.contact-form {
    order: -1;
    margin-bottom: 3rem;
}

/* Footer */
.footer-grid {
    grid-template-columns: 1fr;
}

.footer-bottom {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
}

.footer-legal {
    justify-content: center;
}

/* Modal */
.modal-body {
    grid-template-columns: 1fr;
}

.modal-image {
    margin-bottom: 1.5rem;
}

/* General Adjustments */
.container {
    padding: 0 1rem;
}

.section {
    padding: 3rem 0;
}

.section-title {
    font-size: 2rem;
}

.btn {
    padding: 0.7rem 1.5rem;
    font-size: 0.8rem;
}

/* Navigation for Mobile */
.mobile-menu.active {
    display: flex;
}

/* Adjust hamburger when menu is open */
.hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.hamburger.active span:nth-child(2) {
    opacity: 0;
}

.hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
}

/* FAQ Section */
.faq-question {
    padding: 1rem;
    font-size: 1rem;
}

/* Statistics Section */
.stats-grid {
    grid-template-columns: 1fr 1fr;
}

/* Hide scroll down on mobile */
.scroll-down {
    display: none;
}