/* Scroll behavior only. Existing colors, typography, sizes and page spacing remain in place. */
@media (max-width: 1024px) {
    html.km-mobile-browse-enabled .store-header-sticky:not(.store-header-dashboard),
    html.km-mobile-browse-enabled .store-bottom-nav {
        transition: transform 180ms ease, opacity 180ms ease;
    }

    html.km-mobile-browse-enabled .km-floating-whatsapp,
    html.km-mobile-browse-enabled .store-chat-button,
    html.km-mobile-browse-enabled .floating-chat-button {
        transition: transform 180ms ease, opacity 180ms ease;
    }

    html.km-mobile-browse-hidden .store-header-sticky:not(.store-header-dashboard) {
        transform: translateY(calc(-100% - 24px)) !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    html.km-mobile-browse-hidden .store-bottom-nav {
        transform: translateY(calc(100% + env(safe-area-inset-bottom) + 24px)) !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    html.km-mobile-browse-hidden .km-floating-whatsapp,
    html.km-mobile-browse-hidden .store-chat-button,
    html.km-mobile-browse-hidden .floating-chat-button {
        transform: translateY(14px) !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    @media (prefers-reduced-motion: reduce) {
        html.km-mobile-browse-enabled .store-header-sticky,
        html.km-mobile-browse-enabled .store-bottom-nav,
        html.km-mobile-browse-enabled .km-floating-whatsapp,
        html.km-mobile-browse-enabled .store-chat-button,
        html.km-mobile-browse-enabled .floating-chat-button {
            transition: none;
        }
    }
}