.tkma-nav {
    position: relative;
    display: flex;
    align-items: stretch;
    color: inherit;
}

.tkma-nav > .tkma-nav-toggle {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 44px;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    color: inherit !important;
    cursor: pointer;
    white-space: nowrap;
}

.tkma-nav-chevron {
    flex: none;
    display: grid;
    place-items: center;
    width: 12px;
    height: 12px;
}

.tkma-nav-chevron::before {
    content: "";
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    transform: translateY(-2px) rotate(45deg);
}

.tkma-nav-toggle[aria-expanded="true"] .tkma-nav-chevron::before {
    transform: translateY(2px) rotate(225deg);
}

.tkma-nav-menu {
    position: absolute;
    inset: 100% auto auto 0;
    z-index: 9200;
    min-width: 235px;
    padding: 8px 0;
    border: 1px solid #414145;
    border-top: 2px solid #ed0522;
    background: #141416;
    box-shadow: 0 16px 28px #0005;
}

.tkma-nav-menu[hidden] {
    display: none !important;
}

.tkma-nav .tkma-nav-menu a {
    display: flex !important;
    min-height: 44px !important;
    align-items: center;
    padding: 11px 18px !important;
    color: #fff !important;
    font: 500 14px/1.4 sans-serif !important;
    text-transform: none !important;
    white-space: nowrap;
}

.tkma-nav .tkma-nav-menu a:hover,
.tkma-nav .tkma-nav-menu a:focus-visible {
    background: #303034 !important;
}

.tkma-nav a:focus-visible,
.tkma-nav button:focus-visible {
    outline: 2px solid #ff526c !important;
    outline-offset: -3px;
}

.tkma-nav--mobile {
    flex-wrap: wrap;
    width: 100%;
}

.tkma-nav--mobile > .tkma-nav-toggle {
    justify-content: space-between;
    padding: 10px 16px !important;
    text-align: left;
}

.tkma-nav--mobile > .tkma-nav-menu {
    position: static;
    min-width: 0;
    width: 100%;
    box-shadow: none;
}

.tkma-nav--mobile .tkma-nav-menu a {
    padding-left: 28px !important;
}

.tkvs-nav__inner > .tkma-nav > .tkma-nav-toggle {
    min-height: 48px;
    padding: 0 22px !important;
    color: #fff !important;

}

.tkvs-nav__inner > .tkma-nav > .tkma-nav-toggle,
.tkvs-nav__inner > .tkvs-catalog-trigger[data-tkma-catalog-trigger] {
    font: italic 900 15px/1 "Barlow Condensed", sans-serif !important;
    text-transform: uppercase;
}

.tkvs-nav__inner > .tkvs-catalog-trigger[data-tkma-catalog-trigger]:focus-visible {
    outline: 2px solid #ff526c !important;
    outline-offset: -3px;
}

.tkvs-nav__inner > .tkvs-catalog-trigger[data-tkma-catalog-trigger][aria-expanded="true"],
.tkvs-nav__inner > .tkma-nav:hover,
.tkvs-nav__inner > .tkma-nav.is-active,
.tkvs-nav__inner > .tkma-nav:has(> .tkma-nav-toggle[aria-expanded="true"]) {
    background: var(--tkvs-red, #ed0522);
}

@media (max-width: 1250px) {
    .tkvs-nav__inner > .tkma-nav > .tkma-nav-toggle {
        padding-inline: 16px !important;
    }
}