@media (max-width: 767px) {
    .landing-navigation {
        flex-direction: column;
        gap: 1.25rem;
        padding-inline: 1rem;
    }

    .landing-navigation-links {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1.5rem;
    }

    .landing-navigation-links > :not([hidden]) ~ :not([hidden]) {
        margin-inline: 0;
    }

    .boolzaye-title {
        max-width: 100%;
        font-size: clamp(2rem, 8vw, 3rem);
    }
}