.wynd-shop-kit .wynd-nav {
    display: flex;
    flex-direction: column;
    gap: var(--wynd-nav-label-gap, var(--spacing-md));
}

.wynd-shop-kit .wynd-nav__menu,
.wynd-shop-kit .wynd-nav__sub {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.wynd-shop-kit .wynd-nav__menu {
    align-items: center;
    flex-wrap: wrap;
    gap: var(--wynd-nav-gap, var(--spacing-xs));
    justify-content: var(--wynd-nav-align, flex-start);
}

.wynd-shop-kit .wynd-nav--vertical > .wynd-nav__menu {
    align-items: var(--wynd-nav-align, stretch);
    flex-direction: column;
}

.wynd-shop-kit .wynd-nav a {
    color: var(--wynd-nav-color, inherit);
    display: block;
    text-decoration: none;
}

.wynd-shop-kit .wynd-nav__menu a:hover {
    color: var(--wynd-nav-color-hover, var(--wynd-nav-color, inherit));
}

.wynd-shop-kit .wynd-nav__menu a[aria-current] {
    color: var(--wynd-nav-color-current, var(--wynd-nav-color, inherit));
}

.wynd-shop-kit .wynd-nav__sub {
    flex-basis: 100%;
    flex-direction: column;
    padding-inline-start: var(--wynd-nav-sub-indent, var(--spacing-md));
}

/* label */
.wynd-shop-kit .wynd-nav__label {
    align-items: center;
    background: none;
    border: 0;
    color: inherit;
    display: flex;
    font: inherit;
    justify-content: space-between;
    margin: 0;
    text-align: inherit;
    width: 100%;
}

.wynd-shop-kit .wynd-nav__icon {
    display: none;
}

.wynd-shop-kit .wynd-nav__icon i {
    font-size: inherit;
}

.wynd-shop-kit .wynd-nav__icon svg {
    fill: currentColor;
    height: var(--spacing-md);
    width: var(--spacing-md);
}

/* accordion */
@media (max-width: 1024px) {
    .wynd-shop-kit .wynd-nav {
        gap: var(--spacing-xs);
    }

    .wynd-shop-kit .wynd-nav--accordion > .wynd-nav__menu {
        align-items: var(--wynd-nav-align, stretch);
        flex-direction: column;
    }

    .wynd-shop-kit .wynd-nav--accordion .wynd-nav__label[role='button'] {
        cursor: pointer;
    }

    .wynd-shop-kit .wynd-nav--accordion .wynd-nav__icon {
        align-items: center;
        display: inline-flex;
        font-size: var(--wynd-nav-icon-size, 20px);
        transition: transform 0.2s;
    }

    .wynd-shop-kit .wynd-nav--accordion .wynd-nav__label[aria-expanded='true'] .wynd-nav__icon {
        transform: rotate(180deg);
    }

    .wynd-shop-kit .wynd-nav--accordion .wynd-nav__label[aria-expanded='false'] + .wynd-nav__menu {
        display: none;
    }
}