transition: none;
    }


    .yn-dropdown::before {
        display: none;
    }


    .yn-has-dropdown:hover > .yn-dropdown {
        display: none;
    }


    .yn-has-dropdown.yn-open > .yn-dropdown {
        display: block;

        transform: none;
    }


    .yn-dropdown > a {
        min-height: 42px;

        font-size: 13px;
    }
}


/* =========================================================
   16. Small Mobile
========================================================= */

@media (max-width: 640px) {

    .yn-header {
        padding-top: 7px;
    }

    .yn-header-wrap {
        width: calc(100% - 14px);

        border-radius: 13px;
    }

    .yn-navbar {
        min-height: 60px;

        padding:
            0 9px
            0 14px;
    }

    .yn-logo-main {
        font-size: 20px;
    }

    .yn-logo-sub {
        display: none;
    }

    .yn-menu-toggle {
        width: 40px;
        height: 40px;

        border-radius: 9px;
    }

    .yn-nav-links {
        top: calc(100% + 7px);

        padding: 9px;

        border-radius: 12px;
    }

    .yn-product-grid {
        grid-template-columns: 1fr;
    }

    .yn-product-card {
        min-height: auto;
    }

    .yn-mega-inner {
        padding: 15px;
    }

    .yn-mega-heading h2 {
        font-size: 18px;
    }

    .yn-mega-heading p {
        font-size: 12px;
    }
}


/* =========================================================
   17. Accessibility
========================================================= */

.yn-header a:focus-visible,
.yn-header button:focus-visible {
    outline: 2px solid var(--yn-gold);
    outline-offset: 3px;
}


/* =========================================================
   18. Reduced Motion
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .yn-header *,
    .yn-header *::before,
    .yn-header *::after {
        scroll-behavior: auto !important;

        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}