.oranzovka-mobile-categories {
    --oz-mobile-menu-text: #fff;
    --oz-mobile-menu-accent: #ff6b00;
    --oz-mobile-menu-divider: rgba(255, 255, 255, 0.78);
    --oz-mobile-menu-row-padding-x: 24px;
    --oz-mobile-menu-row-padding-y: 26px;
    /* Text rodiče začíná na 64 px; podrubriky jsou podle Figmy o 24 px dál. */
    --oz-mobile-menu-child-indent: 88px;
    width: 100%;
    color: var(--oz-mobile-menu-text);
    font-family: "Kanit", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
}

.oranzovka-mobile-categories,
.oranzovka-mobile-categories * {
    box-sizing: border-box;
}

.oranzovka-mobile-categories__viewport {
    position: relative;
    width: 100%;
    overflow: hidden;
    transition: height 300ms ease;
}

.oranzovka-mobile-categories__panel {
    width: 100%;
    transition: transform 300ms ease, visibility 0s linear 300ms;
    will-change: transform;
}

.oranzovka-mobile-categories__panel--main {
    position: relative;
    transform: translateX(0);
    transition-delay: 0s;
}

.oranzovka-mobile-categories__panel--submenu {
    position: absolute;
    inset: 0 auto auto 0;
    visibility: hidden;
    transform: translateX(100%);
}

.oranzovka-mobile-categories.is-submenu-open .oranzovka-mobile-categories__panel--main {
    visibility: hidden;
    transform: translateX(-100%);
    transition-delay: 0s, 300ms;
}

.oranzovka-mobile-categories__panel--submenu.is-active {
    visibility: visible;
    transform: translateX(0);
    transition-delay: 0s;
}

.oranzovka-mobile-categories__list {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.oranzovka-mobile-categories__item {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--oz-mobile-menu-divider) !important;
}

.oranzovka-mobile-categories__panel--main .oranzovka-mobile-categories__item:last-child {
    border-bottom: 0 !important;
}

.oranzovka-mobile-categories__row {
    display: flex;
    align-items: center;
    min-width: 0;
    padding: var(--oz-mobile-menu-row-padding-y) var(--oz-mobile-menu-row-padding-x);
}

.oranzovka-mobile-categories .oranzovka-mobile-categories__row a.oranzovka-mobile-categories__link {
    padding: 0 !important;
}

.oranzovka-mobile-categories a.oranzovka-mobile-categories__link,
.oranzovka-mobile-categories a.oranzovka-mobile-categories__link:visited {
    display: block !important;
    flex: 0 1 auto;
    min-width: 0;
    margin: 0 !important;
    padding: var(--oz-mobile-menu-row-padding-y) var(--oz-mobile-menu-row-padding-x);
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--oz-mobile-menu-text) !important;
    font-family: "Kanit", sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    text-transform: none !important;
    overflow-wrap: anywhere;
    transition: color 180ms ease;
}

.oranzovka-mobile-categories a.oranzovka-mobile-categories__link:hover,
.oranzovka-mobile-categories a.oranzovka-mobile-categories__link:focus-visible,
.oranzovka-mobile-categories a.oranzovka-mobile-categories__link.is-current,
.oranzovka-mobile-categories a.oranzovka-mobile-categories__link.is-current:visited {
    color: var(--oz-mobile-menu-accent) !important;
    text-decoration: none !important;
}

.oranzovka-mobile-categories a.oranzovka-mobile-categories__link::before,
.oranzovka-mobile-categories a.oranzovka-mobile-categories__link::after {
    content: none !important;
    display: none !important;
}

.oranzovka-mobile-categories button.oranzovka-mobile-categories__toggle {
    display: inline-flex !important;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--oz-mobile-menu-text) !important;
    font: inherit !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.oranzovka-mobile-categories button.oranzovka-mobile-categories__toggle--open {
    margin-left: 14px !important;
}

.oranzovka-mobile-categories button.oranzovka-mobile-categories__toggle:hover,
.oranzovka-mobile-categories button.oranzovka-mobile-categories__toggle:focus-visible {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--oz-mobile-menu-text) !important;
}

.oranzovka-mobile-categories button.oranzovka-mobile-categories__toggle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.oranzovka-mobile-categories__arrow {
    display: block !important;
    flex: 0 0 auto;
    width: 6px !important;
    min-width: 6px !important;
    max-width: 6px !important;
    height: 10px !important;
    min-height: 10px !important;
    max-height: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transform: none;
}

.oranzovka-mobile-categories__row--back {
    position: relative;
    border-bottom: 0 !important;
}

.oranzovka-mobile-categories__row--back::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: calc(var(--oz-mobile-menu-row-padding-x) + 40px);
    height: 1px;
    background: var(--oz-mobile-menu-divider);
}

.oranzovka-mobile-categories button.oranzovka-mobile-categories__toggle--back {
    margin-right: 14px !important;
}

.oranzovka-mobile-categories__toggle--back .oranzovka-mobile-categories__arrow {
    transform: rotate(180deg);
}

.oranzovka-mobile-categories__link--parent {
    flex: 0 1 auto;
}

.oranzovka-mobile-categories__item--child {
    border-bottom: 0 !important;
}

.oranzovka-mobile-categories a.oranzovka-mobile-categories__link--child {
    padding: 14px var(--oz-mobile-menu-row-padding-x) 14px var(--oz-mobile-menu-child-indent) !important;
    font-weight: 400 !important;
}

.oranzovka-mobile-categories .oranzovka-mobile-categories__item--child:first-child a.oranzovka-mobile-categories__link--child {
    padding-top: 24px !important;
}

.oranzovka-mobile-categories .oranzovka-mobile-categories__item--child:last-child a.oranzovka-mobile-categories__link--child {
    padding-bottom: 24px !important;
}

.oranzovka-mobile-categories__notice {
    margin: 0;
    padding: 12px;
    color: #b32d2e;
    background: #fff;
    font: 14px/1.4 sans-serif;
}

@media (prefers-reduced-motion: reduce) {
    .oranzovka-mobile-categories__viewport,
    .oranzovka-mobile-categories__panel,
    .oranzovka-mobile-categories__link {
        transition-duration: 0.01ms;
    }
}