.site-mobile-navbar {
    position: fixed;
    inset-block-end: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    z-index: 100
}

@media screen and (min-width: 769px) {
    .site-mobile-navbar {
        display:none
    }
}

.site-mobile-navbar .site-mobile-navbar-inner {
    position: relative;
    color: #000;
    background-color: #fff;
    box-shadow: 0 2px 56px 0 rgba(0,0,0,.25);
    overflow: hidden
}

.site-mobile-navbar .site-mobile-navbar-inner .site-nav .site-menu {
    padding: 0 12px;
    margin: 0;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 10px;
    align-items: center;
    justify-content: center;
    min-height: 50px
}

.site-mobile-navbar .site-mobile-navbar-inner .site-nav .site-menu li {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: inline
}

.site-mobile-navbar .site-mobile-navbar-inner .site-nav .site-menu li>* {
    position: relative;
    color: currentColor;
    padding: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    color: var(--Neutral---500,#666);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.site-mobile-navbar .site-mobile-navbar-inner .site-nav .site-menu li svg {
    color: rgba(65,70,81,1)
}

.site-mobile-navbar .site-mobile-navbar-inner .site-nav .site-menu li a i {
    position: relative;
    font-size: 1.5rem;
    line-height: 1;
    color: currentColor;
    z-index: 1
}

.site-mobile-navbar .site-mobile-navbar-inner .site-nav .site-menu li a i::before {
    margin: 0
}

.site-mobile-navbar .site-mobile-navbar-inner .site-nav .site-menu li a span {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
    color: #71717a;
    transition: color 0.1s cubic-bezier(.25,.1,.25,1);
    z-index: 1;
    white-space: nowrap
}

.site-mobile-navbar .site-mobile-navbar-inner .site-nav .site-menu li a.active {
    color: #000
}

.site-mobile-navbar .site-mobile-navbar-inner .site-nav .site-menu li a.active::before {
    opacity: 1
}

.site-mobile-navbar .site-mobile-navbar-inner .site-nav .site-menu li a.active span {
    color: rgba(0,0,0,.7)
}
span.mobile-nav-cart-count {
    position: absolute;
    top: 14px;
    inset-inline-start: 50%;
    transform: translateX(31px);
    padding-inline-start: 1px;
    background: #ee0909;
    color: #fff;
    width: 20px;
    height: 20px;
    aspect-ratio: 1;
    border-radius: 70px;
    font-size: 10px;
    font-weight: 900;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 768px) {
    body {
        padding-bottom:66px
    }
}