/* MOBILE MENU */

.mobile-menu {
    max-height: 0;
    overflow: hidden;
    transition:
        max-height 0.5s ease,
        opacity 0.4s ease;
    opacity: 0;
}

.mobile-menu.active {
    max-height: 600px;
    opacity: 1;
}

/* HEADER SHADOW */

.header-active {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

/* HAMBURGER */

.hamburger svg {
    transition: transform 0.4s ease;
    transform-origin: center;
}

.hamburger.active svg {
    transform: rotate(90deg);
}

/* LINHAS */

.hamburger-line {
    transition:
        transform 0.35s ease,
        opacity 0.35s ease;
}