/* Desktop only: hamburger in header left (mobile uses .app-header__menu-toggle unchanged) */
@media (min-width: 1024px) {
    .app-header__menu-desktop {
        position: relative;
        height: 70px;
        overflow: hidden;
        padding: .25rem .5rem;
        background: transparent;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: inherit;
    }

    .app-header__menu-desktop i {
        color: #ebb058;
    }

    .app-header__menu-desktop:hover i,
    .app-header__menu-desktop:focus i {
        opacity: 0.85;
    }

    .app-header__menu-desktop:focus {
        outline: none;
    }
}