/* Show hamburger menu on smaller screens */
@media (max-width: 768px) {
    .hamburger {
        display: flex;
        flex-direction: column;
        cursor: pointer;
        gap: 0.3em;
    }

    .hamburger .bar {
        width: 25px;
        height: 3px;
        background-color: var(--white);
        border-radius: 2px;
    }

    .nav-list {
        display: none;
        flex-direction: column;
        background-color: var(--primary-bg);
        position: absolute;
        top: 100%;
        right: 0;
        width: 100%;
        padding: 1em;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .nav-list.active {
        display: flex;
    }

    .nav-list li {
        text-align: center;
    }
}