@media (max-width: 767px) {
    html.gsmpartsstore-mobile-menu-open,
    body.gsmpartsstore-mobile-menu-open {
        overflow: hidden;
    }

    body.gsmpartsstore-mobile-menu-open {
        position: fixed;
        right: 0;
        left: 0;
        width: 100%;
    }

    .gsmpartsstore-mobile-navigation {
        box-sizing: border-box;
        max-height: calc(100vh - var(--gsmpartsstore-mobile-menu-top, 166px));
        max-height: calc(100svh - var(--gsmpartsstore-mobile-menu-top, 166px));
        max-height: calc(100dvh - var(--gsmpartsstore-mobile-menu-top, 166px));
        padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .gsmpartsstore-mobile-category-menu {
        min-width: 0;
        margin: 7px 0;
        padding: 14px 0 10px;
        border-top: 1px solid var(--gsmpartsstore-color-border, #e5e7e6);
        border-bottom: 1px solid var(--gsmpartsstore-color-border, #e5e7e6);
    }

    .gsmpartsstore-mobile-category-menu__title {
        display: block;
        margin: 0 4px 8px;
        color: var(--gsmpartsstore-color-muted, #68736c);
        font-size: 0.74rem;
        font-weight: 800;
        letter-spacing: 0.07em;
        line-height: 1.4;
        text-transform: uppercase;
    }

    .gsmpartsstore-mobile-category-menu__tree,
    .gsmpartsstore-mobile-category-menu__children {
        display: grid;
        min-width: 0;
        gap: 2px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .gsmpartsstore-mobile-category-menu__item,
    .gsmpartsstore-mobile-category-menu__branch {
        min-width: 0;
        margin: 0;
    }

    .gsmpartsstore-mobile-menu .gsmpartsstore-mobile-category-menu__summary,
    .gsmpartsstore-mobile-navigation .gsmpartsstore-mobile-category-menu__link,
    .gsmpartsstore-mobile-navigation .gsmpartsstore-mobile-category-menu__view-all {
        display: flex;
        width: 100%;
        min-width: 0;
        min-height: 44px;
        padding: 10px 8px;
        border: 0;
        border-radius: 7px;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: var(--gsmpartsstore-color-text, #17211b);
        background: transparent;
        font: inherit;
        font-size: 0.91rem;
        font-weight: 600;
        line-height: 1.35;
        text-align: left;
        text-decoration: none;
        overflow-wrap: anywhere;
    }

    .gsmpartsstore-mobile-menu .gsmpartsstore-mobile-category-menu__summary {
        height: auto;
        cursor: pointer;
        list-style: none;
    }

    .gsmpartsstore-mobile-menu[open] .gsmpartsstore-mobile-category-menu__summary {
        color: var(--gsmpartsstore-color-text, #17211b);
        background: transparent;
    }

    .gsmpartsstore-mobile-menu[open] .gsmpartsstore-mobile-category-menu__branch[open] > .gsmpartsstore-mobile-category-menu__summary,
    .gsmpartsstore-mobile-category-menu__item.is-current > .gsmpartsstore-mobile-category-menu__link {
        color: var(--gsmpartsstore-color-accent, #178447);
        background: var(--gsmpartsstore-color-surface-soft, #f5f8f6);
    }

    .gsmpartsstore-mobile-category-menu__summary:hover,
    .gsmpartsstore-mobile-category-menu__link:hover {
        color: var(--gsmpartsstore-color-accent, #178447);
        background: var(--gsmpartsstore-color-surface-soft, #f5f8f6);
    }

    .gsmpartsstore-mobile-category-menu__chevron {
        width: 8px;
        height: 8px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        flex: 0 0 auto;
        transform: rotate(45deg) translateY(-2px);
        transition: transform 160ms ease;
    }

    .gsmpartsstore-mobile-category-menu__branch[open] > .gsmpartsstore-mobile-category-menu__summary .gsmpartsstore-mobile-category-menu__chevron {
        transform: rotate(225deg) translate(-1px, -1px);
    }

    .gsmpartsstore-mobile-category-menu__children {
        margin: 2px 0 5px 10px;
        padding-left: 10px;
        border-left: 1px solid var(--gsmpartsstore-color-border, #e5e7e6);
    }

    .gsmpartsstore-mobile-navigation .gsmpartsstore-mobile-category-menu__view-all {
        min-height: 42px;
        margin-top: 7px;
        padding-top: 11px;
        border-top: 1px solid var(--gsmpartsstore-color-border, #e5e7e6);
        border-radius: 0;
        color: var(--gsmpartsstore-color-accent, #178447);
        font-size: 0.82rem;
        font-weight: 700;
    }

    .gsmpartsstore-mobile-category-menu__view-all:hover {
        color: var(--gsmpartsstore-color-accent-dark, #116b39);
    }
}

@media (prefers-reduced-motion: reduce) {
    .gsmpartsstore-mobile-category-menu__chevron {
        transition-duration: 1ms;
    }
}