/* Custom Scrollbar Styles */
::-webkit-scrollbar {
    width: 6px; /* уменьшенная ширина */
    position: fixed;
    z-index: -1; /* всегда под хедером */
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(138, 43, 226, 0.4); /* более прозрачный фиолетовый */
    border-radius: 30px;
    height: 80px; /* уменьшенная высота */
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(138, 43, 226, 0.6); /* немного темнее при наведении */
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(138, 43, 226, 0.4) transparent;
}