/* Для браузерів на WebKit (Chrome, Edge, Safari, Opera) */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #222222;
}

::-webkit-scrollbar-thumb {
    background-color: #DF815C;
    border-radius: 999px;
    border: 2px solid #222222; /* щоб скрол виглядав "втопленим" у фоні */
}

::-webkit-scrollbar-thumb:hover {
    background-color: #ff932e; /* легкий hover ефект */
}

/* Для Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: #DF815C #222222; /* thumb track */
}