@media (max-width: 991px) {
    html.mg-mobile-scroll-ready .head-mob {
        transform: translate3d(0, 0, 0);
        transition: transform 220ms ease, filter 250ms ease;
        will-change: transform;
    }

    html.mg-mobile-scroll-ready body.mg-mobile-scroll-down .head-mob {
        pointer-events: none;
        transform: translate3d(0, calc(-100% - 2px), 0);
    }

    html.mg-mobile-scroll-ready body.mobile-menu-open .head-mob,
    html.mg-mobile-scroll-ready body.magister-mobile-menu-open .head-mob,
    html.mg-mobile-scroll-ready body.mg-cart-popup-open .head-mob {
        pointer-events: auto;
        transform: translate3d(0, 0, 0);
    }

    html.mg-mobile-scroll-ready .single-product .mg-product-cart form.cart,
    html.mg-mobile-scroll-ready .mobile-bottom-nav {
        transition: transform 220ms ease, opacity 180ms ease;
        will-change: transform;
    }

    html.mg-mobile-scroll-ready body.single-product:not(.mg-mobile-scroll-down) .mg-product-cart form.cart,
    html.mg-mobile-scroll-ready body:not(.mg-mobile-scroll-down) .mobile-bottom-nav,
    html.mg-mobile-scroll-ready body.single-product.mobile-menu-open .mg-product-cart form.cart,
    html.mg-mobile-scroll-ready body.mobile-menu-open .mobile-bottom-nav,
    html.mg-mobile-scroll-ready body.single-product.magister-mobile-menu-open .mg-product-cart form.cart,
    html.mg-mobile-scroll-ready body.magister-mobile-menu-open .mobile-bottom-nav,
    html.mg-mobile-scroll-ready body.single-product.mg-cart-popup-open .mg-product-cart form.cart,
    html.mg-mobile-scroll-ready body.mg-cart-popup-open .mobile-bottom-nav {
        opacity: 0;
        pointer-events: none;
        transform: translate3d(0, calc(100% + 4px), 0) !important;
    }

    html.mg-mobile-scroll-ready body.single-product.mg-mobile-scroll-down .mg-product-cart form.cart,
    html.mg-mobile-scroll-ready body.mg-mobile-scroll-down .mobile-bottom-nav {
        opacity: 1;
        pointer-events: auto;
        transform: translate3d(0, 0, 0) !important;
    }
}

@media (max-width: 991px) and (prefers-reduced-motion: reduce) {
    html.mg-mobile-scroll-ready .head-mob,
    html.mg-mobile-scroll-ready .single-product .mg-product-cart form.cart,
    html.mg-mobile-scroll-ready .mobile-bottom-nav {
        transition: none;
    }
}