/* Витрина: своя полоса прокрутки страницы (ab_scroll.js) - появляется при прокрутке и у правого края окна, потом скрывается.
   Только там, где есть мышь: на телефоне и планшете полоса системная. Полосы внутри блоков (списки, таблицы) - прежние, из style.css */
@media (hover: hover) and (pointer: fine) {
    html {
        scrollbar-width: none;
    }

    html::-webkit-scrollbar {
        display: none;
    }

    .ab-scroll {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 9999;
        width: 8px;
        height: 100vh;
        background: transparent;
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s ease;
    }

    .ab-scroll--visible {
        opacity: 1;
        pointer-events: auto;
    }

    .ab-scroll__thumb {
        position: absolute;
        top: 0;
        right: 2px;
        width: 4px;
        border-radius: 4px;
        background: rgba(248, 250, 249, .3);
        transition: background .2s ease, width .2s ease;
    }

    .ab-scroll:hover .ab-scroll__thumb {
        background: rgba(248, 250, 249, .5);
    }

    .ab-scroll__thumb:active,
    .ab-scroll-dragging .ab-scroll__thumb {
        width: 6px;
        background: rgba(248, 250, 249, .65);
    }
}

@media print {
    .ab-scroll {
        display: none;
    }
}