/* Desktop */
.ps-mobile-nav {
    display: none;
}

/* Mobile */
@media (max-width: 768px) {

    .ps-nav,
    .ps-header__cta {
        display: none;
    }

    .ps-menu-btn {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 28px;
        height: 22px;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        z-index: 1001;
    }

    .ps-menu-btn span {
        display: block;
        height: 3px;
        width: 100%;
        background: #000;
        border-radius: 50px;
        transition: .3s;
    }

    /* Hamburger Animation */
    .ps-menu-btn.active span:nth-child(1) {
        transform: translateY(9px) rotate(45deg);
    }

    .ps-menu-btn.active span:nth-child(2) {
        opacity: 0;
    }

    .ps-menu-btn.active span:nth-child(3) {
        transform: translateY(-9px) rotate(-45deg);
    }

    /* Mobile Menu */
    .ps-mobile-nav {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        display: flex;
        flex-direction: column;
        gap: 20px;

        padding: 25px;

        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: .3s ease;

        box-shadow: 0 10px 30px rgba(0,0,0,.08);
    }

    .ps-mobile-nav.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .ps-mobile-nav a {
        color: #111;
        text-decoration: none;
        font-weight: 600;
    }

    .ps-mobile-nav__cta {
        background: #0039ff;
        color: #fff !important;
        text-align: center;
        padding: 12px;
        border-radius: 8px;
    }
}