/* =================================
   Global Scrollbar (ShopBy Style)
   ================================= */

/* Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    transition: scrollbar-color 0.3s ease;
}

/* Show on hover */
html:hover {
    scrollbar-color: #cccccc #f9f9f9;
}

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 10px;
    transition: background-color 0.3s ease;
}

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

/* Hover effect */
html:hover::-webkit-scrollbar-thumb {
    background-color: #cccccc;
}

html:hover::-webkit-scrollbar-track {
    background: #f9f9f9;
}