.shop-mobile-tool {
    display: none;
}

.shop-mobile-tool svg {
    width: 22px;
    height: 22px;
}

@media (max-width: 768px) {
    .shop-mobile-tool { display: inline-flex; }
    .shop-auth { display: none !important; }
}

.shop-tabbar {
    display: none;
}

@media (max-width: 768px) {
    body.shop-hide-drawer .shop-burger,
    body.shop-hide-drawer .shop-drawer,
    body.shop-hide-drawer .shop-drawer__shade {
        display: none !important;
    }

    body.shop-tabbar-on .shop-tabbar {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        position: fixed;
        left: 12px;
        right: 12px;
        bottom: calc(10px + env(safe-area-inset-bottom));
        z-index: 1200;
        height: 58px;
        padding: 6px 4px;
        border-radius: 18px;
        background: var(--glass-bg-strong, rgba(255, 255, 255, .82));
        -webkit-backdrop-filter: var(--glass-filter, saturate(110%) blur(24px));
        backdrop-filter: var(--glass-filter, saturate(110%) blur(24px));
        border: 1px solid var(--glass-border, rgba(255, 255, 255, .85));
        box-shadow: var(--glass-shadow, 0 10px 36px rgba(31, 45, 70, .10));
    }

    :root[data-theme="dark"] .shop-tabbar {
        background: var(--glass-bg-strong, rgba(30, 34, 43, .74));
        border-color: var(--glass-border, rgba(255, 255, 255, .12));
    }

    .shop-tabbar__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        color: var(--uc-ink-dis, #8b919a);
        font-size: 11px;
        line-height: 1;
        text-decoration: none;
        border-radius: 14px;
    }

    .shop-tabbar__item svg {
        width: 22px;
        height: 22px;
    }

    .shop-tabbar__item.is-active {
        color: var(--uc-primary-deep, #1f2933);
        background: rgba(var(--md-primary-rgb, 31, 39, 51), .10);
    }

    :root[data-theme="dark"] .shop-tabbar__item.is-active {
        color: var(--uc-primary-deep, #f3f4f6);
        background: rgba(255, 255, 255, .08);
    }

    body.shop-tabbar-on #pjax-container {
        padding-bottom: calc(84px + env(safe-area-inset-bottom));
    }
}